:root{color-scheme:dark;font-family:Segoe UI,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;--wg-red: #9f1d20;--wg-red-strong: #bf272a;--wg-red-soft: rgba(159, 29, 32, .18);--accent-blue: #5f83d9;--accent-green: #20c6a6;--bg-start: #09111f;--bg-mid: #101a2e;--bg-end: #0c1426;--bg-glow-top: rgba(71, 100, 158, .24);--bg-glow-red: rgba(159, 29, 32, .16);--text-main: #edf2ff;--text-strong: #ffffff;--text-muted: #9eb0d8;--text-soft: #b6c6eb;--panel-bg: rgba(10, 19, 35, .76);--panel-border: rgba(127, 153, 214, .16);--panel-shadow: 0 18px 54px rgba(2, 7, 18, .28);--sidebar-bg: rgba(6, 12, 23, .92);--sidebar-border: rgba(127, 153, 214, .16);--nav-hover: rgba(105, 134, 207, .16);--nav-active: linear-gradient(135deg, rgba(159, 29, 32, .24), rgba(95, 131, 217, .16));--surface-strong: rgba(7, 13, 26, .72);--surface-soft: rgba(7, 13, 26, .42);--field-border: rgba(127, 153, 214, .16);--table-border: rgba(127, 153, 214, .14);--table-header: #9eb0d8;--primary-button: linear-gradient(135deg, var(--wg-red), var(--wg-red-strong));--secondary-button-bg: rgba(125, 145, 193, .14);--danger-button-bg: rgba(181, 58, 76, .18);--success-button: linear-gradient(135deg, #0ca78f, #11c0a5);--info-banner-bg: rgba(79, 126, 221, .14);--info-banner-border: rgba(104, 149, 232, .28);--info-banner-text: #d7e6ff;--toast-bg: rgba(9, 14, 26, .94);--toast-border: rgba(255, 255, 255, .08);--toast-shadow: 0 18px 48px rgba(0, 0, 0, .28);--toast-close: var(--text-muted);--toast-error-bg: rgba(38, 12, 18, .96);--toast-error-border: rgba(214, 80, 80, .38);--toast-info-border: rgba(159, 29, 32, .3);--login-card-bg: linear-gradient(180deg, rgba(24, 35, 61, .94), rgba(12, 19, 34, .96));--login-card-glow: radial-gradient(circle at top right, rgba(159, 29, 32, .16), transparent 32%);--login-settings-button-bg: linear-gradient(180deg, rgba(13, 94, 95, .92), rgba(16, 132, 127, .74));--login-settings-button-border: rgba(29, 181, 155, .28);--login-settings-button-text: #eefbf8;--login-popover-bg: rgba(56, 69, 101, .96);--login-popover-border: rgba(106, 124, 170, .2);--login-popover-text: #f2f6ff;--login-input-shell-bg: linear-gradient(135deg, rgba(59, 78, 119, .72), rgba(42, 56, 88, .88));--login-input-bg: rgba(24, 36, 61, .96);--login-input-text: #eef3ff;--login-input-icon: #95a7cc;background:radial-gradient(circle at top,var(--bg-glow-top),transparent 30%),radial-gradient(circle at top right,var(--bg-glow-red),transparent 26%),linear-gradient(160deg,var(--bg-start) 0%,var(--bg-mid) 45%,var(--bg-end) 100%);color:var(--text-main)}:root[data-theme=light]{color-scheme:light;--bg-start: #f5f7fb;--bg-mid: #eef3fb;--bg-end: #e5edf9;--bg-glow-top: rgba(95, 131, 217, .16);--bg-glow-red: rgba(159, 29, 32, .11);--text-main: #182033;--text-strong: #101726;--text-muted: #5f6f91;--text-soft: #4c607f;--panel-bg: rgba(255, 255, 255, .82);--panel-border: rgba(83, 105, 146, .18);--panel-shadow: 0 16px 38px rgba(48, 66, 104, .12);--sidebar-bg: rgba(255, 255, 255, .9);--sidebar-border: rgba(83, 105, 146, .18);--nav-hover: rgba(159, 29, 32, .1);--nav-active: linear-gradient(135deg, rgba(159, 29, 32, .16), rgba(95, 131, 217, .12));--surface-strong: rgba(245, 248, 253, .96);--surface-soft: rgba(243, 246, 252, .92);--field-border: rgba(83, 105, 146, .18);--table-border: rgba(83, 105, 146, .14);--table-header: #5b6c8d;--secondary-button-bg: rgba(95, 111, 145, .12);--danger-button-bg: rgba(181, 58, 76, .14);--info-banner-bg: rgba(95, 131, 217, .1);--info-banner-border: rgba(95, 131, 217, .2);--info-banner-text: #28457f;--toast-bg: rgba(255, 255, 255, .96);--toast-border: rgba(83, 105, 146, .18);--toast-shadow: 0 16px 36px rgba(48, 66, 104, .16);--toast-close: #5f6f91;--toast-error-bg: rgba(255, 240, 243, .98);--toast-error-border: rgba(181, 58, 76, .24);--toast-info-border: rgba(159, 29, 32, .18);--login-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(241, 246, 252, .98));--login-card-glow: radial-gradient(circle at top right, rgba(95, 131, 217, .12), transparent 32%);--login-settings-button-bg: linear-gradient(180deg, rgba(236, 246, 255, .96), rgba(220, 236, 252, .98));--login-settings-button-border: rgba(95, 131, 217, .22);--login-settings-button-text: #26436f;--login-popover-bg: rgba(255, 255, 255, .98);--login-popover-border: rgba(83, 105, 146, .18);--login-popover-text: #1a2438;--login-input-shell-bg: linear-gradient(135deg, rgba(230, 237, 247, .95), rgba(218, 228, 241, .98));--login-input-bg: rgba(255, 255, 255, .98);--login-input-text: #182033;--login-input-icon: #7284a5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent;overflow-x:hidden;color:var(--text-main)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .14s ease}.app-shell-sidebar-collapsed{grid-template-columns:92px minmax(0,1fr)}.mobile-topbar,.mobile-nav-backdrop{display:none}.sidebar{display:flex;flex-direction:column;justify-content:space-between;padding:28px 20px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:padding .14s ease}.sidebar-brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sidebar-toggle-button{width:36px;height:36px;border-radius:12px;border:1px solid var(--field-border);background:var(--nav-hover);color:var(--text-main);display:inline-grid;place-items:center;flex:0 0 auto}.sidebar-desktop-collapsed{padding-inline:14px}.sidebar-desktop-collapsed .sidebar-brand-row{flex-direction:column;align-items:center;justify-content:flex-start;gap:8px}.sidebar-desktop-collapsed .brand{margin-bottom:0;justify-content:center}.sidebar-desktop-collapsed .brand-badge{width:40px;height:40px}.brand{display:flex;align-items:center;gap:14px;margin-bottom:24px;min-width:0}.brand-title{font-size:1.4rem;font-weight:700;color:var(--text-strong)}.brand-subtitle{color:var(--text-muted);font-size:.82rem}.brand-badge{width:48px;height:48px;border-radius:999px;display:inline-grid;place-items:center;background:linear-gradient(145deg,var(--wg-red),#7b1518);color:#fff8f8;box-shadow:0 16px 28px #9f1d2047}.brand-badge-compact{width:34px;height:34px}.brand-badge-logo{background:#fffdfd;color:inherit;box-shadow:0 8px 20px #00000014;padding:4px}.brand-icon{width:100%;height:100%;display:block;object-fit:contain}.icon{width:18px;height:18px;flex:0 0 auto}.icon-menu{width:20px;height:20px}.nav-list{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;color:var(--text-soft);transition:background-color .12s ease,color .12s ease}.sidebar-desktop-collapsed .nav-item{justify-content:center;padding-inline:10px}.sidebar-desktop-collapsed .nav-list{margin-top:8px}.nav-icon{opacity:.92}.nav-item:hover,.nav-item-active{background:var(--nav-active);color:var(--text-strong)}.sidebar-footer{display:grid;gap:12px}.sidebar-user{color:var(--text-soft);font-size:.95rem}.content-shell{padding:28px;min-width:0;overflow-x:clip}.sidebar-collapsed-hidden{display:none}.sidebar-logout-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.sidebar-logout-button-collapsed{padding-inline:10px}.mobile-topbar{align-items:center;gap:14px;padding:16px 18px;background:var(--sidebar-bg);border-bottom:1px solid var(--sidebar-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.mobile-topbar-title{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;color:var(--text-strong)}.mobile-menu-button{width:44px;height:44px;border-radius:12px;border:1px solid var(--field-border);background:var(--nav-hover);display:grid;place-items:center;padding:10px;color:var(--text-strong)}.page-stack{display:grid;gap:20px;min-width:0}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.toolbar-card{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:22px;border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--panel-shadow)}.toolbar-card-wrap,.toolbar-row{flex-wrap:wrap}.toolbar-field,.toolbar-search{display:grid;gap:6px;min-width:220px}.toolbar-field-grow{flex:1 1 240px}.table-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:16px}.toolbar-field span,.toolbar-search span{color:var(--text-soft);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.toolbar-field select,.toolbar-search input{width:100%;border-radius:12px;border:1px solid var(--field-border);background:var(--surface-strong);color:var(--text-main);padding:12px 14px}.toolbar-search{flex:1 1 280px}.eyebrow{color:var(--wg-red-strong);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}h1,h2,p{margin:0}h1{font-size:2rem}h2{font-size:1.1rem}.muted-text{color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-stats-grid{align-items:stretch}.stats-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.panel,.login-card,.modal-card{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--panel-shadow)}.stat-card{border-radius:20px;padding:18px 20px}.stat-label{font-size:.9rem;color:var(--text-muted)}.stat-value{margin-top:8px;font-size:1.6rem;font-weight:700;color:var(--text-strong)}.settings-stat-value{text-transform:capitalize}.panel{border-radius:22px;padding:20px;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.two-column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dashboard-top-grid>*,.dashboard-bottom-grid>*{min-width:0}.dashboard-side-stack{display:grid;gap:20px;align-content:start}.table-shell{min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.chart-placeholder{position:relative;min-height:260px;border-radius:20px;overflow:hidden;border:1px solid var(--panel-border);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-bg) 82%,transparent),color-mix(in srgb,var(--surface-strong) 88%,transparent)),radial-gradient(circle at 20% 20%,rgba(70,177,240,.12),transparent 28%),radial-gradient(circle at 80% 10%,var(--wg-red-soft),transparent 28%)}.chart-grid{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--text-muted) 18%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text-muted) 18%,transparent) 1px,transparent 1px);background-size:100% 52px,56px 100%}.chart-svg{position:absolute;inset:0;width:100%;height:100%}.chart-area{fill:#9f1d202e}.chart-stroke{fill:none;stroke:var(--wg-red-strong);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.chart-stroke-secondary{fill:none;stroke:#5f83d9d9;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4 4}.chart-overlay{position:absolute;left:24px;right:24px;bottom:24px;display:grid;gap:6px;padding:16px 18px;border-radius:16px;background:color-mix(in srgb,var(--surface-strong) 88%,transparent);border:1px solid var(--panel-border)}.chart-overlay-title{font-weight:600}.bar-list{display:grid;gap:16px;min-height:260px;align-content:start}.accordion-list{display:grid;gap:12px}.topology-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.topology-group{display:grid;gap:12px;padding:16px;border-radius:18px;border:1px solid var(--table-border);background:color-mix(in srgb,var(--surface-soft) 92%,transparent)}.topology-user-list{display:grid;gap:10px}.topology-user-branch{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;align-items:stretch}.topology-connector{position:relative}.topology-connector:before,.topology-connector:after{content:"";position:absolute;background:color-mix(in srgb,var(--text-muted) 36%,transparent)}.topology-connector:before{left:7px;top:-8px;bottom:50%;width:2px}.topology-connector:after{left:7px;top:50%;width:10px;height:2px}.topology-node{display:grid;gap:4px;min-width:0;padding:12px 14px;border-radius:16px;border:1px solid var(--field-border)}.topology-node-group{background:color-mix(in srgb,var(--wg-red-soft) 46%,var(--surface-strong))}.topology-node-user{background:color-mix(in srgb,var(--nav-hover) 60%,var(--surface-strong))}.topology-node-title{color:var(--text-strong);font-weight:700}.topology-node-subtitle{color:var(--text-muted);font-size:.88rem}.accordion-card{border:1px solid var(--table-border);border-radius:18px;background:color-mix(in srgb,var(--surface-soft) 92%,transparent);overflow:hidden}.accordion-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;cursor:pointer}.accordion-summary::-webkit-details-marker{display:none}.accordion-title{color:var(--text-strong);font-weight:700}.accordion-subtitle{color:var(--text-muted);font-size:.88rem}.accordion-summary-metrics{display:inline-flex;align-items:center;gap:12px;color:var(--text-main);font-weight:600}.accordion-summary-chevron{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--secondary-button-bg);transition:transform .12s ease}.accordion-card[open] .accordion-summary-chevron{transform:rotate(45deg)}.accordion-content{padding:0 16px 16px}.bar-row{display:grid;gap:8px}.bar-row-header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-main);font-size:.95rem}.bar-track{height:12px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 18%,transparent);overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--wg-red),#dd6a45)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 10px;border-bottom:1px solid var(--table-border);text-align:left;vertical-align:top}.data-table th{color:var(--table-header);font-size:.84rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.action-row{display:flex;gap:8px;flex-wrap:wrap}.action-row-compact{gap:6px}.toggle-chip{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:6px 10px;border-radius:999px;border:1px solid var(--field-border);background:color-mix(in srgb,var(--text-muted) 16%,transparent);color:var(--text-main);margin-bottom:8px}.toggle-chip-on{background:#43ab6b2e;color:#9ef2b3}.primary-button,.secondary-button,.ghost-button,.danger-button,.success-button{border-radius:12px;border:none;padding:10px 14px;transition:transform .12s ease,opacity .12s ease,background-color .12s ease}.primary-button{background:var(--primary-button);color:#fff}.secondary-button,.ghost-button{background:var(--secondary-button-bg);color:var(--text-main)}.danger-button{background:var(--danger-button-bg);color:#ffb7c2}.success-button{background:var(--success-button);color:#f6fffd}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover,.success-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.danger-button:disabled,.success-button:disabled{opacity:.5;cursor:not-allowed}.status-pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 16%,transparent);color:var(--text-main);font-size:.85rem}.status-online{background:#43ab6b2e;color:#9ef2b3}.screen-message,.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-shell{position:relative;overflow:hidden}.login-backdrop-glow{position:fixed;width:340px;height:340px;border-radius:999px;filter:blur(28px);opacity:.7;pointer-events:none}.login-backdrop-glow-left{left:-80px;bottom:-60px;background:#2a6bc033}.login-backdrop-glow-right{top:-80px;right:-90px;background:#9f1d2033}.login-card{width:min(100%,420px);border-radius:24px;padding:28px;display:grid;gap:18px}.login-card-xui{width:min(100%,540px);position:relative;z-index:1;padding:28px 34px 34px;border-radius:30px;background:var(--login-card-bg),var(--login-card-glow);box-shadow:0 28px 70px #02071252,inset 0 1px #ffffff0a}.login-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.login-brand-chip{display:inline-flex;align-items:center}.login-settings-panel{position:relative}.login-settings-button{width:48px;height:48px;border:1px solid var(--login-settings-button-border);border-radius:999px;background:var(--login-settings-button-bg);color:var(--login-settings-button-text);font-weight:700;display:inline-grid;place-items:center;padding:0}.login-settings-icon{width:18px;height:18px}.login-settings-popover{position:absolute;top:58px;right:0;width:220px;padding:14px;border-radius:22px;border:1px solid var(--login-popover-border);background:var(--login-popover-bg);box-shadow:0 18px 46px #050a164d;display:grid;gap:12px}.login-settings-field{min-width:0}.login-settings-toggle-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border:0;background:transparent;color:var(--login-popover-text);font-weight:500;text-align:left}.theme-toggle{width:38px;height:22px;border-radius:999px;background:#8892a480;display:inline-flex;align-items:center;padding:2px;flex:0 0 auto;transition:background-color .12s ease}.theme-toggle-on{background:linear-gradient(135deg,#18a88f,#24c5a8)}.theme-toggle-knob{width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:0 2px 6px #0c121e3d;transform:translate(0);transition:transform .12s ease}.theme-toggle-on .theme-toggle-knob{transform:translate(16px)}.login-language-shell{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:999px;border:1px solid var(--field-border);background:color-mix(in srgb,var(--surface-strong) 88%,transparent)}.login-language-icon{color:var(--text-soft)}.login-language-shell select{width:100%;border:0;background:transparent;padding:10px 0;color:var(--login-popover-text)}.login-hero{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px;align-items:center}.login-logo-orb{display:grid;place-items:center;width:84px;height:84px;border-radius:999px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.08),transparent 28%);box-shadow:none}.login-logo-orb .brand-badge{width:58px;height:58px;box-shadow:none}.login-hero-copy{display:grid;gap:8px}.login-hero-copy h1{font-size:clamp(2rem,5vw,3rem);line-height:1.04}.login-field{gap:10px}.login-input-shell{padding:1px;border-radius:20px;background:var(--login-input-shell-bg);box-shadow:inset 0 1px #ffffff2e}.login-input-shell-icon{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:12px;padding-inline:14px 10px}.login-input-shell input{border:0;border-radius:19px;background:var(--login-input-bg);color:var(--login-input-text);padding:16px 0}.login-input-shell input:-webkit-autofill,.login-input-shell input:-webkit-autofill:hover,.login-input-shell input:-webkit-autofill:focus{-webkit-text-fill-color:var(--login-input-text);-webkit-box-shadow:0 0 0 1000px var(--login-input-bg) inset;transition:background-color 9999s ease-out 0s}.login-input-icon,.login-password-toggle-icon{color:var(--login-input-icon)}.login-password-toggle{width:34px;height:34px;border:0;border-radius:999px;background:transparent;color:var(--login-input-icon);display:inline-grid;place-items:center;padding:0}.login-password-toggle:hover{background:color-mix(in srgb,var(--surface-strong) 70%,transparent)}.login-submit{min-height:58px;border-radius:20px;font-size:1.15rem;background:linear-gradient(135deg,#0b7d8b,#1aa39c)}.field{display:grid;gap:6px}.field span{color:var(--text-soft);font-size:.92rem}.field input,.field select,.inline-form input{width:100%;border-radius:12px;border:1px solid var(--field-border);background:var(--surface-strong);color:var(--text-main);padding:12px 14px}.error-banner,.warning-banner{padding:12px 14px;border-radius:14px}.error-banner{background:#b53a4c29;color:#ffb8c3}.warning-banner{background:#c181222e;color:#ffd48d}.modal-backdrop{position:fixed;inset:0;background:#020812b8;display:grid;place-items:center;padding:24px}.modal-card{width:min(100%,980px);border-radius:24px;padding:24px;max-height:calc(100vh - 48px);overflow:auto}.modal-compact{width:min(100%,720px)}.reveal-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;margin-top:16px}.qr-card{display:grid;place-items:center;background:#fff;border-radius:18px;padding:18px;min-height:280px}.qr-card svg{width:100%;height:auto}.qr-card img{width:100%;height:auto;display:block}.code-block{margin:0;padding:16px;border-radius:18px;background:#050a14eb;color:#d7e0f8;overflow:auto;max-height:60vh}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-span-2{grid-column:1 / -1}.inline-form{display:flex;gap:12px;margin-bottom:16px}.modal-actions{display:flex;justify-content:flex-end;margin-top:18px}.field-checkbox{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid var(--field-border);background:var(--surface-soft)}.field-checkbox input{margin-top:4px}.settings-checkbox-row{align-items:center}.settings-checkbox-row input{margin-top:0;flex:0 0 auto}.settings-checkbox-copy{display:grid;gap:4px;min-width:0}.settings-checkbox-title{color:var(--text-soft);font-size:.92rem;line-height:1.35}.info-banner{margin-top:16px;padding:12px 14px;border-radius:14px;border:1px solid var(--info-banner-border);background:var(--info-banner-bg);color:var(--info-banner-text)}.toast-stack{position:fixed;right:1.25rem;bottom:1.25rem;z-index:1000;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast-item{min-width:260px;max-width:420px;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-radius:16px;border:1px solid var(--toast-border);background:var(--toast-bg);box-shadow:var(--toast-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}.toast-item-info{border-color:var(--toast-info-border)}.toast-item-error{border-color:var(--toast-error-border);background:var(--toast-error-bg)}.toast-message{color:var(--text-main);font-size:.95rem;line-height:1.45}.toast-close{border:0;background:transparent;color:var(--toast-close);font-size:1.15rem;line-height:1;cursor:pointer}.log-level-pill{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:4px 10px;border-radius:999px;border:1px solid transparent;text-transform:uppercase;font-size:.76rem;font-weight:700;letter-spacing:.05em}.log-level-debug{background:#5f83d91f;border-color:#5f83d92e;color:#8fb0ff}.log-level-info{background:#45a6d61f;border-color:#45a6d62e;color:#78cef3}.log-level-warning{background:#cd923429;border-color:#cd923433;color:#ffd188}.log-level-error{background:#9f1d2029;border-color:#9f1d203d;color:#ffb3b5}.log-level-critical{background:#bf272a38;border-color:#bf272a47;color:#ffe3e3}.desktop-table{display:block}.mobile-list{display:none}.mobile-record{display:grid;gap:12px;padding:14px 0;border-bottom:1px solid var(--table-border)}.mobile-record-main,.mobile-record-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-record-meta{color:var(--text-muted);font-size:.9rem}.mobile-record-title{color:var(--text-strong);font-weight:700}.mobile-record-subtitle{color:var(--text-muted);font-size:.88rem}.mobile-record-actions{display:flex;flex-wrap:wrap;gap:8px}.mobile-info{position:relative}.mobile-info-trigger{min-width:76px}.mobile-info-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:20;width:min(280px,calc(100vw - 48px));padding:12px;border-radius:18px;border:1px solid var(--panel-border);background:color-mix(in srgb,var(--panel-bg) 96%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--panel-shadow)}.mobile-info-body{display:grid;gap:10px}.mobile-info-grid{display:grid;grid-template-columns:minmax(0,92px) minmax(0,1fr);gap:8px 10px;color:var(--text-main);font-size:.9rem}.mobile-info-grid strong{color:var(--text-soft)}.table-pagination{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}@media(max-width:1080px){.stats-grid,.stats-grid-compact,.two-column-grid,.form-grid,.reveal-grid{grid-template-columns:1fr}}@media(min-width:1081px){.dashboard-top-grid,.dashboard-bottom-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.dashboard-panel-span-3{grid-column:span 3}.dashboard-panel-span-4{grid-column:span 4}.dashboard-panel-span-5{grid-column:span 5}.dashboard-panel-span-7{grid-column:span 7}}@media(max-width:860px){.app-shell,.app-shell-sidebar-collapsed{grid-template-columns:1fr}.mobile-topbar{display:flex}.mobile-nav-backdrop{display:block;position:fixed;inset:0;border:0;padding:0;background:#030812a3;z-index:35}.sidebar{position:fixed;inset:0 auto 0 0;width:min(82vw,320px);transform:translate(-100%);transition:transform .16s ease;z-index:40;gap:20px}.sidebar-mobile-open{transform:translate(0)}.sidebar-toggle-button{display:none}.sidebar-collapsed-hidden{display:revert}.content-shell{padding:16px;overflow-x:visible}.page-header{flex-direction:column;align-items:flex-start}.page-stack{gap:16px;overflow-x:visible}.toolbar-card,.toolbar-row,.action-row,.modal-actions{width:100%}.toolbar-field,.toolbar-search,.field,.inline-form>*{min-width:0;width:100%}.data-table th,.data-table td{white-space:nowrap}.table-shell{width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;margin-inline:-2px;padding-inline:2px}.data-table{min-width:720px}.desktop-table{display:none}.mobile-list{display:grid}.inline-form{flex-direction:column}.panel,.stat-card,.toolbar-card,.modal-card,.login-card,.login-card-xui{width:100%;min-width:0}.modal-backdrop{padding:12px;align-items:start;overflow:auto}.modal-card{max-height:none;padding:18px}.qr-card{min-height:220px}.login-card-xui{padding:24px}.login-card-top,.login-hero{grid-template-columns:1fr}.login-settings-panel{justify-self:end}}