*{box-sizing:border-box}html,body{color:#eaf1fb;background:#08111f;margin:0;padding:0;font-family:Arial,sans-serif}body{min-height:100vh}a{color:inherit}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{background:#0c1627;border-right:1px solid #21324b;padding:24px 18px}.logo{margin:4px 10px 24px;font-size:24px;font-weight:800}.sidebar nav{gap:6px;display:grid}.sidebar button{text-align:left;color:#9fb0c8;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:11px 12px}.sidebar button.active,.sidebar button:hover{color:#fff;background:#182843}.workspace{min-width:0}.topbar{background:#0b1524;border-bottom:1px solid #21324b;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex}.topbar div{gap:3px;display:grid}.topbar span{color:#8ea2bd;font-size:12px}.topbar a{border:1px solid #314867;border-radius:10px;padding:9px 14px;text-decoration:none}.dashboard{max-width:1200px;padding:44px}.eyebrow{color:#79a9ff;text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:700}.dashboard h1{margin:10px 0 12px;font-size:44px}.lead{color:#9fb0c8;margin:0 0 32px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.cards article{background:#101c2f;border:1px solid #22344f;border-radius:16px;padding:22px}.cards h2{margin:0 0 10px}.cards p{color:#a8b7cb;margin:0 0 18px}.cards span{color:#75a7ff;font-size:12px}.login-page{place-items:center;min-height:100vh;padding:32px;display:grid}.login-card{background:#111b2e;border:1px solid #26364f;border-radius:18px;gap:16px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 24px 60px #00000040}.brand{letter-spacing:.04em;color:#8ab4ff;font-weight:700}.login-card h1{margin:0;font-size:30px}.login-card label{color:#c8d5e8;gap:8px;display:grid}.login-card input{color:#fff;background:#0b1424;border:1px solid #334763;border-radius:10px;width:100%;padding:12px 14px}.login-card button{cursor:pointer;border:0;border-radius:10px;padding:12px 16px;font-weight:700}.login-card button:disabled{opacity:.6;cursor:wait}.login-card p{color:#ffb4b4;margin:0}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.dashboard{padding:28px}.cards{grid-template-columns:1fr}.dashboard h1{font-size:34px}}
.sidebar nav a{color:#9fb0c8;border-radius:10px;padding:11px 12px}.sidebar nav a.active,.sidebar nav a:hover{color:#fff;background:#182843}.tenant-chip{color:#91a7c4;background:#101f35;border-radius:9px;margin:0 10px 22px;padding:8px 10px;font-size:12px}.top-actions{align-items:center;gap:12px;display:flex!important}.top-actions button,.primary-action{color:#fff;cursor:pointer;background:#4c83e8;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.metric-row>div{background:#101c2f;border:1px solid #22344f;border-radius:14px;gap:5px;padding:17px;display:grid}.metric-row span{color:#8fa5c1;font-size:12px}.module-card{background:#101c2f;border:1px solid #22344f;border-radius:16px;padding:22px;display:block}.module-card p{color:#a8b7cb}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.table-card{background:#101c2f;border:1px solid #22344f;border-radius:16px;overflow:hidden}.table-summary{border-bottom:1px solid #22344f;gap:8px;padding:16px 18px;display:flex}.client-row{border-bottom:1px solid #1c2d46;grid-template-columns:130px minmax(240px,1.5fr) 120px minmax(130px,1fr);align-items:center;gap:16px;padding:14px 18px;display:grid}.client-row.header{text-transform:uppercase;color:#8097b5;background:#0d192b;font-size:11px}.client-row small{color:#7f96b4;display:block}.badge{background:#24344b;border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal}.badge.active{color:#75e1b0;background:#153e31}.badge.blocked{color:#ff9daf;background:#4b2530}.empty-state,.empty-row{padding:44px}.muted{color:#8fa5c1}.error-text{color:#ffb4b4}.skeleton-page{padding:44px}.skeleton{background:#14233a;border-radius:10px}.skeleton.title{width:280px;height:42px}.skeleton.line{width:460px;max-width:80%;height:18px;margin:14px 0 28px}.skeleton.block{height:320px}@media (max-width:900px){.metric-row{grid-template-columns:1fr}.client-row{grid-template-columns:100px 1fr 90px}.client-row span:last-child{display:none}}
.narrow{max-width:900px}.form-card{background:#101c2f;border:1px solid #22344f;border-radius:16px;padding:24px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-grid label{color:#c8d5e8;gap:8px;display:grid}.form-grid input,.form-grid select{color:#fff;background:#0b1424;border:1px solid #334763;border-radius:9px;width:100%;padding:11px 12px}.span-2{grid-column:1/-1}.form-actions{justify-content:flex-end;align-items:center;gap:14px;margin-top:22px;display:flex}.form-actions a{color:#96aac4}.back-link{color:#8db5ff;margin-bottom:18px;display:inline-block}.detail-grid{grid-template-columns:2fr 1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.detail-card{background:#101c2f;border:1px solid #22344f;border-radius:14px;padding:20px}.detail-card h2{margin-top:0;font-size:16px}.detail-card>strong{font-size:32px}.detail-card p{color:#8fa5c1}.detail-card dl{gap:10px;display:grid}.detail-card dl div{justify-content:space-between;gap:18px;display:flex}.detail-card dt{color:#8fa5c1}.detail-card dd{margin:0}.split-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.section-title{border-bottom:1px solid #22344f;padding:14px 18px}.section-title h2{margin:0;font-size:16px}.simple-row{border-bottom:1px solid #1c2d46;gap:4px;padding:14px 18px;display:grid}.simple-row span{color:#8fa5c1;font-size:13px}.module-placeholder{color:#9eb1ca;border:1px dashed #355075;border-radius:14px;gap:7px;padding:22px;display:grid}.module-placeholder strong{color:#dce8f8}@media (max-width:900px){.form-grid,.detail-grid,.split-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}