:root{--bg:var(--ds-bg);--surface:var(--ds-surface);--surface-2:var(--ds-surface-2);--surface-3:var(--ds-surface-3);--white:var(--ds-white);--email-console-bg:var(--ds-bg);--nav-bg:var(--ds-nav-bg);--nav-fg:var(--ds-nav-fg);--nav-fg-strong:var(--ds-nav-fg-strong);--nav-hover:var(--ds-nav-hover);--nav-active:var(--ds-nav-active);--nav-line:var(--ds-nav-line);--line:var(--ds-line);--line-strong:var(--ds-line-strong);--fg:var(--ds-fg);--fg-2:var(--ds-fg-2);--fg-3:var(--ds-fg-3);--accent:var(--ds-accent);--accent-hover:var(--ds-accent-hover);--accent-soft:var(--ds-accent-soft);--success:var(--ds-success);--success-soft:var(--ds-success-soft);--warning:var(--ds-warning);--warning-soft:var(--ds-warning-soft);--danger:var(--ds-danger);--danger-soft:var(--ds-danger-soft);--info:var(--ds-info);--info-soft:var(--ds-info-soft);--nav-h:52px;--sidebar-expanded:var(--ds-sidebar-expanded);--sidebar-collapsed:var(--ds-sidebar-collapsed);--control-h:var(--ds-control-h);--control-h-sm:var(--ds-control-h-sm);--row-h:var(--ds-row-h);--radius:var(--ds-radius);--radius-sm:var(--ds-radius-sm);--radius-pill:var(--ds-radius-pill);--gap-1:var(--ds-gap-1);--gap-2:var(--ds-gap-2);--gap-3:var(--ds-gap-3);--gap-4:var(--ds-gap-4);--gap-5:var(--ds-gap-5);--gap-6:var(--ds-gap-6);--page-max:var(--ds-page-max);--page-pad-x:var(--ds-page-pad-x);--page-pad-y:var(--ds-page-pad-y);--shadow-1:var(--ds-shadow-1);--shadow-overlay:var(--ds-shadow-overlay);--fs-h1:var(--ds-fs-h1);--fs-h2:var(--ds-fs-h2);--fs-body:var(--ds-fs-body);--fs-sm:var(--ds-fs-sm);--fs-xs:var(--ds-fs-xs);--focus-ring:var(--ds-focus-ring);--overlay:var(--ds-overlay);--warning-wash:#ffffff8c}*{box-sizing:border-box}:root{font-family:var(--ds-font);color:var(--fg);background:var(--bg);font-size:var(--fs-body);font-synthesis:none;text-rendering:optimizelegibility}body{min-width:var(--ds-page-min);background:var(--bg);margin:0}h1,h2,h3{margin:0;font-weight:650}h1{font-size:var(--fs-h1);line-height:1.3}h2,h3{font-size:var(--fs-h2)}p{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn{justify-content:center;align-items:center;gap:var(--gap-2);height:var(--control-h);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--fg);font-size:var(--fs-sm);white-space:nowrap;padding:0 12px;font-weight:550;display:inline-flex}.btn:hover{background:var(--surface-3);border-color:var(--fg-3)}.btn.primary{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--white)}.btn.primary:hover{background:var(--nav-fg-strong);border-color:var(--nav-fg-strong)}.btn.danger{color:var(--danger);border-color:var(--line-strong)}.btn.danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn.subtle{color:var(--fg-2);background:0 0;border-color:#0000}.btn.subtle:hover{background:var(--surface-3);color:var(--fg)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn:disabled:hover{background:var(--surface);border-color:var(--line-strong)}.btn.primary:disabled:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.full-width{width:100%}.input{width:100%;height:var(--control-h);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--fg);font-size:var(--fs-sm);padding:0 10px}.input::placeholder{color:var(--fg-3)}.input:hover{border-color:var(--fg-3)}.boot-screen{place-items:center;min-height:100vh;display:grid}.app{min-width:var(--ds-page-min);background:var(--bg);min-height:100vh}.sidebar{z-index:40;width:var(--sidebar-expanded);background:var(--surface);border-right:1px solid var(--nav-line);flex-direction:column;transition:width .18s,transform .18s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-brand{align-items:center;gap:var(--gap-2);height:64px;padding:0 var(--gap-4);color:var(--fg);white-space:nowrap;font-weight:700;display:flex;overflow:hidden}.sidebar-brand-mark{border-radius:var(--radius-sm);background:var(--accent-hover);width:28px;height:28px;color:var(--white);font-size:var(--fs-xs);flex:none;place-items:center;font-weight:800;display:grid}.sidebar-navigation{min-height:0;padding:var(--gap-2);flex:auto;overflow:hidden auto}.sidebar-item{border-radius:var(--radius);width:100%;min-height:40px;color:var(--nav-fg);font-size:var(--fs-sm);text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:0 12px;font-weight:600;display:flex;position:relative}.sidebar-item:hover{background:var(--nav-hover);color:var(--nav-fg-strong)}.sidebar-item.active{background:var(--nav-active);color:var(--white)}.sidebar-item.active:before{content:"";border-radius:var(--radius-pill);background:var(--white);width:3px;height:18px;position:absolute;left:0}.sidebar-group-menu{padding:2px 0 4px 14px;display:none}.sidebar-group.open>.sidebar-group-menu{display:block}.sidebar-group-menu .sidebar-item{min-height:36px;padding-left:18px;font-weight:550}.sidebar-group-menu .sidebar-item.active:before{height:14px;left:6px}.sidebar-chevron{margin-left:auto;transition:transform .18s}.sidebar-group.open .sidebar-chevron{transform:rotate(180deg)}.sidebar-footer{align-items:center;gap:var(--gap-2);min-height:56px;padding:var(--gap-2);border-top:1px solid var(--nav-line);color:var(--nav-fg);display:flex}.sidebar-collapse,.sidebar-logout{border-radius:var(--radius);width:36px;height:36px;color:var(--nav-fg);background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.sidebar-collapse:hover,.sidebar-logout:hover{background:var(--nav-hover);color:var(--nav-fg-strong)}.sidebar-username{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-sm);overflow:hidden}.sidebar.collapsed .sidebar-brand{padding:0 18px}.sidebar.collapsed .sidebar-brand>span:last-child,.sidebar.collapsed .sidebar-item>span,.sidebar.collapsed .sidebar-chevron,.sidebar.collapsed .sidebar-username{display:none}.sidebar.collapsed .sidebar-item{justify-content:center;padding:0}.sidebar.collapsed .sidebar-group{position:relative}.sidebar.collapsed .sidebar-group.open>.sidebar-group-menu{z-index:50;width:180px;padding:var(--gap-2);background:var(--surface);border:1px solid var(--nav-line);border-radius:var(--radius);box-shadow:var(--shadow-overlay);position:absolute;top:0;left:calc(100% + 8px)}.sidebar.collapsed .sidebar-group-menu .sidebar-item{justify-content:flex-start;padding:0 10px}.sidebar.collapsed .sidebar-navigation{overflow:visible}.page{width:auto;min-width:0;max-width:none;min-height:100vh;margin:0 0 0 var(--sidebar-expanded);padding:var(--page-pad-y) var(--page-pad-x) var(--gap-6);gap:var(--gap-4);flex-direction:column;flex:auto;display:flex}.sidebar.collapsed~.page{margin-left:var(--sidebar-collapsed)}.state{place-items:center;gap:var(--gap-2);color:var(--fg-3);font-size:var(--fs-sm);text-align:center;padding:40px 16px;display:grid}.state svg{color:var(--line-strong)}.state.error,.state.error svg{color:var(--danger)}.state-action{margin-top:var(--gap-1)}.alert{align-items:center;gap:var(--gap-2);border:1px solid var(--danger);border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-sm);padding:8px 12px;display:flex}.alert .link-btn{color:var(--danger);margin-left:auto}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.field{gap:5px;margin:0 0 12px;display:grid}.field>span{color:var(--fg-2);font-size:var(--fs-sm);font-weight:600}.field em{color:var(--danger);margin-left:3px;font-style:normal;font-weight:500}.toast{z-index:80;align-items:center;gap:var(--gap-3);border:1px solid var(--nav-line);border-radius:var(--radius);background:var(--surface);max-width:420px;color:var(--fg);font-size:var(--fs-sm);box-shadow:var(--shadow-overlay);padding:9px 10px 9px 13px;display:flex;position:fixed;top:16px;right:16px}.toast button{color:var(--nav-fg);background:0 0;border:0;place-items:center;padding:2px;display:grid}.login-page{min-height:100vh;padding:var(--gap-5);background:var(--nav-bg);place-items:center;display:grid}.login-panel{width:min(360px,100%);padding:var(--gap-5);border:1px solid var(--nav-line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-overlay)}.login-heading{align-items:center;gap:var(--gap-3);margin-bottom:var(--gap-5);display:flex}.login-heading .login-brand-mark{width:32px;height:32px}.login-heading h1{font-size:var(--fs-h1)}.login-heading p{color:var(--fg-3);font-size:var(--fs-sm);margin-top:2px}.login-form{gap:var(--gap-3);display:grid}.login-form .field{margin:0}.email-console-app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.email-console-page{max-width:none;min-height:0;margin:0 0 0 var(--sidebar-expanded);flex:auto;padding:0;display:flex}.sidebar.collapsed~.email-console-page{margin-left:var(--sidebar-collapsed)}.email-console-frame{background:var(--email-console-bg);border:0;flex:auto;width:100%;min-height:0;display:block}.email-console-frame[hidden]{display:none!important}