:root{--bg: #f1f3f4;--surface: #ffffff;--surface-2: #f8f9fa;--text: #202124;--muted: #5f6368;--border: #e8eaed;--blue: #1a73e8;--red: #ea4335;--yellow: #fbbc05;--green: #34a853;--radius: 14px;--shadow: 0 1px 2px rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);--shadow-soft: 0 1px 2px rgba(60, 64, 67, .18)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.2px}p{margin:0;color:var(--muted)}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:10px}.brand{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:10px;padding:10px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border)}.brand-mark{width:44px;height:44px;border-radius:12px;background:var(--surface);border:1px solid var(--border);overflow:hidden;display:grid;place-items:center;box-shadow:var(--shadow-soft)}.brand-mark img{width:100%;height:100%;object-fit:contain;padding:4px;display:block}.brand-mark img.invert{filter:invert(1)}.brand-fallback{font-weight:800;color:#3c4043;letter-spacing:-.6px;font-size:.95rem;line-height:1}.brand-text strong{display:block;font-size:.98rem;line-height:1.1;color:var(--text)}.brand-text span{display:block;margin-top:2px;font-size:.78rem;color:var(--muted)}.menu{margin-top:4px;display:grid;gap:4px}.menu-link{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;color:#3c4043;border:1px solid transparent}.menu-link:hover{background:#3c40430f}.menu-link.active{background:#e8f0fe;border-color:#1a73e82e;color:var(--text)}.menu-icon{width:18px;height:18px;color:#9aa0a6}.menu-link.active .menu-icon{color:var(--icon-active, var(--blue))}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding-top:12px;display:grid;gap:10px}.user-chip{border-radius:var(--radius);padding:10px;background:var(--surface-2);border:1px solid var(--border)}.user-chip strong{display:block;font-size:.92rem;color:var(--text)}.user-chip span{display:block;font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.content{padding:18px}.topbar{height:54px;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 4px 12px}.topbar-email{font-size:.88rem;color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;display:grid;gap:12px}.page{display:grid;gap:14px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.page-header h2{font-size:1.35rem}.page-header .subtitle{margin-top:4px;font-size:.9rem}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.two-cols-span{grid-column:1 / -1}.action-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.stats-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);padding:14px}.stat-card h3{font-size:.86rem;font-weight:650;color:var(--muted)}.stat-card strong{display:block;margin-top:8px;font-size:1.55rem;color:var(--text)}.stat-card.success strong{color:var(--green)}.stat-card.danger strong{color:var(--red)}.stat-card.neutral strong{color:var(--blue)}label{display:grid;gap:6px;font-size:.88rem;color:#3c4043}input,select,textarea{border-radius:12px;border:1px solid var(--border);padding:10px 12px;background:var(--surface);color:var(--text);font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid rgba(26,115,232,.25);border-color:#1a73e859}.form-grid{display:grid;gap:10px}.form-grid.two-cols{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid .full{grid-column:1 / -1}.btn{border:1px solid transparent;background:var(--blue);color:#fff;padding:10px 14px;border-radius:12px;font-weight:650;cursor:pointer;box-shadow:0 1px 2px #1a73e859}.btn:hover{filter:brightness(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.btn-outline{background:var(--surface);color:#3c4043;border-color:var(--border);box-shadow:none}.btn.btn-ghost{background:transparent;color:#3c4043;border-color:transparent;box-shadow:none}.btn.btn-link{background:transparent;color:var(--blue);border:none;padding:0;box-shadow:none;font-weight:650;cursor:pointer}.btn.btn-sm{padding:8px 10px;border-radius:10px;font-size:.86rem}.panel-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.bar-row{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:10px}.bar-track{width:100%;height:10px;border-radius:999px;background:#3c40431f;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#1a73e8e6,#34a853bf)}.bar-fill.danger{background:linear-gradient(90deg,#ea4335e6,#fbbc05bf)}.json-view{border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--surface-2);overflow:auto}.login-page{min-height:100vh;display:grid;place-items:stretch;padding:0}.login-split{width:100%;min-height:100vh;display:grid;grid-template-columns:60% 40%;gap:0;align-items:stretch}.login-left{border-radius:20px;background-color:#000;border:1px solid var(--border);box-shadow:var(--shadow);position:relative;overflow:hidden;perspective:1200px}.login-left-media{position:absolute;inset:0;pointer-events:none;display:block}.login-left-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.login-left-img--back{filter:saturate(.9) contrast(1.1) brightness(.88) blur(18px);transform:scale(1.26) translateZ(-40px);opacity:.9;animation:loginHeroDrift 16s ease-in-out infinite alternate}.login-left-img--front{filter:saturate(1.02) contrast(1.08) brightness(1.12);transform:scale(1.045) translateZ(0);opacity:.985;filter:saturate(1.02) contrast(1.08) brightness(1.12) drop-shadow(0 18px 40px rgba(0,0,0,.28));animation:loginHeroFrontDrift 22s ease-in-out infinite alternate}@keyframes loginHeroDrift{0%{transform:scale(1.26) translate3d(-2.2%,-1.4%,-40px)}to{transform:scale(1.3) translate3d(2.2%,1.4%,-40px)}}@keyframes loginHeroFrontDrift{0%{transform:scale(1.045) translate3d(.6%,.35%,0)}to{transform:scale(1.05) translate3d(-.6%,-.35%,0)}}.login-left-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 600px at 25% 30%,rgba(255,255,255,.18),transparent 62%),radial-gradient(800px 540px at 85% 75%,rgba(26,115,232,.12),transparent 66%),radial-gradient(1400px 900px at 50% 50%,transparent 48%,rgba(0,0,0,.42) 100%),linear-gradient(180deg,#ffffff14,#00000042);opacity:.995;mix-blend-mode:soft-light}.login-left-grain{position:absolute;inset:0;pointer-events:none;background:radial-gradient(820px 620px at 50% 62%,transparent 40%,rgba(0,0,0,.24) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0px,rgba(255,255,255,.018) 1px,transparent 2px,transparent 4px);opacity:.32}@media(prefers-reduced-motion:reduce){.login-left-img--back,.login-left-img--front{animation:none}}.login-left-footer{position:absolute;left:14px;right:14px;bottom:14px;padding:10px 12px;border-radius:999px;background:#ffffffd1;border:1px solid var(--border);color:var(--muted);text-align:center;font-size:.82rem}.login-right{border-radius:0;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:18px;display:grid;place-items:center}.login-card{width:100%;max-width:420px;display:grid;gap:12px}.login-brand{display:flex;align-items:center;gap:12px}.login-logo{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#111827,#374151);box-shadow:var(--shadow-soft);display:grid;place-items:center;overflow:hidden}.login-logo-img{width:78%;height:78%;object-fit:contain}.login-title h1{font-size:1.25rem}.login-title p{font-size:.9rem}.border-top{border-top:1px solid var(--border);padding-top:12px}.error-text{color:var(--red);font-weight:650}.login-links{display:flex;gap:10px;align-items:center}.social-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.social-link:hover{color:var(--text)}table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden}th,td{border-bottom:1px solid var(--border);padding:10px;text-align:left;font-size:.92rem}th{color:var(--muted);font-weight:650;background:var(--surface-2)}.modal-backdrop{position:fixed;inset:0;background:#20212473;display:grid;place-items:center;padding:18px;z-index:50}.modal{width:min(860px,100%);max-height:calc(100vh - 36px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.modal-head{padding:14px 14px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border)}.modal-head h3{font-size:1.05rem}.modal-body{padding:14px}@media(max-width:920px){.shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;border-right:none;border-bottom:1px solid var(--border)}.login-split{grid-template-columns:1fr}.login-left{display:none}}