@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;--color-brand-primary:#782F40;--color-brand-secondary:#CEB888;--color-brand-accent:#1E3A5F;--color-stadium-night:#101820;--bg-page:#F9FAFB;--bg-card:#FFFFFF;--bg-surface:#F3F4F6;--bg-surface-hover:#E5E7EB;--text-primary:#111827;--text-secondary:#4B5563;--text-tertiary:#6B7280;--text-muted:#9CA3AF;--text-placeholder:rgba(66,85,99,0.4);--border-color:rgba(0,0,0,0.06);--border-color-strong:#D1D5DB;--card-bg:#FFFFFF;--card-border:transparent;--input-bg:#FFFFFF;--input-border:rgba(66,85,99,0.2);--text-display-size:1.875rem;--text-h1-size:1.5rem;--text-h2-size:1.125rem;--text-body-size:0.875rem;--text-label-size:0.75rem;--text-micro-size:0.6875rem;--text-heading-line-height:1.3;--text-body-line-height:1.5;--shadow-1:0 1px 3px rgba(16,24,32,0.08),0 1px 2px rgba(16,24,32,0.06);--shadow-2:0 4px 12px rgba(16,24,32,0.10),0 2px 4px rgba(16,24,32,0.06);--shadow-3:0 20px 40px rgba(16,24,32,0.14),0 8px 16px rgba(16,24,32,0.08);--radius-card:12px;--radius-modal:16px;--radius-btn:8px;--radius-btn-sm:6px;--radius-input:8px;--radius-badge:9999px;--radius-dropdown:10px;--radius-tooltip:6px;--ease-standard:cubic-bezier(0.4,0,0.2,1);--color-success:#16a34a;--color-success-bg:#c0e7ce;--color-success-text:#166534;--color-warning:#ca8a04;--color-warning-bg:#fef3c7;--color-warning-text:#92400e;--color-danger:#dc2626;--color-danger-bg:#fee2e2;--color-danger-text:#991b1b;--color-info-bg:#dbeafe;--color-info-text:#1e40af}.settings-layout{display:grid;grid-gap:16px;gap:16px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px;align-items:start}.settings-panel{display:grid;grid-gap:14px;gap:14px}.settings-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-panel h2{font-size:var(--text-h2-size);font-weight:700;color:var(--text-primary)}.settings-field{display:grid;grid-gap:6px;gap:6px;color:var(--text-secondary);font-size:13px;font-weight:700}.settings-field input,.settings-field select{min-height:40px;border:1.5px solid var(--input-border);border-radius:var(--radius-input);background:var(--input-bg);padding:.5rem .75rem;color:var(--text-primary);font:inherit;font-size:var(--text-body-size);transition:border-color .15s var(--ease-standard),box-shadow .15s var(--ease-standard)}.settings-field input:hover,.settings-field select:hover{border-color:color-mix(in srgb,var(--color-brand-accent) 50%,transparent)}.settings-field input:focus,.settings-field select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand-primary) 20%,transparent)}.settings-field input[type=color]{width:100%;padding:4px}.settings-color-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.settings-preview{grid-template-columns:auto 1fr;align-items:center}.settings-preview-logo{width:56px;height:56px;display:grid;place-items:center;border-radius:12px;font-weight:900;box-shadow:var(--shadow-2)}.settings-preview p{margin-top:2px;color:var(--text-secondary)}.settings-preview span{display:block;margin-top:6px;font-size:13px;font-weight:800}.general-settings-page{max-width:980px}.general-settings-layout{display:grid;grid-gap:24px;gap:24px}.general-settings-card{display:grid;grid-gap:22px;gap:22px;padding:32px}.general-settings-row{display:grid;grid-template-columns:220px minmax(260px,320px);grid-gap:24px;gap:24px;align-items:center}.general-settings-label{display:grid;grid-gap:3px;gap:3px}.general-settings-label strong{color:var(--text-primary);font-size:var(--text-body-size);font-weight:700}.general-settings-label span{color:var(--text-muted);font-size:13px;line-height:1.35}.general-settings-control input:not([type=checkbox]),.general-settings-control select{width:100%;min-height:38px;border:1.5px solid var(--input-border);border-radius:var(--radius-input);background:var(--input-bg);padding:.5rem .75rem;color:var(--text-primary);font:inherit;font-size:var(--text-body-size);transition:border-color .15s var(--ease-standard),box-shadow .15s var(--ease-standard)}.general-settings-control input:hover,.general-settings-control select:hover{border-color:color-mix(in srgb,var(--color-brand-accent) 50%,transparent)}.general-settings-control input:focus,.general-settings-control select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand-primary) 20%,transparent)}.general-settings-check{display:inline-flex;align-items:center;gap:10px;color:var(--text-primary);font-size:var(--text-body-size)}.general-settings-check input{width:16px;height:16px;accent-color:var(--color-brand-accent)}.general-settings-actions{display:flex;justify-content:flex-start}.brand-page{max-width:980px}.brand-layout{display:grid;grid-gap:24px;gap:24px}.brand-card{display:grid;grid-gap:20px;gap:20px;padding:24px}.brand-card h2{font-size:var(--text-h2-size);font-weight:700;color:var(--text-primary)}.brand-card p{color:var(--text-secondary);font-size:13px}.brand-image-list{display:grid;grid-gap:20px;gap:20px}.brand-image-row{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:20px;gap:20px;align-items:center}.brand-image-preview{width:80px;height:80px;display:grid;place-items:center;overflow:hidden;border:1px dashed var(--border-color-strong);border-radius:var(--radius-btn);background:linear-gradient(45deg,color-mix(in srgb,var(--bg-surface) 80%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--bg-surface) 80%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--bg-surface) 80%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--bg-surface) 80%,transparent) 75%);background-color:var(--bg-card);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;color:var(--text-muted);font-size:13px;text-align:center}.brand-image-preview-wide{width:250px}.brand-image-preview-tall{height:96px}.brand-image-preview img{max-width:100%;max-height:100%;object-fit:contain}.brand-image-copy{display:grid;grid-gap:5px;gap:5px}.brand-image-copy strong{color:var(--text-primary);font-size:var(--text-body-size);font-weight:700}.brand-image-copy span{color:var(--text-muted);font-size:13px;line-height:1.35}.brand-image-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.brand-upload-button input{display:none}.brand-remove-button{background:transparent;border-color:color-mix(in srgb,var(--color-danger) 45%,transparent);color:var(--color-danger)}.brand-color-list{display:grid;grid-gap:16px;gap:16px}.brand-color-row{grid-template-columns:minmax(0,1fr) 120px;grid-gap:16px}.brand-color-row,.brand-color-summary{display:grid;gap:16px;align-items:center}.brand-color-summary{grid-template-columns:auto minmax(0,1fr);grid-gap:16px}.brand-color-swatch{width:80px;height:48px;display:grid;place-items:center;border:1px solid var(--border-color-strong);border-radius:var(--radius-input);background:var(--bg-card);padding:4px;cursor:pointer}.brand-color-swatch span{width:100%;height:100%;border-radius:var(--radius-btn-sm)}.brand-color-swatch input{width:0;height:0;opacity:0;pointer-events:none}.brand-color-summary strong{color:var(--text-primary);font-size:var(--text-body-size)}.brand-color-summary strong span{margin-left:6px;color:var(--text-muted);font-size:12px;font-weight:500}.brand-color-hex{min-height:38px;border:1.5px solid var(--input-border);border-radius:var(--radius-input);background:var(--input-bg);padding:.5rem .75rem;color:var(--text-primary);font:inherit;font-size:var(--text-body-size);text-align:center;transition:border-color .15s var(--ease-standard),box-shadow .15s var(--ease-standard)}.brand-color-hex:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand-primary) 20%,transparent)}.brand-actions{display:flex;justify-content:flex-start}[data-theme=dark]{color-scheme:dark;--bg-page:#0F1419;--bg-card:#1A2332;--bg-surface:#1E2A3A;--bg-surface-hover:#253446;--border-color:rgba(255,255,255,0.08);--border-color-strong:rgba(255,255,255,0.16);--text-primary:#E8EAED;--text-secondary:#cbd1d9;--text-tertiary:#b0b9c5;--text-muted:#9ba6b5;--text-placeholder:rgba(139,160,176,0.5);--card-bg:#1A2332;--card-border:rgba(255,255,255,0.06);--input-bg:#1E2A3A;--input-border:rgba(255,255,255,0.12);--color-stadium-night:#E8EAED;--shadow-1:0 1px 3px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2);--shadow-2:0 4px 12px rgba(0,0,0,0.4),0 2px 4px rgba(0,0,0,0.2);--shadow-3:0 20px 40px rgba(0,0,0,0.5),0 8px 16px rgba(0,0,0,0.3);--color-success-bg:rgba(34,197,94,0.20);--color-success-text:#4ade80;--color-warning-bg:rgba(245,158,11,0.20);--color-warning-text:#fbbf24;--color-danger-bg:rgba(239,68,68,0.20);--color-danger-text:#f87171;--color-info-bg:rgba(59,130,246,0.20);--color-info-text:#60a5fa}*{box-sizing:border-box;margin:0}body{background:var(--bg-page);color:var(--text-primary);font-size:var(--text-body-size);line-height:var(--text-body-line-height);-webkit-font-smoothing:antialiased}a{color:inherit}.app-frame{overflow:hidden}.app-frame,.sidebar{display:flex;height:100vh}.sidebar{width:240px;flex:0 0 240px;flex-direction:column;background:linear-gradient(180deg,color-mix(in srgb,var(--color-brand-primary) 85%,#000) 0,var(--color-brand-primary) 40%,color-mix(in srgb,var(--color-brand-primary) 90%,var(--color-brand-accent)) 100%);transition:width .2s var(--ease-standard),flex-basis .2s var(--ease-standard);overflow-x:hidden;overflow-y:auto}.sidebar-brand{display:block;min-height:56px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);text-decoration:none}.brand-name{display:block;font-size:var(--text-h2-size);font-weight:800;color:#ffffff;letter-spacing:-.02em}.brand-logo{display:flex;align-items:center;min-height:30px}.brand-logo img{max-width:180px;max-height:34px;object-fit:contain}.brand-tagline{display:block;font-size:var(--text-micro-size);color:rgba(255,255,255,.5);margin-top:2px}.sidebar-nav{flex:1 1;padding:.75rem .5rem}.nav-section,.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-section+.nav-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.nav-section-label{display:block;padding:.25rem .75rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4)}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.5rem;text-decoration:none;font-size:var(--text-body-size);font-weight:500;color:rgba(255,255,255,.75);transition:background-color .15s var(--ease-standard),color .15s var(--ease-standard);border-left:3px solid transparent}.nav-link:hover{background:rgba(255,255,255,.08);color:#ffffff}.nav-link.active{background:rgba(255,255,255,.15)!important;color:#ffffff!important;border-left-color:var(--color-brand-secondary);font-weight:600}.nav-link-icon{flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center}.sidebar-footer{border-top:1px solid rgba(255,255,255,.1);padding:.5rem}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:100%;height:32px;border:none;border-radius:var(--radius-btn-sm);background:transparent;color:rgba(255,255,255,.5);cursor:pointer;transition:background .15s var(--ease-standard),color .15s var(--ease-standard)}.sidebar-toggle:hover{background:rgba(255,255,255,.08);color:#ffffff}.brand-mini-logo{object-fit:contain;display:block}.brand-mini-logo,.brand-mini-text{width:30px;height:30px;margin:0 auto}.brand-mini-text{display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.15);color:#ffffff;font-size:12px;font-weight:800}.sidebar-collapsed{width:64px;flex:0 0 64px;scrollbar-width:none}.sidebar-collapsed::-webkit-scrollbar{display:none}.sidebar-collapsed .sidebar-brand{display:flex;align-items:center;justify-content:center;min-height:64px;padding:14px 0}.sidebar-collapsed .sidebar-nav{align-items:center;padding:.75rem 0;gap:8px}.sidebar-collapsed .nav-section{align-items:center;width:100%;gap:8px}.sidebar-collapsed .nav-link{position:relative;justify-content:center;width:42px;height:42px;padding:0;border-radius:8px;border-left:none}.sidebar-collapsed .nav-link.active{border-left:none}.sidebar-collapsed .nav-link.active:before{content:"";position:absolute;left:-5px;top:7px;width:3px;height:28px;border-radius:999px;background:var(--color-brand-secondary)}.sidebar-collapsed .nav-link-icon{flex:0 0 auto}.sidebar-collapsed .nav-section+.nav-section{margin-top:8px;padding-top:8px}.sidebar-collapsed .sidebar-footer{padding:.5rem 0}.sidebar-collapsed .sidebar-toggle{width:42px;margin:0 auto}[data-theme=dark] .sidebar{background:var(--bg-card);border-right:1px solid var(--border-color)}[data-theme=dark] .sidebar-brand{border-bottom-color:var(--border-color)}[data-theme=dark] .brand-name{color:var(--text-primary)}[data-theme=dark] .brand-tagline{color:var(--text-muted)}[data-theme=dark] .nav-section+.nav-section{border-top-color:var(--border-color)}[data-theme=dark] .nav-section-label{color:var(--text-muted)}[data-theme=dark] .nav-link{color:var(--text-secondary)}[data-theme=dark] .nav-link:hover{background:var(--bg-surface-hover);color:var(--text-primary)}[data-theme=dark] .nav-link.active{background:var(--bg-surface)!important;color:var(--text-primary)!important;border-left-color:color-mix(in srgb,var(--color-brand-accent) 60%,#93c5fd)!important}[data-theme=dark] .sidebar-footer{border-top-color:var(--border-color)}[data-theme=dark] .sidebar-toggle{color:var(--text-muted)}[data-theme=dark] .sidebar-toggle:hover{background:var(--bg-surface-hover);color:var(--text-primary)}[data-theme=dark] .brand-mini-text{background:var(--bg-surface);color:var(--text-primary)}.main-column{flex:1 1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar{height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:.625rem 1.5rem;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.main-surface{flex:1 1;overflow-y:auto;padding:1.5rem;background:var(--bg-page)}.account-wrapper{position:relative}.account-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:999px;background:transparent;cursor:pointer;transition:opacity .15s var(--ease-standard)}.account-trigger:hover{opacity:.85}.account-trigger:focus-visible{outline:3px solid var(--color-brand-secondary);outline-offset:2px;border-radius:999px}.account-avatar{width:34px;height:34px;flex:0 0 34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--color-brand-primary);color:#ffffff;font-size:12px;font-weight:800;object-fit:cover}.account-avatar-loading{background:var(--border-color-strong)}.account-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;border:1px solid var(--border-color-strong);border-radius:var(--radius-dropdown);background:var(--bg-card);box-shadow:var(--shadow-3);z-index:100;animation:dropdown-open .2s var(--ease-standard)}.account-dropdown-identity{display:flex;flex-direction:column;gap:2px;padding:12px 14px}.account-dropdown-name{color:var(--text-primary);font-size:13px;font-weight:700}.account-dropdown-name,.account-dropdown-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown-subtitle{color:var(--text-secondary);font-size:var(--text-label-size)}.account-dropdown-divider{height:1px;background:var(--border-color)}.account-dropdown-item{display:block;width:100%;padding:10px 14px;border:none;border-radius:0 0 var(--radius-dropdown) var(--radius-dropdown);background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--text-body-size);font-weight:500;text-align:left;cursor:pointer;transition:background .15s var(--ease-standard),color .15s var(--ease-standard)}.account-dropdown-item:hover{background:var(--bg-surface);color:var(--text-primary)}.account-signin{min-height:36px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:var(--radius-btn);background:var(--bg-card);color:var(--text-secondary);font-size:18px;cursor:pointer;transition:background .15s var(--ease-standard),color .15s var(--ease-standard);line-height:1}.theme-toggle:hover{background:var(--bg-surface);color:var(--text-primary)}.theme-toggle:focus-visible{outline:3px solid var(--color-brand-secondary);outline-offset:2px}.page-section{display:grid;grid-gap:24px;gap:24px;max-width:1200px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.page-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.page-header h1{font-size:var(--text-h1-size);font-weight:600;line-height:var(--text-heading-line-height);color:var(--text-primary)}.page-header p{margin-top:4px}.back-link,.page-header p{color:var(--text-secondary);font-size:var(--text-body-size)}.back-link{display:inline-flex;align-items:center;gap:6px;font-weight:500;text-decoration:none;transition:color .15s var(--ease-standard)}.back-link:hover{color:var(--color-brand-primary)}[data-theme=dark] .back-link:hover{color:var(--color-brand-secondary)}.al-card{border:1px solid var(--card-border);border-radius:var(--radius-card);padding:1rem}.al-card,.al-table{background:var(--bg-card);box-shadow:var(--shadow-1)}.al-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border-color);border-radius:var(--radius-card);overflow:hidden}.al-table th{text-align:left;font-size:var(--text-label-size);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--bg-surface)}.al-table td,.al-table th{padding:12px 16px;border-bottom:1px solid var(--border-color)}.al-table td{font-size:var(--text-body-size)}.al-table tbody tr:last-child td{border-bottom:none}.al-table tbody tr{transition:background .15s var(--ease-standard)}.al-table tbody tr:hover{background:var(--bg-surface)}.al-table a{color:var(--color-brand-primary);font-weight:600;text-decoration:none}.al-table a:hover{text-decoration:underline}[data-theme=dark] .al-table a{color:var(--color-brand-secondary)}.al-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:38px;border:1px solid transparent;border-radius:var(--radius-btn);padding:.5rem 1rem;background:var(--color-brand-primary);color:#ffffff;font-size:var(--text-body-size);font-weight:500;cursor:pointer;transition:all .15s var(--ease-standard);white-space:nowrap}.al-button:hover{filter:brightness(1.08);box-shadow:var(--shadow-2)}.al-button:active{transform:scale(.97);transition:transform 80ms ease}.al-button:focus-visible{outline:3px solid var(--color-brand-secondary);outline-offset:2px}.al-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:none}.al-button-secondary{background:var(--bg-card);color:var(--text-secondary);border:1.5px solid var(--border-color-strong)}.al-button-secondary:hover{filter:brightness(.98);box-shadow:var(--shadow-2)}.al-button-secondary:active{background:var(--bg-surface);transform:scale(.97);transition:transform 80ms ease}.al-button-danger{background:#dc2626;color:#ffffff}.al-button-danger:hover{filter:brightness(1.08)}.al-button-danger:active{filter:brightness(.92);transform:scale(.97);transition:transform 80ms ease}.al-button-ghost{background:transparent;color:var(--text-secondary)}.al-button-ghost:hover{background:rgba(0,0,0,.06)}[data-theme=dark] .al-button-ghost:hover{background:rgba(255,255,255,.08)}.al-button-sm{min-height:32px;padding:0 .75rem;font-size:13px;border-radius:var(--radius-btn-sm)}.al-link-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:38px;border-radius:var(--radius-btn);padding:.5rem 1rem;background:var(--color-brand-primary);color:#ffffff;font-size:var(--text-body-size);font-weight:500;text-decoration:none;transition:all .15s var(--ease-standard);white-space:nowrap}.al-link-button:hover{filter:brightness(1.08);box-shadow:var(--shadow-2);color:#ffffff}.al-link-button:active{transform:scale(.97);transition:transform 80ms ease}.al-link-button:focus-visible{outline:3px solid var(--color-brand-secondary);outline-offset:2px}.al-link-button-secondary{background:var(--bg-card);color:var(--text-secondary);border:1.5px solid var(--border-color-strong)}.al-link-button-secondary:hover{filter:brightness(.98);box-shadow:var(--shadow-2);color:var(--text-primary)}.al-badge{display:inline-flex;align-items:center;border-radius:var(--radius-badge);padding:.125rem .5rem;font-size:var(--text-micro-size);font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.al-badge,.al-badge-neutral{background:var(--bg-surface);color:var(--text-secondary)}.al-badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.al-badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.al-badge-error{background:var(--color-danger-bg);color:var(--color-danger-text)}.al-tabs{display:flex;gap:4px;border-bottom:2px solid var(--border-color)}.al-tab{border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 16px;margin-bottom:-2px;background:transparent;font-size:var(--text-body-size);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:color .15s var(--ease-standard),border-color .15s var(--ease-standard)}.al-tab:hover{color:var(--text-primary)}.al-tab[aria-selected=true]{color:var(--color-brand-primary);border-bottom-color:var(--color-brand-primary);background:transparent}[data-theme=dark] .al-tab[aria-selected=true]{color:var(--color-brand-secondary);border-bottom-color:var(--color-brand-secondary)}.al-toast{display:flex;align-items:center;gap:10px;border-radius:var(--radius-btn-sm);background:var(--bg-surface);color:var(--text-secondary);padding:10px 14px;font-size:13px;font-weight:500;border-left:3px solid var(--border-color-strong)}.al-toast-success{background:var(--color-success-bg);color:var(--color-success-text);border-left-color:var(--color-success)}.al-toast-warning{background:var(--color-warning-bg);color:var(--color-warning-text);border-left-color:var(--color-warning)}.al-toast-error{background:var(--color-danger-bg);color:var(--color-danger-text);border-left-color:var(--color-danger)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.summary-grid>div{border:1px solid var(--card-border);border-radius:var(--radius-card);background:var(--bg-card);padding:1rem;box-shadow:var(--shadow-1);transition:box-shadow .15s var(--ease-standard)}.summary-grid>div:hover{box-shadow:var(--shadow-2)}.summary-grid span{display:block;color:var(--text-secondary);font-size:var(--text-label-size);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.summary-grid strong{font-size:15px;color:var(--text-primary)}.control-panel{display:grid;grid-gap:14px;gap:14px;border:1px solid var(--card-border);border-radius:var(--radius-card);background:var(--bg-card);padding:1.25rem;box-shadow:var(--shadow-1)}.control-panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.control-panel-header strong{font-size:var(--text-h2-size);font-weight:600;color:var(--text-primary)}.admin-actions,.control-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.console-action{display:inline-flex;align-items:center;gap:8px;max-width:100%}.console-action-status{max-width:220px;overflow:hidden;color:var(--text-secondary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.agent-update-action{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.agent-update-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:1rem;border:1px solid var(--card-border);border-radius:var(--radius-card);background:var(--bg-card);box-shadow:var(--shadow-1)}.agent-update-summary{display:grid;grid-gap:3px;gap:3px}.agent-update-summary small,.agent-update-summary span,.table-cell-stack span{color:var(--text-secondary);font-size:13px}.agent-update-summary strong{font-size:var(--text-display-size);font-weight:800;color:var(--text-primary)}.table-cell-stack{display:grid;grid-gap:3px;gap:3px}.agent-action-column{width:170px;text-align:right}.agent-action-select{min-width:150px;min-height:34px;border:1.5px solid var(--input-border);border-radius:var(--radius-input);background:var(--input-bg);color:var(--text-primary);padding:0 10px;font:inherit;font-size:var(--text-body-size);transition:border-color .15s var(--ease-standard),box-shadow .15s var(--ease-standard)}.agent-action-select:hover{border-color:color-mix(in srgb,var(--color-brand-accent) 50%,transparent)}.agent-action-select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand-primary) 20%,transparent)}.agent-action-select:disabled{opacity:.55;cursor:not-allowed}.system-update-layout{display:grid;grid-gap:16px;gap:16px}.system-update-terminal{min-height:360px;max-height:520px;overflow:auto;border:1px solid #111827;border-radius:var(--radius-card);background:#020617;color:#d1fae5;padding:16px;box-shadow:var(--shadow-2)}.system-update-terminal pre{margin:0;white-space:pre-wrap;word-break:break-word}.system-update-terminal pre,.terminal-muted{font:13px/1.5 Cascadia Code,SFMono-Regular,Consolas,monospace}.terminal-muted{color:#94a3b8}.confirm-dialog{display:grid;grid-gap:18px;gap:18px;width:min(520px,100%);border:1px solid var(--card-border);border-radius:var(--radius-modal);background:var(--bg-card);padding:1.5rem;box-shadow:var(--shadow-3);animation:modal-open .2s var(--ease-standard)}.confirm-dialog h2{margin:0 0 8px;font-size:var(--text-h1-size);font-weight:700;color:var(--text-primary)}.confirm-dialog p{margin:0;color:var(--text-secondary)}.confirm-warning{border-left:4px solid var(--color-danger);background:var(--color-danger-bg);padding:12px 14px;border-radius:0 var(--radius-btn-sm) var(--radius-btn-sm) 0}.confirm-check,.confirm-warning{color:var(--text-primary);font-size:var(--text-body-size)}.confirm-check{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.confirm-check input{margin-top:2px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.status-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.status-dot-connected:before{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-bg)}.relay-console,.relay-surface{min-height:320px;border:1px solid var(--border-color);border-radius:var(--radius-card);background:var(--color-brand-accent);color:#f1f5f9;padding:1.25rem;box-shadow:var(--shadow-2)}.relay-console{display:grid;grid-template-rows:auto auto minmax(320px,1fr);grid-gap:16px;gap:16px}.relay-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.relay-connection-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.relay-connection-row label{display:grid;grid-gap:6px;gap:6px;color:rgba(255,255,255,.6);font-size:13px;font-weight:600}.relay-auth-mode{display:flex;align-items:center;gap:12px;min-height:38px;color:rgba(255,255,255,.6);font-size:13px}.relay-auth-mode label{display:inline-flex;grid-template-columns:none;align-items:center;gap:6px;cursor:pointer}.relay-key-field{min-width:min(520px,100%)}.relay-connection-row input,.relay-connection-row textarea{min-height:38px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-input);background:rgba(0,0,0,.3);color:#f1f5f9;padding:0 12px;font-size:var(--text-body-size);transition:border-color .15s var(--ease-standard),box-shadow .15s var(--ease-standard)}.relay-connection-row input:focus,.relay-connection-row textarea:focus{outline:none;border-color:var(--color-brand-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand-secondary) 25%,transparent)}.relay-connection-row textarea{min-height:88px;padding:10px 12px;resize:vertical}.relay-connection-row input:disabled,.relay-connection-row textarea:disabled{color:rgba(255,255,255,.35);cursor:not-allowed;opacity:.6}.relay-terminal-host{min-height:320px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-btn);background:#020617;padding:8px}.relay-terminal-host .xterm{height:100%}.desktop-relay-panel,.file-relay-panel{display:grid;grid-gap:16px;gap:16px;border:1px solid var(--card-border);border-radius:var(--radius-card);background:var(--bg-card);padding:1.25rem;box-shadow:var(--shadow-1)}.desktop-mode-selector{display:flex;gap:10px;flex-wrap:wrap}.desktop-mode-option{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;min-width:160px;min-height:58px;padding:10px 12px;border:1px solid var(--card-border);border-radius:var(--radius-btn);background:var(--bg-muted);color:var(--text-primary)}.desktop-mode-option input{margin:0}.desktop-mode-option span{display:grid;grid-gap:2px;gap:2px}.desktop-mode-option strong{font-size:14px}.desktop-mode-option small{color:var(--text-secondary);font-size:12px}.desktop-mode-option-active{border-color:var(--color-brand-primary);background:color-mix(in srgb,var(--color-brand-primary) 9%,var(--bg-muted))}.file-path-input{display:grid;grid-gap:6px;gap:6px;min-width:min(420px,100%);color:var(--text-secondary);font-size:13px;font-weight:600}.file-path-input input{min-height:38px;border:1.5px solid var(--input-border);border-radius:var(--radius-input);background:var(--input-bg);padding:.5rem .75rem;font-size:var(--text-body-size);color:var(--text-primary);transition:border-color .15s var(--ease-standard),box-shadow .15s var(--ease-standard)}.file-path-input input:hover{border-color:color-mix(in srgb,var(--color-brand-accent) 50%,transparent)}.file-path-input input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand-primary) 20%,transparent)}.file-upload-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1.5px solid var(--border-color-strong);border-radius:var(--radius-btn);padding:0 1rem;background:var(--bg-card);color:var(--text-primary);font-size:var(--text-body-size);font-weight:500;cursor:pointer;transition:all .15s var(--ease-standard)}.file-upload-button:hover{filter:brightness(.98);box-shadow:var(--shadow-2)}.file-upload-button input{display:none}.file-relay-table td:last-child{width:130px}.desktop-viewer{min-height:420px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-btn);background:#020617;outline:none;transition:border-color .15s var(--ease-standard),box-shadow .15s var(--ease-standard)}.desktop-viewer:focus{border-color:var(--color-brand-secondary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand-secondary) 25%,transparent)}.desktop-viewer img{max-width:100%;max-height:72vh;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.desktop-placeholder{color:var(--text-muted);font-size:var(--text-body-size)}.desktop-frame-status{color:var(--text-secondary);font-size:13px}.al-dialog{position:fixed;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;padding:16px}.auth-loading,.login-page{min-height:100vh}.login-page{display:grid;place-items:center;background:var(--bg-page);padding:48px 20px}.login-hero{width:min(100%,520px);display:grid;justify-items:center;text-align:center}.login-brand-mark{width:92px;height:92px;display:grid;place-items:center;margin-bottom:18px;border-radius:22px;background:var(--color-brand-primary);color:#ffffff;font-size:30px;font-weight:900;box-shadow:0 18px 35px color-mix(in srgb,var(--color-brand-primary) 30%,transparent)}.login-brand-image{width:min(100%,420px);min-height:96px;display:grid;place-items:center;margin-bottom:18px}.login-brand-image img{max-width:100%;max-height:140px;object-fit:contain}.login-hero h1{color:var(--text-primary);font-size:42px;font-weight:900;line-height:1}.login-hero h2{margin-top:28px;color:var(--color-brand-accent);font-size:30px;font-weight:800}.login-hero>p{margin-top:4px;color:var(--text-secondary);font-size:15px}.login-card{width:min(100%,448px);display:grid;grid-gap:18px;gap:18px;margin-top:32px;padding:32px;border:1px solid var(--border-color-strong);border-radius:var(--radius-dropdown);background:var(--bg-card);box-shadow:var(--shadow-1)}.local-login-submit,.microsoft-login-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:var(--radius-btn);background:var(--color-brand-primary);color:#ffffff;font-size:var(--text-body-size);font-weight:800;text-decoration:none;cursor:pointer;transition:all .15s var(--ease-standard)}.local-login-submit:hover,.microsoft-login-button:hover{filter:brightness(1.08);box-shadow:var(--shadow-2);color:#ffffff}.local-login-submit:active,.microsoft-login-button:active{transform:scale(.97);transition:transform 80ms ease}.local-login-submit:focus-visible,.microsoft-login-button:focus-visible{outline:3px solid var(--color-brand-secondary);outline-offset:2px}.local-login-submit:disabled{cursor:not-allowed;opacity:.55;filter:none}.microsoft-mark{width:18px;height:18px;display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px}.microsoft-mark span:first-child{background:#f25022}.microsoft-mark span:nth-child(2){background:#7fba00}.microsoft-mark span:nth-child(3){background:#00a4ef}.microsoft-mark span:nth-child(4){background:#ffb900}.login-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:10px;gap:10px;color:var(--text-muted);font-size:13px}.login-divider:after,.login-divider:before{content:"";height:1px;background:var(--border-color-strong)}.local-login-toggle{border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--text-body-size);text-decoration:underline;cursor:pointer}.local-login-form{display:grid;grid-gap:14px;gap:14px;text-align:left}.local-login-form label{display:grid;grid-gap:6px;gap:6px;color:var(--text-secondary);font-size:13px;font-weight:700}.local-login-form input{min-height:40px;border:1.5px solid var(--input-border);border-radius:var(--radius-input);background:var(--input-bg);padding:.5rem .75rem;color:var(--text-primary);font:inherit;font-size:var(--text-body-size);transition:border-color .15s var(--ease-standard),box-shadow .15s var(--ease-standard)}.local-login-form input::placeholder{color:var(--text-placeholder)}.local-login-form input:hover{border-color:color-mix(in srgb,var(--color-brand-accent) 50%,transparent)}.local-login-form input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand-primary) 20%,transparent)}.login-error{color:var(--color-danger-text);font-size:13px}@keyframes modal-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-surface)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}@media (max-width:760px){.app-frame{flex-direction:column;height:auto;overflow:visible}.sidebar{height:auto;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar,.sidebar-collapsed{width:100%;flex:0 0 auto}.sidebar-collapsed .sidebar-brand{justify-content:flex-start;min-height:56px;padding:12px 20px}[data-theme=dark] .sidebar{border-right:none;border-bottom:1px solid var(--border-color)}.sidebar-nav{overflow-x:auto}.nav-section,.sidebar-nav{flex-direction:row;gap:4px}.nav-section+.nav-section{margin-top:0;padding-top:0;border-top:none;padding-left:12px;border-left:1px solid rgba(255,255,255,.1)}.nav-section-label{display:none}.nav-link{white-space:nowrap;border-left:none;border-bottom:3px solid transparent}.nav-link.active{border-left-color:transparent!important;border-bottom-color:var(--color-brand-secondary)}.sidebar-collapsed .sidebar-nav{align-items:stretch;flex-direction:row;overflow-x:auto;padding:.75rem .5rem}.sidebar-collapsed .nav-section{align-items:stretch;flex-direction:row;width:auto}.sidebar-collapsed .nav-link{width:42px;height:42px;border-bottom:3px solid transparent}.sidebar-collapsed .nav-link.active:before,.sidebar-collapsed .sidebar-footer{display:none}.topbar{position:static;justify-content:flex-start;padding:12px 20px}.account-dropdown{right:0}.main-column,.main-surface{overflow:visible}.main-surface{padding:1.25rem}.brand-card{padding:18px}.brand-color-row,.brand-color-summary,.brand-image-row{grid-template-columns:1fr}.brand-image-preview,.brand-image-preview-wide{width:100%}.brand-color-hex{width:100%;text-align:left}.general-settings-card{padding:20px}.general-settings-row{grid-template-columns:1fr;gap:8px}.general-settings-control input:not([type=checkbox]),.general-settings-control select{max-width:none}}.xterm{cursor:text;position:relative;-moz-user-select:none;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#FFF;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm .xterm-cursor-pointer,.xterm.xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:transparent}.xterm .xterm-accessibility-tree{font-family:monospace;-webkit-user-select:text;-moz-user-select:text;user-select:text;white-space:pre}.xterm .xterm-accessibility-tree>div{transform-origin:left;width:-moz-fit-content;width:fit-content}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:double underline;text-decoration:double underline}.xterm-underline-3{-webkit-text-decoration:wavy underline;text-decoration:wavy underline}.xterm-underline-4{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.xterm-underline-5{-webkit-text-decoration:dashed underline;text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;background:rgba(0,0,0,0);transition:opacity .1s linear;z-index:11}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{position:absolute;display:none}.xterm .xterm-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:var(--vscode-scrollbar-shadow,#000) 0 6px 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset}