*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#eef3f7;color:#172536}.top{position:sticky;top:0;z-index:20;background:#082b49;color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.top b{letter-spacing:2px;display:block}.top small{opacity:.78}.round{width:44px;height:44px;border-radius:50%;border:2px solid #fff;background:#0b6b78;color:#fff;font-weight:800;font-size:19px}.tabs{display:flex;gap:7px;overflow:auto;padding:10px;background:#fff;position:fixed;left:0;right:0;bottom:0;z-index:19;border-top:1px solid #dbe3e9;box-shadow:0 -2px 8px #0001}.tabs button{white-space:nowrap}.tabs button.active{background:#0b6b78;color:#fff;box-shadow:inset 0 -3px 0 #082b49}.container{max-width:1100px;margin:auto;padding:14px;padding-bottom:84px}.card{background:#fff;border-radius:15px;padding:16px;margin:12px 0;box-shadow:0 2px 10px #0001}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:700px){.grid{grid-template-columns:1fr}}label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:650}input,select,textarea{font:inherit;padding:11px;border:1px solid #c9d4dc;border-radius:9px;background:#fff}button{border:0;border-radius:9px;padding:10px 13px;background:#dce7ef;color:#142433;font-weight:700}button.primary{background:#0b6b78;color:white}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.actions>*{flex:1}.metric{padding:14px;border-radius:12px;background:#f7f9fb}.metric b{display:block;font-size:22px;margin-top:5px}.row{display:flex;justify-content:space-between;gap:10px;align-items:center}.muted{color:#6a7a87;font-size:13px}.danger{color:#a12d2d}.ok{color:#177044}.tablewrap{overflow:auto;position:relative}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:9px;border-bottom:1px solid #e3e8ed;text-align:left;white-space:nowrap}.table th:first-child,.table td:first-child{position:sticky;left:0;background:#fff;z-index:2;box-shadow:2px 0 4px #0001;white-space:normal;max-width:92px;font-size:12px;line-height:1.3}.chip{display:inline-block;background:#e7f1f3;padding:5px 8px;border-radius:999px;font-size:12px;margin:3px}.modal{position:fixed;inset:0;background:#0007;display:grid;place-items:center;z-index:50;padding:15px}.hidden{display:none!important}.modalbox{background:#fff;border-radius:15px;max-width:850px;width:100%;max-height:90vh;overflow:auto;padding:18px;position:relative}.close{position:absolute;right:12px;top:10px;background:#eee}.ratebox{background:#f5f8fa;padding:13px;border-radius:12px;margin-top:12px}.total{font-size:24px;font-weight:850}.notice{padding:10px;border-radius:10px;background:#fff6df}.listitem{border:1px solid #dce4ea;border-radius:11px;padding:12px;margin:8px 0}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#152536;color:#fff;padding:10px 15px;border-radius:999px;display:none;z-index:80}.backbtn{background:none;border:0;color:#0b6b78;font-weight:700;padding:0 0 12px;font-size:14px;display:block;box-shadow:none}