:root{--navy:#031022;--navy2:#061d3f;--blue:#0877ff;--cyan:#28c3ff;--green:#1ea97c;--amber:#c97a12;--red:#cc3d4a;--ink:#0a1930;--muted:#687991;--line:#dbe5f0;--canvas:#f4f7fb;--surface:#fff;--soft:#edf4fb;--shadow:0 16px 50px rgba(3,16,34,.09);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--canvas)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden,[hidden]{display:none!important}.app{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:24px 17px;color:#d8e8fb;background:radial-gradient(circle at 0 100%,rgba(8,119,255,.24),transparent 35%),linear-gradient(165deg,var(--navy),#061a35 70%,#052346);overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:5px 10px 23px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{display:flex;align-items:flex-end;gap:4px;width:38px;height:34px}.brand-mark i{width:8px;background:linear-gradient(#52ddff,#0877ff);clip-path:polygon(30% 15%,100% 0,100% 100%,0 100%,0 27%)}.brand-mark i:nth-child(1){height:17px}.brand-mark i:nth-child(2){height:25px}.brand-mark i:nth-child(3){height:33px}.brand strong,.brand span{display:block}.brand strong{font-size:16px;letter-spacing:.13em}.brand span{margin-top:4px;color:#58caff;font-size:9px;font-weight:800;letter-spacing:.15em}.nav-label{margin:24px 10px 8px;color:#7089a6;font-size:9px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.nav{display:grid;gap:4px}.nav button{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;color:#9eb3ca;background:transparent;border:0;border-radius:9px;text-align:left;font-size:12px;font-weight:680}.nav button:hover{color:#fff;background:rgba(255,255,255,.06)}.nav button.active{color:#fff;background:linear-gradient(90deg,rgba(8,119,255,.36),rgba(8,119,255,.12));box-shadow:inset 3px 0 #47c8ff}.nav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.sidebar-foot{margin-top:28px;padding:15px 10px;border-top:1px solid rgba(255,255,255,.1);color:#7991ab;font-size:10px}.online{display:flex;align-items:center;gap:8px;color:#9db4c9}.online:before{content:"";width:7px;height:7px;border-radius:50%;background:#2bd39b;box-shadow:0 0 0 4px rgba(43,211,155,.12)}.main{min-width:0}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:18px;min-height:72px;padding:12px clamp(20px,3vw,42px);background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.top-title{min-width:150px}.top-title strong,.top-title span{display:block}.top-title strong{font-size:14px}.top-title span{color:var(--muted);font-size:10px}.tenant-select{display:flex;align-items:center;gap:10px;min-width:min(420px,45vw);margin-right:auto;padding:8px 11px;background:var(--soft);border:1px solid #d5e2ef;border-radius:11px}.tenant-select label{color:#63758c;font-size:10px;font-weight:750}.tenant-select select{flex:1;min-width:0;color:var(--ink);background:transparent;border:0;outline:0;font-size:12px;font-weight:720}.user-chip{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:34px;height:34px;color:#fff;background:linear-gradient(135deg,#0877ff,#23bde6);border-radius:10px;font-size:11px;font-weight:850}.user-chip strong,.user-chip span{display:block}.user-chip strong{font-size:11px}.user-chip span{color:var(--muted);font-size:9px}.content{padding:clamp(24px,3vw,42px);max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-head h1{margin:0;font-size:clamp(25px,3vw,35px);letter-spacing:-.045em}.page-head p{max-width:760px;margin:6px 0 0;color:var(--muted);font-size:12px}.actions{display:flex;gap:9px;flex-wrap:wrap}.button{min-height:38px;padding:9px 14px;border:1px solid #cbd9e8;border-radius:9px;color:#17314f;background:#fff;font-size:11px;font-weight:760}.button:hover{border-color:#8bb6e6;background:#f8fbff}.button.primary{color:#fff;background:linear-gradient(135deg,#0666df,#0877ff);border-color:#0666df;box-shadow:0 8px 20px rgba(8,119,255,.2)}.button.danger{color:#b42335;background:#fff7f7;border-color:#efcbd0}.button.small{min-height:30px;padding:5px 9px;font-size:9px}.grid{display:grid;gap:17px}.grid.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px rgba(3,16,34,.035)}.stat{padding:20px}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-icon{display:grid;place-items:center;width:38px;height:38px;color:#0877ff;background:#edf5ff;border-radius:11px}.stat-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.stat-value{margin-top:18px;font-size:29px;font-weight:780;letter-spacing:-.045em}.stat-label{margin-top:4px;color:var(--muted);font-size:10px;font-weight:680}.two-col{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid var(--line)}.card-head h2{margin:0;font-size:13px}.card-head p{margin:4px 0 0;color:var(--muted);font-size:9px}.card-body{padding:20px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:11px}.table th{padding:10px 13px;color:#718198;background:#f6f9fc;border-bottom:1px solid var(--line);font-size:9px;font-weight:820;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}.table td{padding:13px;border-bottom:1px solid #edf2f7;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table strong{font-size:11px}.sub{display:block;margin-top:3px;color:var(--muted);font-size:9px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;color:#3d5a74;background:#edf3f8;border-radius:999px;font-size:9px;font-weight:760;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#8093a6}.badge.success{color:#087052;background:#e8f8f2}.badge.success:before{background:#20a87c}.badge.warning{color:#8b5a0b;background:#fff5df}.badge.warning:before{background:#d59124}.badge.danger{color:#9f2938;background:#fff0f2}.badge.danger:before{background:#d64859}.empty{padding:52px 25px;text-align:center}.empty-icon{display:grid;place-items:center;width:58px;height:58px;margin:auto;color:#448ddc;background:#edf5ff;border-radius:18px}.empty h3{margin:15px 0 5px;font-size:15px}.empty p{max-width:430px;margin:0 auto 17px;color:var(--muted);font-size:11px}.notice{padding:13px 15px;border:1px solid #cfe1f6;border-left:3px solid var(--blue);border-radius:9px;color:#365676;background:#f3f8fe;font-size:10px;line-height:1.55}.notice.warning{border-color:#efd9b3;border-left-color:#d38b1c;background:#fff9ed}.health-list{display:grid;gap:10px}.health-item{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;background:#f7f9fc;border:1px solid #e5ecf3;border-radius:10px}.health-item strong{font-size:10px}.modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:rgba(3,16,34,.62);backdrop-filter:blur(4px)}.dialog{width:min(700px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;padding:21px 24px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0;font-size:18px}.dialog-head p{margin:5px 0 0;color:var(--muted);font-size:10px}.close{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:#eff4f8;color:#3f566f}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:22px 24px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{color:#314862;font-size:10px;font-weight:770}.control{width:100%;min-height:42px;padding:9px 11px;border:1px solid #cbd8e5;border-radius:8px;color:var(--ink);background:#fff;outline:0;font-size:12px}.control:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,119,255,.12)}textarea.control{min-height:90px;resize:vertical}.help{color:var(--muted);font-size:9px}.dialog-foot{display:flex;justify-content:flex-end;gap:9px;padding:16px 24px;background:#f7f9fc;border-top:1px solid var(--line);border-radius:0 0 16px 16px}.toast{position:fixed;z-index:200;right:24px;bottom:24px;max-width:420px;padding:13px 16px;color:#fff;background:#0b253e;border-radius:10px;box-shadow:var(--shadow);font-size:11px}.toast.error{background:#a92f3e}.mobile-menu{display:none}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-story{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(34px,6vw,76px);color:#fff;background:radial-gradient(circle at 82% 12%,rgba(40,195,255,.2),transparent 30%),linear-gradient(145deg,#031022,#062c54)}.login-story h1{max-width:650px;margin:auto 0 18px;font-size:clamp(40px,5vw,68px);line-height:1.03;letter-spacing:-.055em}.login-story p{max-width:590px;color:#a9c0d5;font-size:16px;line-height:1.6}.login-panel{display:grid;place-items:center;padding:30px;background:linear-gradient(145deg,#fff,#f4f8fd)}.login-box{width:min(440px,100%)}.login-box h2{margin:22px 0 6px;font-size:35px;letter-spacing:-.045em}.login-box>p{margin:0 0 28px;color:var(--muted);font-size:12px}.login-form{display:grid;gap:16px}.login-form .button{min-height:48px}.error-copy{padding:10px 12px;color:#a52d3d;background:#fff0f2;border:1px solid #efc8ce;border-radius:8px;font-size:10px}
@media(max-width:1100px){.grid.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.app{grid-template-columns:220px 1fr}.tenant-select{min-width:250px}}@media(max-width:760px){.app{display:block}.sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:270px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-menu{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:#fff}.topbar{padding:10px 15px}.top-title{display:none}.tenant-select{min-width:0;flex:1}.user-chip>div:not(.avatar){display:none}.content{padding:22px 15px}.page-head{align-items:flex-start;flex-direction:column}.grid.stats{grid-template-columns:1fr 1fr}.form{grid-template-columns:1fr}.field.full{grid-column:auto}.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh}}@media(max-width:460px){.grid.stats{grid-template-columns:1fr}.tenant-select label{display:none}.actions{width:100%}.actions .button{flex:1}.dialog{border-radius:12px}.modal{padding:10px}}