:root{color-scheme:dark;--bg: #071019;--panel: rgba(10, 19, 30, .84);--panel-strong: rgba(9, 16, 25, .96);--border: rgba(145, 179, 212, .18);--text: #edf3fb;--muted: #8ea4bc;--accent: #3bb7ff;--accent-2: #34d399;--danger: #fb7185;--shadow: 0 26px 80px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Segoe UI,Inter,sans-serif;background:radial-gradient(circle at 20% 12%,rgba(59,183,255,.18),transparent 33%),radial-gradient(circle at 82% 78%,rgba(52,211,153,.14),transparent 30%),linear-gradient(180deg,#06101a,#07121b 45%,#0a1620);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}.surface{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.login-root{position:relative;min-height:100vh;overflow:hidden}.login-canvas-wrap{position:absolute;inset:0}.login-canvas{position:absolute;inset:0;width:100%;height:100%}.login-scanlines{position:absolute;inset:0;opacity:.16;background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.14) 0,rgba(255,255,255,.14) 1px,transparent 2px,transparent 4px)}.login-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 38%,rgba(0,0,0,.4) 100%)}.login-layout{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:56px}.hero-copy{max-width:620px}.brand-title{display:flex;align-items:baseline;gap:14px}.brand-script{font-size:2.7rem;font-style:italic;color:#edf3fbd6}.brand-main{font-size:clamp(2.6rem,4vw,4rem);letter-spacing:.24em;text-transform:uppercase;font-weight:700}.brand-subtitle{max-width:560px;margin-top:24px;font-size:1.02rem;line-height:1.8;color:var(--muted)}.hero-points{margin:28px 0 0;padding:0;list-style:none;display:grid;gap:14px}.hero-points li{position:relative;padding-left:22px;line-height:1.6;color:#d7e3f1}.hero-points li:before{content:"";position:absolute;top:11px;left:0;width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 20px #3bb7ff8c}.login-card{width:min(100%,460px);justify-self:end;padding:30px;border-radius:30px}.login-card-head,.sidebar-brand,.summary-app,.sidebar-user,.panel-head,.connector-head,.summary-card-head,.metric-pill,.sidebar-brand div,.flash-box{display:flex}.login-card-head,.sidebar-brand,.summary-card-head,.panel-head,.connector-head{align-items:center;justify-content:space-between;gap:16px}.login-card-head{margin-bottom:24px;justify-content:flex-start}.platform-logo{width:58px;height:58px;object-fit:contain}.platform-logo.small{width:42px;height:42px}.app-logo{width:42px;height:42px;object-fit:contain}.app-logo.large{width:52px;height:52px}.stack{display:grid;gap:14px}.field{display:grid;gap:8px}.field span{font-size:.86rem;color:#dbe6f2}.field small{font-size:.76rem;color:var(--muted)}.field-wide{grid-column:1 / -1}.input{width:100%;padding:12px 14px;border-radius:16px;border:1px solid rgba(148,169,193,.18);background:#070c14d1;color:var(--text);outline:none}.input:focus{border-color:#3bb7ff99;box-shadow:0 0 0 3px #3bb7ff1f}.textarea{min-height:140px;resize:vertical}.primary-button,.secondary-button,.ghost-button,.nav-button{border:0;border-radius:16px;padding:12px 16px;transition:transform .16s ease,background .16s ease,border-color .16s ease}.primary-button{background:linear-gradient(135deg,#1779ff,#0bb8dd);color:#fff;font-weight:700}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.nav-button:hover,.launcher-card:hover{transform:translateY(-1px)}.secondary-button,.ghost-button,.nav-button{border:1px solid rgba(146,178,209,.2);background:#080f18cc;color:var(--text)}.secondary-button{display:inline-flex;justify-content:center;margin-top:14px;text-decoration:none}.ghost-button.wide{width:100%}.compact{padding:10px 14px}.helper-text,.error-message,.subtitle,.eyebrow{margin:0}.helper-text{margin-top:16px;color:var(--muted);line-height:1.6}.totp-login-hint{display:grid;gap:8px;padding:14px 16px;border-radius:18px;border:1px solid rgba(59,183,255,.2);background:#070e17b8}.totp-login-hint p{margin:0;color:var(--muted);line-height:1.6}.error-message,.error-strip{color:#ffd8dd;background:#8b122857}.error-strip{padding:14px 16px;border-radius:18px}.app-shell{display:grid;grid-template-columns:280px 1fr;gap:24px;padding:24px;min-height:100vh}.sidebar{border-radius:28px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.sidebar-brand div,.sidebar-user{flex-direction:column}.sidebar-brand span,.sidebar-user span{color:var(--muted);font-size:.86rem}.sidebar-user{margin:28px 0;gap:4px;padding:16px;border-radius:20px;background:#070d15a6;border:1px solid rgba(146,178,209,.14)}.nav-list{display:grid;gap:10px}.nav-button{text-align:left}.nav-button.active{background:#1779ff33;border-color:#3bb7ff61}.main-content{display:grid;gap:22px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.eyebrow{color:#88d2f6;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem}.page-header h1{margin:8px 0 0;font-size:clamp(2rem,3vw,3rem)}.subtitle{margin-top:10px;color:var(--muted);max-width:760px;line-height:1.7}.flash-box{align-items:center;padding:14px 16px;border-radius:18px;border:1px solid rgba(59,183,255,.24);background:#0a1929c7;color:#dff5ff}.launcher-grid,.summary-grid,.settings-grid,.user-grid,.metric-grid{display:grid;gap:16px}.launcher-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.launcher-card{display:flex;align-items:center;gap:16px;padding:18px;border-radius:24px;text-align:left}.launcher-card strong{display:block;font-size:1rem}.launcher-card p{margin:8px 0 0;color:var(--muted);line-height:1.5}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.summary-card,.admin-panel,.connector-card,.user-card{border-radius:28px}.summary-card,.admin-panel{padding:22px}.summary-card-head{margin-bottom:18px}.summary-app{align-items:center;gap:14px}.summary-app h3,.panel-head h2,.connector-head h3,.user-card h3{margin:0}.summary-app p,.panel-head p,.highlight-row p,.connector-card p,.user-card p{margin:6px 0 0;color:var(--muted);line-height:1.5}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-bottom:18px}.metric-pill{flex-direction:column;gap:6px;padding:12px 14px;border-radius:16px;background:#070d15b3;border:1px solid rgba(146,178,209,.12)}.metric-pill span{font-size:.76rem;color:var(--muted)}.metric-pill strong{font-size:1.3rem}.highlight-list{display:grid;gap:12px}.highlight-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;padding:14px;border-radius:18px;background:#070d15a6;border:1px solid rgba(146,178,209,.1)}.highlight-row strong{display:block}.highlight-row span{color:var(--muted);font-size:.78rem;text-align:right}.empty-row{grid-template-columns:1fr}.panel-head{margin-bottom:20px;align-items:flex-start}.connector-stack{display:grid;gap:18px}.connector-card,.user-card,.migration-result,.migration-card,.empty-block{padding:18px;border:1px solid rgba(146,178,209,.12);background:#070d158c}.migration-card-warning{border-color:#fbbf2459;box-shadow:inset 0 0 0 1px #fbbf2414}.connector-head{align-items:flex-start}.action-row{display:flex;flex-wrap:wrap;gap:10px}.migration-list{display:grid;gap:18px}.migration-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;color:var(--muted);font-size:.82rem}.migration-meta-tight{margin-bottom:0}.migration-result{display:grid;gap:14px;margin-bottom:18px}.migration-result-list{display:grid;gap:10px}.migration-result-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:18px;border:1px solid rgba(146,178,209,.12);background:#09101a99}.migration-result-row p{margin:6px 0 0;color:var(--muted);font-size:.84rem}.migration-result-row-error{border-color:#f8717157}.migration-result-status{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.status-pill{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:.78rem;font-weight:700}.status-success{background:#22c55e26;color:#86efac}.status-error{background:#f8717129;color:#fca5a5}.status-warning{background:#fbbf2429;color:#fde68a}.status-muted{background:#94a3b824;color:#cbd5e1}.compact-toggle{padding:10px 12px}.warning-box{margin-bottom:14px;border-color:#fbbf2447;background:#57360a38}.empty-block{display:grid;gap:8px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 14px;border-radius:18px;border:1px solid rgba(146,178,209,.12);background:#070d1599}.toggle-row span{display:flex;flex-direction:column;gap:4px}.toggle-row small{color:var(--muted)}.toggle-row input{width:22px;height:22px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.remote-settings{margin-top:18px;padding-top:18px;border-top:1px solid rgba(146,178,209,.12)}.user-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:20px}.user-meta{display:grid;gap:8px;color:var(--muted);font-size:.84rem}@media(max-width:1100px){.login-layout,.app-shell{grid-template-columns:1fr}.login-card{justify-self:start}}@media(max-width:720px){.login-layout,.app-shell{padding:20px}.page-header,.summary-card-head,.panel-head,.connector-head,.migration-result-row{flex-direction:column}.migration-result-status{justify-content:flex-start}.settings-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.highlight-row{grid-template-columns:1fr}.highlight-row span{text-align:left}}