:root{background:#0f172a;color:#f1f5f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0%,rgba(59,130,246,.18),transparent 28%),radial-gradient(circle at 90% 10%,rgba(167,139,250,.12),transparent 24%),#0f172a;margin:0;min-width:320px}button,input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}button,a{transition:opacity .16s ease,transform .16s ease,background .16s ease,border-color .16s ease}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0f172a1a}::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}.glass-card{background:#1e293bb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 24px 70px #0000002e}.tech-button,.primary-action,.secondary-action,.danger-action,.row-action,.icon-button{align-items:center;border:0;display:inline-flex;gap:8px;justify-content:center}.tech-button,.primary-action{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 4px 14px #3b82f633;color:#fff;font-weight:700;min-height:42px;padding:10px 16px;margin-top:10px}.tech-button:hover,.primary-action:hover,.secondary-action:hover,.danger-action:hover,.row-action:hover,.icon-button:hover{opacity:.9;transform:translateY(-1px)}.secondary-action{background:#1e293bb8;border:1px solid rgba(148,163,184,.24);border-radius:12px;color:#cbd5e1;font-weight:700;min-height:42px;padding:10px 16px}.danger-action{background:#dc2626e6;border:1px solid rgba(248,113,113,.24);border-radius:12px;color:#fff;font-weight:700;min-height:42px;padding:10px 16px}.row-action{background:#3b82f61f;border:1px solid rgba(59,130,246,.22);border-radius:10px;color:#bfdbfe;font-size:12px;font-weight:700;min-height:34px;padding:7px 10px}.row-action.danger{background:#ef44441f;border-color:#ef44443d;color:#fecaca}.icon-button{background:transparent;color:#94a3b8;font-size:26px;min-height:34px;padding:4px}.login-page{align-items:center;display:grid;gap:32px;grid-template-columns:minmax(320px,1fr) minmax(320px,420px);min-height:100vh;padding:72px max(24px,calc((100vw - 1180px)/2))}.login-hero{display:grid;gap:32px}.login-brand{align-items:center;display:flex;gap:18px}.brand-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 10px 28px #3b82f63d;color:#fff;display:inline-flex;flex:0 0 auto;font-size:24px;height:42px;justify-content:center;width:42px}.brand-icon.large{border-radius:16px;font-size:36px;height:64px;width:64px}.login-brand h1{font-size:36px;line-height:1.12;margin:0}.login-brand p{color:#94a3b8;margin:8px 0 0}.login-metrics{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.login-metrics div,.stat-card{background:#1e293b80;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px 20px}.login-metrics strong{color:#f8fafc;display:block;font-size:22px}.login-metrics span{color:#64748b;display:block;font-size:12px;margin-top:6px}.login-panel{display:grid;gap:16px;padding:24px}.security-note{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:8px;line-height:1.6}.authorize-page{align-items:center;background:linear-gradient(135deg,rgba(14,165,233,.1),transparent 34%),linear-gradient(160deg,rgba(20,184,166,.12),transparent 42%),#07111f;display:flex;justify-content:center;min-height:100vh;padding:48px 24px}.authorize-shell{background:#0f172abd;border:1px solid rgba(45,212,191,.18);border-radius:8px;box-shadow:0 28px 80px #00000047;display:grid;grid-template-columns:minmax(0,500px) 390px;max-width:890px;min-height:430px;overflow:hidden;width:100%}.authorize-side{align-content:center;background:linear-gradient(145deg,rgba(14,165,233,.1),transparent 44%),#02061747;display:grid;gap:28px;padding:42px 44px}.authorize-brand{display:grid;gap:18px;max-width:440px}.authorize-brand h1{font-size:36px;line-height:1.12;margin:0}.authorize-brand p{color:#94a3b8;font-size:16px;margin:0}.authorize-target{background:#0f172a94;border:1px solid rgba(45,212,191,.18);border-radius:8px;display:grid;gap:8px;max-width:100%;padding:16px 18px}.authorize-target span{color:#64748b;font-size:12px}.authorize-target strong{color:#f8fafc;font-size:22px}.authorize-target em{color:#5eead4;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-style:normal}.authorize-panel{align-self:center;background:#1e293b9e;border-left:1px solid rgba(148,163,184,.12);display:grid;gap:14px;height:100%;justify-self:center;padding:44px 34px;width:100%}.console-shell{min-height:100vh}.page-header{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ae0;border-bottom:1px solid rgba(255,255,255,.08);display:grid;gap:18px;grid-template-columns:260px minmax(220px,1fr) auto;height:64px;left:0;padding:0 24px;position:fixed;right:0;top:0;z-index:40}.brand-link{align-items:center;display:flex;gap:12px;min-width:0}.brand-text{background:linear-gradient(90deg,#60a5fa,#c4b5fd);-webkit-background-clip:text;color:transparent;font-size:18px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search,.search-box{align-items:center;display:flex;gap:10px;min-height:40px;padding:0 12px}.global-search{justify-self:center;max-width:560px;width:100%}input,textarea,select{background:#0f172ab8;border:1px solid rgba(148,163,184,.24);border-radius:12px;color:#f1f5f9;min-height:42px;outline:none;padding:10px 12px;width:100%}.global-search input,.search-box input{background:transparent;border:0;box-shadow:none;min-height:38px;outline:none;padding:0}.global-search input:focus,.global-search input:focus-visible,.search-box input:focus,.search-box input:focus-visible{border:0;box-shadow:none;outline:none}textarea{min-height:96px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#60a5facc;box-shadow:0 0 0 3px #3b82f61f}input:disabled{color:#64748b;cursor:not-allowed}.header-actions{align-items:center;display:flex;gap:12px}.status-pill,.status-badge,.role-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:6px 9px}.status-pill{background:#22c55e1a;border:1px solid rgba(34,197,94,.22);color:#86efac}.avatar{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:999px;box-shadow:0 8px 20px #ef444433;display:flex;font-weight:800;height:38px;justify-content:center;width:38px}.side-nav{background:#0f172ab8;border-right:1px solid rgba(255,255,255,.08);bottom:0;display:flex;flex-direction:column;gap:8px;left:0;padding:88px 16px 24px;position:fixed;top:0;width:232px}.side-nav a,.side-nav button{align-items:center;background:transparent;border:1px solid transparent;border-radius:12px;color:#94a3b8;display:flex;gap:10px;min-height:42px;padding:10px 12px;text-align:left}.side-nav a.router-link-exact-active{background:#3b82f624;border-color:#3b82f647;color:#dbeafe}.side-nav button{margin-top:auto}.side-nav a:hover,.side-nav button:hover{background:#1e293bb3;color:#f1f5f9}.page-content{margin-left:232px;max-width:none;padding:88px 32px 48px;width:calc(100% - 232px)}.breadcrumb{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px;margin-bottom:24px}.breadcrumb a:hover{color:#60a5fa}.breadcrumb span{color:#e2e8f0;font-weight:600}.section-head{align-items:flex-end;display:flex;gap:18px;justify-content:space-between;margin-bottom:24px}h1,h2,p{margin:0}.section-head h1{font-size:30px;line-height:1.2}.section-head p,.table-toolbar p,.flow-item p{color:#64748b;font-size:14px;margin-top:6px}.stat-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.stat-card{display:grid;gap:8px;min-height:132px}.stat-card svg{color:#60a5fa;font-size:28px}.stat-card span{color:#64748b;font-size:12px}.stat-card strong{color:#f1f5f9;font-size:30px}.stat-card.warning svg{color:#f59e0b}.dashboard-grid{display:grid;gap:24px;grid-template-columns:minmax(320px,380px) minmax(0,1fr);margin-bottom:24px}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}.card-title,.table-toolbar{align-items:center;display:flex;gap:10px}.card-title{margin-bottom:18px}.card-title svg{color:#60a5fa;font-size:22px}.card-title h2,.table-toolbar h2{font-size:18px}.glass-card{padding:20px}label{color:#64748b;display:grid;font-size:12px;gap:7px}.table-toolbar{justify-content:space-between;margin-bottom:16px}.table-toolbar .search-box{max-width:260px;width:100%}.table-wrap{overflow:auto}table{border-collapse:collapse;min-width:760px;width:100%}thead{background:#1e293be6;color:#94a3b8;position:sticky;top:0;z-index:1}th,td{border-bottom:1px solid rgba(148,163,184,.14);font-size:14px;padding:14px 18px;text-align:left;vertical-align:middle}th{font-weight:600}tbody tr:hover{background:#1e293b66}.identity-cell,.app-cell,.row-actions{align-items:center;display:flex;gap:10px}.row-actions{flex-wrap:wrap;gap:8px}.identity-cell span,.app-cell span{align-items:center;border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:800;height:30px;justify-content:center;width:30px}.identity-cell span{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 18px #ef44442e}.app-cell span{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 8px 18px #3b82f62e}.role-badge{background:#3b82f61f;border:1px solid rgba(59,130,246,.22);color:#bfdbfe;margin:2px 4px 2px 0}.status-badge{background:#22c55e1f;border:1px solid rgba(34,197,94,.22);color:#86efac}.mono{color:#86efac;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.muted{color:#94a3b8}.empty-row{color:#64748b;padding:36px 18px;text-align:center}.flow-list,.check-list{display:grid;gap:12px}.flow-item{align-items:flex-start;background:#0f172a75;border:1px solid rgba(255,255,255,.06);border-radius:12px;display:flex;gap:12px;padding:14px}.flow-item>span{color:#60a5fa;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:800}.check-item{align-items:center;background:#0f172a75;border:1px solid rgba(255,255,255,.06);border-radius:12px;display:flex;gap:10px;padding:13px 14px}.check-item.ok svg{color:#22c55e}.check-item.warn svg{color:#f59e0b}.error{background:#ef44441f;border:1px solid rgba(239,68,68,.28);border-radius:12px;color:#fecaca;padding:10px 12px}.error.inline{margin-bottom:16px}.modal-backdrop{align-items:center;background:#020617bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:60}.modal-panel{background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 28px 90px #00000061;display:grid;gap:14px;max-height:min(760px,calc(100vh - 48px));max-width:460px;overflow:auto;padding:24px;width:100%}.modal-panel.wide{max-width:560px}.confirm-panel{max-width:420px}.modal-head,.modal-actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.modal-head .card-title{margin-bottom:0}.danger-title svg{color:#f87171}.confirm-message{color:#cbd5e1;line-height:1.7}.secret-view{display:grid;gap:10px}.secret-view>span{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.secret-box{align-items:center;background:#0f172ab8;border:1px solid rgba(148,163,184,.18);border-radius:12px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;min-height:44px;padding:10px}.secret-box code{color:#86efac;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;overflow-wrap:anywhere}.modal-actions{border-top:1px solid rgba(148,163,184,.14);justify-content:flex-end;margin-top:6px;padding-top:16px}.role-picker{border:1px solid rgba(148,163,184,.14);border-radius:12px;display:grid;gap:10px;padding:12px}.role-picker>span{color:#64748b;font-size:12px}.check-field{align-items:center;background:#0f172a75;border:1px solid rgba(255,255,255,.06);border-radius:10px;display:grid;gap:8px;grid-template-columns:18px minmax(0,1fr) auto;min-height:38px;padding:8px 10px}.check-field input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;min-height:16px;padding:0;width:16px}.check-field strong{color:#f1f5f9;font-size:13px}.check-field em{color:#60a5fa;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-style:normal}@media(max-width:1024px){.authorize-shell{grid-template-columns:1fr;max-width:560px;min-height:0}.authorize-side{padding:36px 30px}.authorize-panel{border-left:0;border-top:1px solid rgba(148,163,184,.12);padding:30px}.page-header{grid-template-columns:1fr auto}.global-search{display:none}.side-nav{flex-direction:row;height:64px;overflow-x:auto;padding:8px 16px;right:0;top:64px;width:auto}.side-nav button{margin-left:auto;margin-top:0}.page-content{margin-left:0;padding:152px 20px 40px;width:auto}.stat-grid,.dashboard-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.login-page{grid-template-columns:1fr;padding:32px 18px}.authorize-brand h1{font-size:32px}.login-metrics,.stat-grid,.dashboard-grid{grid-template-columns:1fr}.page-header{padding:0 14px}.brand-text,.status-pill{display:none}.side-nav a,.side-nav button{flex:0 0 auto}.section-head,.table-toolbar{align-items:stretch;flex-direction:column}.primary-action,.table-toolbar .search-box{width:100%}}