@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#0f172a;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f5f7fb}button,input,textarea,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:#0b1220;color:#dbe5f0;border-right:1px solid #1e293b;display:flex;flex-direction:column;padding:17px 12px;z-index:20;transition:.2s}.collapsed .sidebar{width:76px}.brand{height:58px;border-bottom:1px solid #1e293b;display:flex;align-items:center;gap:10px;padding:0 7px 13px}.brandmark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 10px 24px #2563eb35}.brandmark.big{width:44px;height:44px}.brandcopy{display:flex;flex-direction:column}.brandcopy b{font-size:16px;letter-spacing:1px}.brandcopy span{font-size:9px;color:#8291a6;margin-top:2px;white-space:nowrap}.collapse{margin-left:auto;border:0;background:#111c2f;color:#93a4ba;width:32px;height:32px;border-radius:9px}.collapsed .brandcopy,.collapsed .side-label,.collapsed .nav div,.collapsed .security{display:none}.side-label{font-size:9px;letter-spacing:1.2px;font-weight:800;color:#64748b;padding:21px 10px 8px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav{color:#92a1b5;text-decoration:none;display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px}.nav:hover{background:#111c2f;color:#fff}.nav.active{background:linear-gradient(135deg,#1d4ed8,#4f46e5);color:#fff;box-shadow:0 8px 20px #1d4ed833}.nav div{display:flex;flex-direction:column}.nav b{font-size:11px}.nav small{font-size:9px;color:inherit;opacity:.65;margin-top:2px}.collapsed .nav{justify-content:center}.side-bottom{margin-top:auto}.security{border:1px solid #1e293b;background:#101a2a;color:#8493a8;padding:9px;border-radius:10px;font-size:9px;display:flex;align-items:center;gap:7px}.main{margin-left:258px;flex:1;min-width:0;transition:.2s}.collapsed .main{margin-left:76px}.topbar{height:70px;background:#ffffffdf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid #e6ebf2;display:flex;justify-content:space-between;align-items:center;padding:0 27px;position:sticky;top:0;z-index:10}.eyebrow{font-size:9px;letter-spacing:1.2px;font-weight:800;color:#64748b}.accent{color:#4f46e5}.title{font-size:17px;font-weight:800;margin-top:3px}.topright{display:flex;align-items:center;gap:15px}.online{font-size:10px;color:#64748b;display:flex;gap:7px;align-items:center}.online i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e17}.user-chip{display:flex;align-items:center;gap:8px}.avatar{width:33px;height:33px;border-radius:10px;background:#0f172a;color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}.user-chip div:nth-child(2){display:flex;flex-direction:column}.user-chip b{font-size:10px}.user-chip small{font-size:8px;color:#94a3b8;margin-top:2px;max-width:180px;overflow:hidden;text-overflow:ellipsis}.user-chip button{border:0;background:transparent;color:#64748b}.content{padding:26px;max-width:1700px;margin:auto}.hero{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;position:relative;overflow:hidden;box-shadow:0 12px 35px #0f172a0a}.hero-orb{position:absolute;right:-90px;top:-130px;width:260px;height:260px;border-radius:50%;background:#4f46e50d}.hero-left{display:flex;gap:14px;align-items:center;position:relative}.hero-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 10px 24px #4f46e52b}.hero h1{margin:3px 0 5px;font-size:25px;letter-spacing:-.6px}.hero p{margin:0;color:#64748b;font-size:11px}.hero-actions{display:flex;gap:7px;position:relative}.btn{border:1px solid #dbe3ec;background:#fff;color:#334155;padding:9px 12px;border-radius:10px;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.primary{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;border-color:transparent;box-shadow:0 8px 18px #4f46e52b}.btn.danger{background:#dc2626;color:#fff;border-color:transparent}.btn.success{background:#16a34a;color:#fff;border-color:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.full{width:100%}.icon-btn{border:1px solid #dbe3ec;background:#fff;color:#475569;border-radius:9px;width:34px;height:34px;display:grid;place-items:center}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.metric{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:15px;box-shadow:0 8px 25px #0f172a07}.metric-top{display:flex;justify-content:space-between;color:#64748b;font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.metric-icon{color:#4f46e5}.metric strong{font-size:25px;display:block;margin-top:6px}.metric small{color:#94a3b8;font-size:9px}.workspace{background:#fff;border:1px solid #e2e8f0;border-radius:17px;box-shadow:0 10px 30px #0f172a08;overflow:hidden}.workspace-head{padding:16px 17px;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;align-items:center;gap:14px}.workspace-head h2{margin:0;font-size:14px}.workspace-head p{margin:3px 0 0;color:#94a3b8;font-size:9px}.toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.searchbox{display:flex;align-items:center;gap:7px;background:#f8fafc;border:1px solid #dce4ee;border-radius:9px;padding:8px 10px;min-width:220px;color:#94a3b8}.searchbox input{border:0;outline:0;background:transparent;width:100%;font-size:10px}.tabs{display:flex;gap:6px;flex-wrap:wrap;padding:8px;background:#f8fafc;border:1px solid #e5eaf1;border-radius:12px}.tab{border:0;background:transparent;color:#475569;padding:9px 12px;border-radius:9px;font-size:10px;font-weight:800}.tab.active{background:#0f172a;color:#fff}.filterbar{display:flex;gap:7px;align-items:center;padding:12px 15px;border-bottom:1px solid #eef2f7;flex-wrap:wrap}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th{padding:10px 12px;text-align:left;background:#f8fafc;border-bottom:1px solid #e8edf3;color:#64748b;font-size:8px;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap}td{padding:11px 12px;border-bottom:1px solid #eef2f7;font-size:10px;color:#334155;vertical-align:top}.clickable{cursor:pointer}.clickable:hover{background:#fbfdff}.status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:8px;font-weight:800;text-transform:capitalize}.status.good{background:#dcfce7;color:#166534}.status.warn{background:#fef3c7;color:#92400e}.status.bad{background:#fee2e2;color:#991b1b}.status.neutral{background:#e2e8f0;color:#334155}.actions{display:flex;gap:5px;flex-wrap:wrap}.mini{padding:6px 8px;font-size:9px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:#94a3b8;font-size:9px}.pagination>div{display:flex;gap:5px}.loading-line{margin:10px 0;padding:10px 12px;background:#eef2ff;color:#4338ca;border-radius:10px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:7px}.empty-state{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#94a3b8}.empty-state strong{color:#475569;font-size:11px}.empty-state span{font-size:9px}.empty-icon{width:35px;height:35px;border-radius:10px;background:#f1f5f9;display:grid;place-items:center}.alert{margin:10px 0;padding:10px 12px;border-radius:10px;display:flex;align-items:center;gap:8px;font-size:10px}.alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.alert.info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.alert button{margin-left:auto;border:0;background:transparent}.drawer-backdrop{position:fixed;inset:0;background:#0f172a66;z-index:40;display:flex;justify-content:flex-end}.drawer{width:min(680px,100%);height:100%;background:#fff;overflow:auto;padding:20px;box-shadow:-20px 0 50px #0f172a25}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:12px;margin-bottom:14px}.drawer h2{font-size:17px;margin:0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.detail{padding:10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px}.detail label{display:block;color:#64748b;font-size:8px;font-weight:800;text-transform:uppercase;margin-bottom:4px}.detail div{font-size:10px;overflow-wrap:anywhere}.checks{display:flex;gap:7px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:6px;border:1px solid #e2e8f0;padding:7px 9px;border-radius:9px;background:#fff;font-size:9px;font-weight:700}.check.disabled{opacity:.45}.doc-list{display:flex;gap:6px;flex-wrap:wrap}.doc{padding:6px 8px;border-radius:8px;background:#eff6ff;color:#1d4ed8;text-decoration:none;font-size:9px;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:9px;font-weight:800;color:#475569}.field input,.field textarea,.field select{border:1px solid #dbe3ec;border-radius:9px;padding:9px;outline:0;background:#fff;font-size:10px}.field textarea{min-height:80px;resize:vertical}.section-title{font-size:11px;font-weight:800;margin:17px 0 8px}.split{display:flex;justify-content:space-between;align-items:center;gap:10px}.boot{min-height:100vh;display:grid;place-items:center;font-weight:800;color:#334155}.login-page{min-height:100vh;background:radial-gradient(circle at 20% 10%,#4f46e51a,transparent 32%),radial-gradient(circle at 90% 90%,#ec48991a,transparent 35%),#f5f7fb;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:26px;box-shadow:0 25px 70px #0f172a16}.login-brand{display:flex;gap:10px;align-items:center}.login-brand>div:last-child{display:flex;flex-direction:column}.login-brand b{font-size:18px;letter-spacing:1px}.login-brand span{font-size:9px;color:#64748b}.login-head{margin:26px 0 18px}.login-head h1{font-size:26px;margin:4px 0}.login-head p{font-size:10px;color:#64748b}.login-card form{display:flex;flex-direction:column;gap:13px}.login-card label{font-size:9px;font-weight:800;color:#475569}.input{margin-top:6px;display:flex;align-items:center;gap:8px;border:1px solid #dbe3ec;border-radius:10px;padding:10px;color:#94a3b8}.input input{border:0;outline:0;flex:1;font-size:10px}.or{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:9px;margin:14px 0}.or:before,.or:after{content:"";height:1px;background:#e5e7eb;flex:1}.login-security{margin-top:18px;padding:9px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px;font-size:8px;color:#64748b;display:flex;align-items:center;gap:6px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.hero{align-items:flex-start;flex-direction:column}.hero-actions{width:100%}}@media(max-width:700px){.sidebar{width:76px}.brandcopy,.side-label,.nav div,.security{display:none}.nav{justify-content:center}.main{margin-left:76px}.content{padding:15px}.topbar{padding:0 15px}.online,.user-chip div:nth-child(2){display:none}.metric-grid{grid-template-columns:1fr}.workspace-head{align-items:flex-start;flex-direction:column}.searchbox{width:100%}.form-grid,.detail-grid{grid-template-columns:1fr}}