:root{--bg:#f3f6fb;--card:#fff;--text:#162033;--muted:#738097;--primary:#1267e8;--primary2:#0b4fc0;--green:#16a36a;--orange:#f59e0b;--red:#e5484d;--purple:#7656e8;--line:#e7ebf2;--nav:#0c2147;--shadow:0 10px 28px rgba(16,38,72,.09)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.app{max-width:1120px;margin:auto;padding:20px 18px 95px}.topbar{background:linear-gradient(135deg,#0b2d62,#1267e8);color:#fff;padding:22px;border-radius:0 0 28px 28px;box-shadow:var(--shadow)}.topinner{max-width:1120px;margin:auto;display:flex;justify-content:space-between;gap:16px;align-items:center}.brand{font-size:22px;font-weight:800}.sub{opacity:.82;font-size:13px;margin-top:3px}.avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#ffffff22;border:1px solid #ffffff35;font-weight:800}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-top:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:20px}.balance{background:linear-gradient(135deg,#102c58,#163d78);color:#fff;border:none}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;opacity:.7}.bigmoney{font-size:34px;font-weight:850;letter-spacing:-1px;margin:6px 0}.muted{color:var(--muted)}.balance .muted{color:#d7e3fa}.row{display:flex;gap:12px;align-items:center;justify-content:space-between}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.metric{padding:17px}.metric b{display:block;font-size:20px;margin-top:4px}.metric .ico{font-size:20px}.progressbox{display:flex;align-items:center;gap:20px}.ring{--p:0;width:126px;height:126px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--p)*1%),#e8edf5 0);display:grid;place-items:center;position:relative;flex:0 0 auto}.ring:before{content:"";position:absolute;width:94px;height:94px;border-radius:50%;background:#fff}.ring span{z-index:1;font-size:22px;font-weight:850}.btn{border:0;border-radius:13px;padding:12px 15px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.btn-primary{background:var(--primary);color:#fff}.btn-soft{background:#edf4ff;color:#0c5bd5}.btn-light{background:#f4f6f9;color:#34425a}.btn-danger{background:#fff1f1;color:#c9373b}.actions{display:flex;gap:8px;flex-wrap:wrap}.section-title{font-size:17px;font-weight:850;margin:24px 2px 12px}.payment{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.payment:last-child{border-bottom:0}.num{width:46px;height:46px;border-radius:14px;background:#eff5ff;color:#155fd0;display:grid;place-items:center;font-weight:850}.status{font-size:12px;padding:6px 9px;border-radius:999px;font-weight:800;white-space:nowrap}.status.ok{background:#e9f8f1;color:#128055}.status.extra{background:#eeeaff;color:#6548d7}.status.warn{background:#fff5dc;color:#aa7000}.status.bad{background:#ffeaea;color:#c5343a}.status.pending{background:#edf0f4;color:#637087}.amount{font-weight:850}.small{font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field label{display:block;font-size:12px;font-weight:800;color:#647188;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #dce2eb;background:#fff;border-radius:13px;padding:13px 14px;font:inherit;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#69a3f5;box-shadow:0 0 0 3px #1267e814}.field textarea{min-height:90px;resize:vertical}.full{grid-column:1/-1}.notice{padding:13px 15px;border-radius:14px;background:#eaf4ff;color:#14599f;margin-bottom:14px}.notice.error{background:#fff0f0;color:#b43338}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#dcecff,#f5f7fb 48%)}.login-card{width:min(430px,100%);background:#fff;padding:28px;border-radius:26px;box-shadow:0 20px 60px rgba(20,48,90,.15)}.login-logo{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#0d4fb1,#2683ff);color:#fff;display:grid;place-items:center;font-size:30px;margin-bottom:18px}.login-card h1{margin:0 0 6px}.login-card .field{margin-top:14px}.login-card .btn{width:100%;margin-top:18px;padding:14px}.bottomnav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:none;z-index:30}.bottomnav .navin{max-width:620px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr)}.bottomnav a{padding:10px 6px 8px;text-align:center;font-size:11px;color:#738097}.bottomnav a strong{display:block;font-size:20px;margin-bottom:2px}.bottomnav a.active{color:var(--primary);font-weight:800}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.table th{font-size:11px;text-transform:uppercase;color:#758199;letter-spacing:.04em}.empty{padding:28px;text-align:center;color:var(--muted)}.contract{line-height:1.8}.contract b{color:#34425a}.filebox{border:1px dashed #b9c8dd;background:#f8fbff;border-radius:15px;padding:14px}.desktop-actions{display:flex;gap:8px}.receipt{max-width:650px;margin:25px auto;background:#fff;border-radius:24px;padding:26px;box-shadow:var(--shadow)}.receipt-head{text-align:center;padding-bottom:18px;border-bottom:2px dashed #dfe5ee}.receipt-line{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #eef1f5}.receipt-total{font-size:24px;font-weight:850;text-align:center;padding:20px}.signature{margin-top:42px;text-align:center}.signature span{display:block;border-top:1px solid #8e98a8;padding-top:8px;max-width:320px;margin:auto}.mobile-only{display:none}@media(max-width:760px){.app{padding:14px 12px 88px}.topbar{padding:18px 14px;border-radius:0 0 23px 23px}.brand{font-size:19px}.hero{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}.bigmoney{font-size:30px}.card{border-radius:18px;padding:16px}.progressbox{gap:14px}.ring{width:112px;height:112px}.ring:before{width:84px;height:84px}.form-grid{grid-template-columns:1fr}.bottomnav{display:block}.desktop-actions{display:none}.mobile-only{display:block}.payment{grid-template-columns:auto 1fr}.payment .right{grid-column:2}.actions .btn{flex:1}.receipt{margin:12px;padding:18px;border-radius:18px}}@media print{.topbar,.bottomnav,.no-print{display:none!important}.app{padding:0}.receipt{box-shadow:none;margin:0;max-width:none;border-radius:0}}