:root{--bg:#0b1118;--bg2:#151e27;--panel:#111821;--line:rgba(255,255,255,.08);--text:#eef4fa;--muted:#9eafc1;--primary:#26c5b5;--primary2:#4b88ff;--gold:#e0b15a;--success:#73d48d;--danger:#ff7b8f;--radius:28px;--radius-sm:18px;--shadow:0 18px 60px rgba(0,0,0,.32)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(38,197,181,.17),transparent 24%),radial-gradient(circle at top right,rgba(75,136,255,.16),transparent 22%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text)}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(1260px,calc(100% - 32px));margin-inline:auto}.header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(11,17,24,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-row,.section-head,.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.header-row{padding:18px 0}.brand{display:flex;align-items:center;gap:14px}.mark{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow);border:2px solid rgba(255,255,255,.14);flex-shrink:0}.muted{color:var(--muted)}.btn{padding:12px 16px;border-radius:999px;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#07131a;font-weight:800}.btn-secondary{background:rgba(255,255,255,.05);border-color:var(--line);color:var(--text)}.hero{padding:54px 0}.grid2,.hero-grid,.kpis,.shell{display:grid;grid-gap:16px;gap:16px}.hero-grid{grid-template-columns:1.1fr .9fr}.card,.form-card,.login-card,.mainpanel,.sidebar{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.form-card,.hero-copy,.hero-side,.login-card,.mainpanel,.sidebar{padding:24px}.badge,.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;font-weight:700}.eyebrow{background:rgba(224,177,90,.12);color:var(--gold)}.hero h1{font-size:clamp(2.3rem,4.8vw,5rem);line-height:1.04;margin:14px 0}.hero p{line-height:1.8}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:16px}.mini,.stat{padding:16px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid var(--line)}.mini strong,.stat strong{display:block;font-size:1.7rem}.shell{grid-template-columns:280px 1fr;padding:24px 0}.sidebar{height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:90px}.nav{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.nav a{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid transparent}.nav a.active,.nav a:hover{border-color:var(--line)}.kpis{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:22px}.table{width:100%;border-collapse:collapse;min-width:860px;background:var(--panel)}.table td,.table th{padding:14px;text-align:right;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-weight:600;background:rgba(255,255,255,.03)}.paid{background:rgba(115,212,141,.14);color:var(--success)}.due{background:rgba(224,177,90,.14);color:var(--gold)}.danger{background:rgba(255,123,143,.14);color:var(--danger)}.input{width:100%;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#0f1620;color:var(--text)}.form-grid{display:grid;grid-gap:12px;gap:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.footer{padding:28px 0 40px;color:var(--muted)}@media(max-width:1100px){.grid2,.hero-grid,.shell{grid-template-columns:1fr}.kpis,.stats{grid-template-columns:repeat(2,1fr)}.sidebar{position:relative;top:0}}@media(max-width:720px){.header-row,.section-head,.topbar{align-items:flex-start}.kpis,.stats{grid-template-columns:1fr}.form-card,.hero-copy,.hero-side,.login-card,.mainpanel,.sidebar{padding:18px}}