*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#edf4fb;background:linear-gradient(90deg,#02111f 0%,#031d33 42%,#02111f 100%)}a{text-decoration:none;color:inherit}code{background:rgba(255,255,255,.08);padding:.2rem .45rem;border-radius:999px;font-size:.9em}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px}.login-shell{width:min(1380px,100%);display:grid;grid-template-columns:1.25fr .8fr;gap:28px;align-items:stretch}.login-brand,.login-card{border:1px solid rgba(255,255,255,.08);border-radius:34px;background:rgba(1,14,26,.6);backdrop-filter:blur(10px);box-shadow:0 30px 80px rgba(0,0,0,.35)}.login-brand{padding:56px 56px 42px;background:linear-gradient(145deg,rgba(0,80,158,.94) 0%,rgba(11,70,132,.95) 58%,rgba(5,30,57,.92) 100%)}.eyebrow,.login-kicker,.section-kicker{display:inline-block;font-size:.87rem;letter-spacing:.12em;color:#00c3ff;font-weight:800;text-transform:uppercase}.login-brand h1{font-size:clamp(3rem,5.5vw,5.8rem);line-height:.96;margin:28px 0 24px;max-width:11ch}.login-brand p{font-size:1.12rem;line-height:1.7;max-width:760px;color:#dbe9f8}.hero-stats{margin-top:42px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hero-stat{padding:24px 24px 22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:24px}.hero-stat span{display:block;color:#d4e7fb;font-size:1rem;margin-bottom:10px}.hero-stat strong{display:block;font-size:2.25rem;font-weight:800}.hero-stat small{display:block;margin-top:8px;color:#d4e7fb;font-size:1rem}.login-card{padding:42px;align-self:center}.login-card-top{display:flex;align-items:center;gap:18px;margin-bottom:26px}.logo-badge,.brand-mark{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#00a5cf,#74d9ff);color:#03203a;font-weight:800;font-size:1.8rem}.login-card h2{font-size:3rem;line-height:1;margin:.4rem 0 0}.form-grid{display:grid;gap:18px}.form-grid label span{display:block;margin-bottom:10px;font-size:1rem;color:#dceafb;font-weight:600}input,select{width:100%;border:1px solid rgba(255,255,255,.08);background:#071a2f;color:#eef5fd;border-radius:18px;padding:18px 18px;font-size:1rem;outline:none}input:focus,select:focus{border-color:#00b7ff;box-shadow:0 0 0 3px rgba(0,183,255,.16)}.password-wrap{position:relative}.password-wrap .ghost-mini{position:absolute;right:10px;top:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:58px;border-radius:18px;border:1px solid rgba(255,255,255,.08);padding:0 22px;font-weight:800;font-size:1rem;cursor:pointer}.btn-block{width:100%}.btn-primary{background:linear-gradient(90deg,#18a4d0,#68c9e7);color:#07223b}.btn-secondary{background:rgba(255,255,255,.04);color:#edf4fb}.ghost-mini{min-height:42px;border:none;border-radius:14px;padding:0 14px;background:transparent;color:#00c3ff;font-weight:800;cursor:pointer}.demo-box,.mini-note{margin-top:22px;border-radius:22px;padding:22px;background:#07182b;border:1px solid rgba(255,255,255,.08)}.demo-box h3{margin:0 0 12px}.demo-box p,.mini-note{color:#cfe0f1;line-height:1.6}.alert{padding:16px 18px;border-radius:16px;margin-bottom:18px;font-weight:600}.alert-danger{background:rgba(255,89,89,.12);border:1px solid rgba(255,89,89,.25);color:#ffd0d0}.app-shell{display:grid;grid-template-columns:308px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#041323 0%,#03101d 100%);border-right:1px solid rgba(255,255,255,.08);padding:28px 18px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:14px;padding:0 8px 20px}.brand strong{display:block;font-size:1.85rem}.brand span{display:block;color:#bbcade}.menu{display:grid;gap:8px;margin-top:8px}.menu a{padding:18px 18px;border-radius:18px;color:#dbe8f5;font-weight:600}.menu a.active,.menu a:hover{background:rgba(0,165,207,.12);border:1px solid rgba(0,165,207,.18)}.sidebar-box{margin-top:20px;padding:18px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.sidebar-box span{display:block;color:#97aec2;margin-bottom:8px}.company-switch{margin-top:12px}.sidebar-footer{margin-top:auto;padding:20px 8px 0;border-top:1px solid rgba(255,255,255,.08)}.sidebar-footer small{display:block;color:#8ca5bb;margin-bottom:8px}.sidebar-footer strong{display:block;margin-bottom:12px}.sidebar-footer a{color:#93d9ff;font-weight:700}.main-content{padding:34px 34px 40px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.page-head h1{font-size:4rem;line-height:1.04;margin:8px 0 8px}.page-head p{color:#b7cade;font-size:1.15rem;margin:0}.page-actions{display:flex;gap:14px;align-items:center}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 20px;border-radius:999px;font-weight:700}.chip-success{background:rgba(15,146,95,.18);color:#d9ffef;border:1px solid rgba(15,146,95,.25)}.chip-neutral{background:rgba(255,255,255,.08);color:#d7e7f7;border:1px solid rgba(255,255,255,.08)}.smart-summary{margin-top:22px;display:grid;grid-template-columns:1.3fr .7fr;gap:18px;padding:26px;border-radius:28px;background:linear-gradient(145deg,rgba(6,34,61,.96),rgba(6,25,45,.96));border:1px solid rgba(255,255,255,.08)}.smart-summary h2{font-size:2rem;margin:10px 0 10px}.smart-summary p{color:#d3e2f1;line-height:1.75;font-size:1.05rem}.smart-summary-right{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mini-metric{padding:22px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.mini-metric span{display:block;color:#9db6cc;margin-bottom:14px}.mini-metric strong{font-size:2.2rem}.kpi-grid{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.kpi-card,.panel,.company-card{background:linear-gradient(145deg,rgba(6,34,61,.96),rgba(6,25,45,.96));border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:0 16px 40px rgba(0,0,0,.18)}.kpi-card{padding:26px 26px 24px}.kpi-card span{display:block;color:#d0e0ef;margin-bottom:12px;font-size:1.04rem}.kpi-card strong{display:block;font-size:3rem;line-height:1;font-weight:800}.kpi-card small{display:block;margin-top:14px;font-size:1rem}.positive{color:#71ffb6}.negative{color:#ff8b8b}.neutral{color:#9fd1ff}.content-grid{margin-top:22px;display:grid;grid-template-columns:1.35fr .8fr;gap:18px}.panel{padding:26px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.panel h3{margin:8px 0 0;font-size:2rem}.panel-chart{min-height:520px}#performanceChart{width:100%;height:400px!important}.alert-stack{display:grid;gap:16px}.alert-card{padding:20px;border-radius:24px;border:1px solid rgba(255,255,255,.08)}.alert-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.alert-card-top span{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.alert-card p{margin:0 0 14px;color:#dbe6f4;line-height:1.6}.alert-danger{background:rgba(120,37,52,.24);border-color:rgba(255,104,129,.22)}.alert-warning{background:rgba(105,84,18,.2);border-color:rgba(255,201,60,.18)}.alert-success{background:rgba(11,92,68,.2);border-color:rgba(79,255,171,.18)}.text-link{color:#8ad8ff;font-weight:700}.two-col{margin-top:22px;display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.treasury-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.treasury-card{padding:20px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.treasury-card span{display:block;color:#adc1d5;margin-bottom:10px}.treasury-card strong{font-size:2rem;line-height:1.1}.aging-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.aging-box{padding:20px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.aging-box h4{margin:0 0 16px;font-size:1.15rem}.aging-box ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.aging-box li{display:flex;justify-content:space-between;gap:12px;color:#dce8f5}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:14px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.data-table th{color:#95aec5;font-size:.95rem}.badge{display:inline-flex;padding:8px 12px;border-radius:999px;font-weight:700;font-size:.9rem}.badge-low{background:rgba(44,169,112,.18);color:#d7ffef}.badge-medium{background:rgba(255,184,77,.18);color:#fff0cb}.badge-high{background:rgba(255,99,132,.18);color:#ffdbe4}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.company-card{padding:24px;display:block}.company-card-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.company-card h3{margin:0;font-size:1.45rem}.company-card p{color:#cddced;line-height:1.6}.company-card-bottom{display:flex;justify-content:space-between;align-items:center;color:#8edaff;font-weight:800}@media (max-width:1280px){.kpi-grid,.treasury-grid,.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.two-col,.smart-summary,.login-shell{grid-template-columns:1fr}}@media (max-width:860px){.app-shell{grid-template-columns:1fr}.page-head h1{font-size:2.6rem}.kpi-grid,.treasury-grid,.cards-grid,.hero-stats,.aging-grid,.smart-summary-right{grid-template-columns:1fr}.main-content,.login-card,.login-brand{padding:22px}.login-brand h1{font-size:2.8rem}}
