:root{--bg:#f3f6fa;--panel:#fff;--panel-soft:#f8fafc;--ink:#0f2740;--muted:#607187;--brand:#0f4c81;--brand-deep:#0a2743;--brand-mid:#123b60;--accent:#1eb8b0;--gold:#e3ad47;--border:#dbe4ee;--border-strong:#c8d5e2;--danger:#b42318;--danger-soft:#fff1f0;--success:#087a5b;--success-soft:#ecfdf5;--shadow:0 14px 36px #0c274014;--shadow-soft:0 6px 18px #0c27400e;--radius:18px;--radius-sm:12px}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #38bdf873}.shell{background:linear-gradient(#f7f9fc 0,#f2f5f9 100%);grid-template-columns:286px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#0b2b4a 0%,#081f35 100%);border-right:1px solid #ffffff0f;height:100vh;padding:24px 20px;position:sticky;top:0;overflow:auto}.brand-lockup{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:2px 4px 18px;display:flex}.brand-mark{filter:drop-shadow(0 8px 14px #00000029);flex:none;width:46px;height:46px}.brand{letter-spacing:-.01em;font-size:17px;font-weight:800;line-height:1.2}.brand-subtitle{color:#a9c7df;margin-top:4px;font-size:12px;font-weight:600;line-height:1.25;display:block}.nav{gap:5px;margin-top:20px;display:grid}.nav a{color:#cfe0ee;border-radius:11px;padding:10px 12px;font-size:14px;font-weight:600;transition:background .16s,color .16s,transform .16s}.nav a:hover,.nav a:focus-visible{color:#fff;background:#ffffff17}.nav a.active{color:#fff;box-shadow:inset 3px 0 0 var(--accent);background:linear-gradient(135deg,#1eb8b033,#2d7ebd33)}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:22px;padding-top:18px}.sidebar-user{color:#9fb9cf;margin-bottom:12px;font-size:12px}.main{min-width:0;padding:30px 34px 42px}.page-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.page-head h1{letter-spacing:-.03em;margin:0;font-size:30px;line-height:1.15}.page-kicker{color:var(--muted);margin-top:5px;font-size:14px}.security-badge{color:#0d6d55;white-space:nowrap;background:#f3fbf8;border:1px solid #cfe7df;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.security-badge:before{content:"";background:#16a36f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #16a36f1f}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:22px}.card h2{letter-spacing:-.015em;margin-top:0}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.data-stack{gap:16px;display:grid}.data-card{min-width:0}.table-wrap{border:1px solid var(--border);border-radius:14px;max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;white-space:nowrap;padding:11px 13px}th{text-transform:capitalize;color:var(--muted);background:#f8fafc;font-size:12px;position:sticky;top:0}tbody tr:hover{background:#f8fbfd}.field{color:#253d54;gap:7px;margin:14px 0;font-weight:650;display:grid}.field input,.field select,.field textarea{border:1px solid var(--border-strong);width:100%;color:var(--ink);background:#fff;border-radius:11px;padding:11px 12px;transition:border-color .16s,box-shadow .16s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5ea8dc;outline:none;box-shadow:0 0 0 4px #4197d41a}.btn{color:#fff;background:linear-gradient(135deg,#15588f,#0f4c81);border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:auto;min-height:42px;padding:10px 15px;font-weight:750;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 6px 14px #0f4c8129}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 20px #0f4c8133}.btn:disabled{opacity:.55}.btn-secondary{color:var(--ink);border:1px solid var(--border-strong);box-shadow:none;background:#fff}.btn-danger{background:#b42318}.muted{color:var(--muted)}.eyebrow{color:#6a8298;text-transform:uppercase;letter-spacing:.12em;margin-bottom:2px;font-size:10px;font-weight:800;display:block}.status-message{border-radius:11px;margin:12px 0;padding:10px 12px;font-size:14px}.status-message.error{background:var(--danger-soft);color:#8f1d14;border:1px solid #ffd0cc}.status-message.success{background:var(--success-soft);color:#08644b;border:1px solid #c6f0df}.auth{background:radial-gradient(circle at 18% 16%,#1eb8b029,#0000 28%),radial-gradient(circle at 82% 10%,#2563eb21,#0000 26%),linear-gradient(145deg,#081f35,#0f4c81);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card{background:#fffffffb;border:1px solid #ffffffb8;border-radius:24px;width:min(470px,100%);padding:32px;box-shadow:0 28px 70px #03132147}.auth-brand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.auth-brand strong{font-size:15px;display:block}.secure-stage{background:radial-gradient(circle at 12% 8%,#1eb8b024,#0000 24%),radial-gradient(circle at 86% 14%,#337fb429,#0000 28%),linear-gradient(145deg,#071f36,#0e466f);place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.secure-stage:after{content:"";border:1px solid #ffffff0f;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-250px;right:-170px;box-shadow:0 0 0 55px #ffffff06,0 0 0 110px #ffffff05}.secure-state-card{z-index:1;background:#fffffffb;border:1px solid #ffffffb3;border-radius:26px;width:min(620px,100%);padding:30px 32px;position:relative;box-shadow:0 30px 80px #00101d4d}.secure-state-card h1{letter-spacing:-.03em;margin:18px 0 8px;font-size:28px}.secure-brand{border-bottom:1px solid var(--border);align-items:center;gap:13px;padding-bottom:18px;display:flex}.secure-brand strong{font-size:14px;display:block}.secure-progress{background:#e7edf3;border-radius:999px;height:4px;margin-top:22px;overflow:hidden}.secure-progress span{background:linear-gradient(90deg,var(--accent),#2475b5);border-radius:999px;width:38%;height:100%;animation:1.25s ease-in-out infinite secure-slide;display:block}.skeleton-stack{gap:9px;margin-top:22px;display:grid}.skeleton-stack span{background:linear-gradient(90deg,#edf2f6,#f8fafc,#edf2f6) 0 0/200% 100%;border-radius:999px;height:11px;animation:1.35s linear infinite skeleton}.skeleton-stack span:nth-child(2){width:78%}.skeleton-stack span:nth-child(3){width:56%}.state-icon{border-radius:14px;place-items:center;width:44px;height:44px;margin-top:22px;font-size:22px;font-weight:900;display:grid}.state-icon-error{background:var(--danger-soft);color:var(--danger);border:1px solid #ffd4d0}.state-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.technical-detail{color:var(--muted);margin-top:18px;font-size:12px}.technical-detail summary{cursor:pointer;font-weight:700}.technical-detail p{word-break:break-word}.section-loading{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.section-skeleton{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(100deg,#f7f9fb 20%,#fff 40%,#f7f9fb 60%) 0 0/200% 100%;height:132px;animation:1.4s linear infinite skeleton}.app-footer{border-top:1px solid var(--border);color:#7b8da0;margin-top:34px;padding-top:18px;font-size:12px}.wordmark-small{align-items:center;gap:8px;display:inline-flex}@keyframes secure-slide{0%{transform:translate(-120%)}50%{transform:translate(120%)}to{transform:translate(260%)}}@keyframes skeleton{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;padding:18px;position:static}.brand-lockup{padding-bottom:14px}.nav{grid-template-columns:repeat(2,minmax(0,1fr));max-height:42vh;overflow:auto}.main{padding:22px}.grid,.section-loading{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}}@media (max-width:520px){.nav{grid-template-columns:1fr}.main{padding:15px}.card{padding:17px}.auth-card,.secure-state-card{padding:23px}.page-head h1{font-size:25px}.secure-state-card h1{font-size:24px}.state-actions{display:grid}.state-actions .btn{width:100%}}
