.sidebar{position:sticky;top:56px;height:calc(100vh - 56px);width:240px;display:flex;flex-direction:column;background:var(--sidebar-bg, var(--sidebar-end));box-shadow:inset -1px 0 0 0 var(--sidebar-sep);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.sidebar nav{padding:16px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.nav-item,.sidebar .nav-item,.app-sidenav .nav button,.kb-sidebar .nav button{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:600;color:#ffffffeb;text-decoration:none!important;transition:background .15s ease,color .15s ease;position:relative;min-height:44px;border:none!important;border-left:none!important;border-bottom:none!important;box-shadow:none!important}.nav-item:hover,.sidebar .nav-item:hover,.app-sidenav .nav button:hover,.kb-sidebar .nav button:hover{background:#ffffff24;color:#fff;text-decoration:none!important}.nav-item.active,.sidebar .nav-item.active,.app-sidenav .nav button[aria-current=page],.kb-sidebar .nav button[aria-current=page],.nav a[aria-current=page] button{background:#ffffff1f;color:#fff;border:none!important;box-shadow:none!important;text-decoration:none!important}.nav-item:before,.nav-item:after,.nav-item.active:before,.nav-item.active:after,.app-sidenav .nav button:before,.app-sidenav .nav button:after,.kb-sidebar .nav button:before,.kb-sidebar .nav button:after{display:none!important;content:none!important}.nav-item:focus-visible,.app-sidenav .nav button:focus-visible,.kb-sidebar .nav button:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px;box-shadow:none!important}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-item span{font-size:13px;font-weight:600;line-height:1.2}@media(max-width:1023px){.sidebar{width:80px}.nav-item{justify-content:center;padding:12px}.nav-item span{display:none}}.tab-menu{display:flex;gap:32px;border-bottom:1px solid var(--border);padding:0 16px;overflow-x:auto;scrollbar-width:none}.tab-menu::-webkit-scrollbar{display:none}.tab-item{display:inline-flex;align-items:center;height:48px;padding:0 8px;border-bottom:none;font-size:14px;font-weight:500;color:var(--fg-mute);text-decoration:none!important;transition:all .15s ease;white-space:nowrap;position:relative;min-height:44px}.tab-item:hover{color:var(--fg-2);background:#ffffff0a}.tab-item.active{color:var(--fg-1);font-weight:600;background:rgba(var(--accent-600-rgb, 37, 99, 235),.08)}.tab-item:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px;border-radius:4px}.tab-item[role=tab][aria-selected=true]{color:var(--fg-1);font-weight:600;background:rgba(var(--accent-600-rgb, 37, 99, 235),.08)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;color:var(--fg-mute);text-decoration:none;transition:all .15s ease;position:relative}.icon-btn:hover{background:var(--overlay);color:var(--fg-2)}.icon-btn:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px}.icon-btn svg{width:20px;height:20px}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;max-width:1400px;margin:0 auto;padding:24px}.settings-sidebar{position:sticky;top:80px;height:-moz-fit-content;height:fit-content}.settings-nav{display:flex;flex-direction:column;gap:4px}.settings-nav-item{display:block;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;color:var(--fg-mute);text-decoration:none;transition:all .15s ease;border:1px solid transparent}.settings-nav-item:hover{background:var(--overlay);color:var(--fg-2)}.settings-nav-item.active{background:rgba(var(--accent-600-rgb, 37, 99, 235),.1);color:var(--accent-600);font-weight:600;border-color:var(--accent-600)}.settings-content{max-width:1040px;overflow-y:auto}@media(max-width:768px){.settings-layout{grid-template-columns:1fr;gap:16px}.settings-sidebar{position:static}.settings-nav{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:8px}.settings-nav-item{white-space:nowrap}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.page-title{font-size:24px;font-weight:700;color:var(--fg-1);line-height:1.3;margin:0}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--fg-mute);margin-bottom:8px}.breadcrumb-item{color:var(--fg-mute);text-decoration:none;transition:color .15s ease}.breadcrumb-item:hover{color:var(--fg-2)}.breadcrumb-separator{color:var(--fg-mute);opacity:.5}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.overview{display:grid;gap:20px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;align-items:stretch}.kpi-card{background:var(--surface-1,#1a1f2e);border:1px solid var(--border,#334155);border-radius:6px;padding:16px 18px;box-shadow:none;display:grid;grid-template-rows:auto 1fr auto;min-height:120px}.kpi-grid .kpi-card:first-child{border-radius:8px;border-left-width:3px;border-left-color:var(--accent,#0d9488)}.kpi-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.kpi-icon{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.kpi-badge{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600}.kpi-body{min-width:0}.kpi-label,.kpi-title{font-weight:600;font-size:12px;color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-weight:700;font-size:28px;line-height:1.1;margin-top:6px;font-variant-numeric:tabular-nums;color:var(--text-primary,var(--text,#f1f5f9))}.kpi-number,.kpi-unit{color:inherit}.kpi-sub{color:var(--text-muted,#64748b);margin-top:4px;font-size:12px}.card-header{margin-bottom:var(--gap-md,16px)}.card-title{font-size:16px;font-weight:600;color:var(--text-primary,var(--text-strong,#f1f5f9));margin:0}.card-body{color:var(--text-primary,var(--text,#f1f5f9))}.content-card-wide{grid-column:1 / -1}@media(min-width:1024px){.content-card-wide{grid-column:span 2}}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.stack{display:grid;gap:16px}.panel{background:var(--surface-1,#1a1f2e);border:1px solid var(--border,#334155);border-radius:6px;padding:14px 16px;box-shadow:none}.panel-hd{font-weight:700;margin-bottom:10px}.activity{max-height:360px;overflow:auto}.activity-list{display:grid;gap:8px;padding:0;margin:0;list-style:none}.activity-list li{line-height:1.4}.activity-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;background:var(--bg-elevated,var(--surface-1,#1a1f2e));border:1px solid var(--border-default,var(--border,#334155));transition:background .15s}.activity-item:hover{background:var(--bg-secondary,var(--surface-2,#1e2535))}.activity-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;color:var(--text-muted,#64748b)}.activity-content{flex:1;min-width:0}.activity-title{font-weight:600;font-size:14px;color:var(--text-primary,var(--text,#f1f5f9));margin:0 0 2px}.activity-time{font-size:12px;color:var(--text-muted,#64748b);margin:0}.activity-badge{font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;flex-shrink:0;color:var(--text-primary)}.bar{display:grid;grid-template-columns:120px 1fr 44px;gap:10px;align-items:center;margin:10px 0}.bar-label{font-weight:700;color:var(--text-secondary,#94a3b8)}.bar-track{height:8px;border-radius:4px;background:var(--border,#334155);overflow:hidden}.bar-fill{height:100%;background:var(--accent,#0d9488)}.bar-val{text-align:right;font-variant-numeric:tabular-nums;color:var(--text,#f1f5f9)}.progress-list{display:grid;gap:16px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-name{font-weight:600;font-size:14px;color:var(--text-primary,var(--text,#f1f5f9))}.progress-percent{font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-muted,#64748b)}.progress-bar-container{height:8px;border-radius:4px;background:var(--border,#334155);overflow:hidden}.progress-bar{height:100%;border-radius:4px;transition:width .3s ease}.actions{display:grid;gap:10px}.actions .btn{display:inline-flex;align-items:center;justify-content:center;height:40px;border-radius:6px;border:1px solid var(--border,#334155);background:var(--surface-1,#1a1f2e);font-weight:600;cursor:pointer}.actions .btn:hover{background:var(--surface-2,#1e2535);border-color:var(--accent,#0d9488)}@media(max-width:1023.9px){.content-grid{grid-template-columns:1fr}}.profile-page{min-height:100vh;background-color:var(--bg-primary)}.profile-header{position:sticky;top:64px;z-index:40;background-color:var(--bg-elevated);border-bottom:1px solid var(--border-default);padding:16px 24px}.profile-header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto}.profile-header-left{flex:1}.profile-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.profile-subtitle{font-size:.875rem;color:var(--text-secondary);margin:4px 0 0}.profile-header-actions{display:flex;align-items:center;gap:8px}.profile-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s;cursor:pointer;border:1px solid var(--border-default)}.profile-btn:disabled{opacity:.6;cursor:not-allowed}.profile-btn-primary{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.profile-btn-primary:hover:not(:disabled){opacity:.9}.profile-btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary)}.profile-btn-secondary:hover:not(:disabled){background-color:var(--bg-primary)}.profile-btn-danger{background-color:var(--bg-secondary);color:#ef4444;border-color:#ef4444}.profile-btn-danger:hover:not(:disabled){background-color:#fee2e2}.profile-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background-color:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:50;min-width:120px}.profile-dropdown button{display:block;width:100%;padding:8px 16px;text-align:left;font-size:.875rem;color:var(--text-primary);background-color:transparent;border:none;cursor:pointer;transition:background-color .2s}.profile-dropdown button:hover{background-color:var(--bg-secondary)}.profile-content{display:flex;max-width:1400px;margin:0 auto;padding:24px;gap:32px}.profile-sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:4px}.profile-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background-color:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;text-align:left}.profile-nav-item:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.profile-nav-item.active{background-color:var(--bg-elevated);border-color:var(--accent-color);color:var(--text-primary);box-shadow:0 0 0 2px #6366f11a}.profile-nav-text{display:flex;flex-direction:column;gap:2px}.profile-nav-label{font-size:.875rem;font-weight:600}.profile-nav-desc{font-size:.75rem;color:var(--text-muted)}.profile-form-area{flex:1;max-width:860px;background-color:var(--bg-elevated);border:1px solid var(--border-default);border-radius:12px;padding:24px;box-shadow:var(--shadow-sm)}.field-row{margin-bottom:16px}@media(max-width:1024px){.profile-content{flex-direction:column;padding:16px;gap:16px}.profile-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding-bottom:8px}.profile-nav-item{flex-shrink:0;min-width:140px}.profile-form-area{max-width:none}}@media(max-width:640px){.profile-header{padding:12px 16px}.profile-header-inner{flex-direction:column;align-items:flex-start;gap:12px}.profile-header-actions{width:100%;justify-content:flex-end}.profile-btn span{display:none}.profile-content{padding:12px}.profile-form-area{padding:16px}}:root{--bg-primary: #FFFFFF;--bg-secondary: #F3F4F6;--bg-elevated: #FFFFFF;--bg-overlay: rgba(0, 0, 0, .75);--panel: #FFFFFF;--panel-2: #F9FAFB;--bg-muted: #F3F4F6;--border-hover: #D1D5DB;--text-primary: #1F2937;--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-mute: var(--text-muted);--text-on-solid-light: #FFFFFF;--text-on-solid-dark: #1F2937;--border-default: #E5E7EB;--border-muted: #F3F4F6;--border-emphasis: #D1D5DB;--header-bg: #0f172a;--sidebar-bg: #020617;--accent-color: #0d9488;--accent: var(--accent-color);--border: var(--border-default);--text: var(--text-primary);--surface-1: var(--bg-elevated);--surface-2: var(--bg-secondary);--accent-rgb: 13, 148, 136;--content-border: #334155;--focus-ring: var(--accent-color);--success: #10b981;--danger: #ef4444;--primary: #7c4dff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}html.dark{--bg-primary: #0B111A;--bg-secondary: #111827;--bg-elevated: #1F2937;--bg-overlay: rgba(0, 0, 0, .75);--panel: #1F2937;--panel-2: #111827;--bg-muted: #111827;--border-hover: rgba(255, 255, 255, .15);--text-primary: #E5E7EB;--text-secondary: #9CA3AF;--text-muted: #6B7280;--text-mute: var(--text-muted);--text-on-solid-light: #1F2937;--text-on-solid-dark: #FFFFFF;--border-default: rgba(255, 255, 255, .08);--border-muted: rgba(255, 255, 255, .05);--border-emphasis: rgba(255, 255, 255, .12);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--accent-rgb: 45, 212, 191;--accent: var(--accent-color);--success: #10b981;--danger: #ef4444;--primary: #7c4dff;--border: var(--border-default);--text: var(--text-primary);--surface-1: var(--bg-elevated);--surface-2: var(--bg-secondary)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-elevated{background-color:var(--bg-elevated)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.border-default{border-color:var(--border-default)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-emphasis);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.animate-fadeIn{animation:fadeIn var(--transition-base)}.animate-slideInRight{animation:slideInRight var(--transition-slow)}.animate-slideInUp{animation:slideInUp var(--transition-slow)}.animate-scaleIn{animation:scaleIn var(--transition-base)}.page-header{display:none}.page-title{font-size:var(--fs-24);font-weight:700;color:var(--text-strong);margin:0 0 var(--gap-xs) 0}.page-description{font-size:var(--fs-14);color:var(--text-mute);margin:0}.page-action-btn{width:100%;padding:var(--gap-md);background:var(--primary);color:var(--primary-fg);border:none;border-radius:var(--radius-lg);font-size:var(--fs-base);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--gap-lg)}.page-action-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.page-action-btn-danger{width:100%;padding:var(--gap-md);background:var(--danger);color:var(--primary-fg);border:none;border-radius:var(--radius-lg);font-size:var(--fs-base);font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--gap-lg)}.page-action-btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gap-lg);margin-bottom:var(--gap-xl)}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.content-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-lg);transition:all .2s}.content-card:hover{border-color:var(--border-hover);box-shadow:0 4px 12px #0000001a}.content-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gap-md);padding-bottom:var(--gap-md);border-bottom:1px solid var(--border)}.content-card-title{font-size:var(--fs-16);font-weight:600;color:var(--text-strong);margin:0}.content-card-body{color:var(--text)}.list-item{display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-md);border-radius:var(--radius-md);transition:all .2s;cursor:pointer}.list-item:hover{background:var(--bg-muted)}.list-item-icon{width:40px;height:40px;border-radius:var(--radius-md);display:grid;place-items:center;flex-shrink:0}.list-item-content{flex:1;min-width:0}.list-item-title{font-size:var(--fs-14);font-weight:600;color:var(--text-strong);margin:0 0 var(--gap-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-subtitle{font-size:var(--fs-12);color:var(--text-mute);margin:0}.list-item-badge{padding:var(--gap-xs) var(--gap-sm);border-radius:var(--radius-sm);font-size:var(--fs-12);font-weight:600;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:var(--gap-xs) var(--gap-sm);border-radius:var(--radius-sm);font-size:var(--fs-12);font-weight:600}.badge-primary{background:color-mix(in srgb,var(--theme-accent, var(--primary)) 15%,transparent);color:var(--theme-accent, var(--primary))}.badge-success{background:#10b98126;color:var(--success)}.badge-warning{background:#f59e0b26;color:var(--warning)}.badge-danger{background:#ef444426;color:var(--danger)}.badge-info{background:#3b82f626;color:#3b82f6}.progress-bar{width:100%;height:8px;background:var(--bg-muted);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--theme-accent, var(--accent));border-radius:var(--radius-full);transition:width .3s}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-lg)}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:grid;place-items:center;margin-bottom:var(--gap-md)}.stat-card-label{font-size:var(--fs-12);color:var(--text-mute);margin:0 0 var(--gap-xs) 0;text-transform:uppercase;letter-spacing:.5px}.stat-card-value{font-size:var(--fs-28);font-weight:700;color:var(--text-strong);margin:0 0 var(--gap-xs) 0}.stat-card-trend{display:flex;align-items:center;gap:var(--gap-xs);font-size:var(--fs-12);font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--gap-2xl);text-align:center}.empty-state-icon{font-size:48px;margin-bottom:var(--gap-md);opacity:.5}.empty-state-title{font-size:var(--fs-16);font-weight:600;color:var(--text-strong);margin:0 0 var(--gap-xs) 0}.empty-state-description{font-size:var(--fs-14);color:var(--text-mute);margin:0 0 var(--gap-lg) 0}.btn{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:var(--gap-sm) var(--gap-md);border-radius:var(--radius-md);font-size:var(--fs-14);font-weight:600;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn-primary{background:var(--theme-accent, var(--accent));color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--theme-accent, var(--accent)) 90%,#000)}.btn-secondary{background:var(--panel-2);color:var(--text-strong);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-muted)}@media(max-width:1600px){.card-grid-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:1200px){.card-grid-4,.card-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.card-grid,.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}.page-title{font-size:var(--fs-20)}}:root{--cyber-bg: #0f1419;--cyber-bg-elev: #1a1f2e;--cyber-bg-soft: #0c1116;--cyber-fg-1: #f1f5f9;--cyber-fg-2: #e2e8f0;--cyber-fg-3: #94a3b8;--cyber-fg-mute: #64748b;--cyber-border: #334155;--cyber-border-weak: rgba(255, 255, 255, .08);--cyber-accent: #0d9488;--cyber-accent-hover: #0f766e;--cyber-accent-rgb: 13, 148, 136;--cyber-danger: #dc2626;--cyber-warn: #f59e0b;--cyber-ok: #16a34a;--cyber-space-xs: 4px;--cyber-space-sm: 8px;--cyber-space-md: 16px;--cyber-space-lg: 24px;--cyber-space-xl: 32px;--cyber-space-2xl: 48px;--cyber-radius-sm: 2px;--cyber-radius-md: 4px;--cyber-radius-lg: 6px;--cyber-radius-xl: 8px;--cyber-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--cyber-shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--cyber-shadow-lg: 0 10px 28px rgba(0, 0, 0, .3);--cyber-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans JP", sans-serif;--cyber-font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", monospace;--cyber-fs-12: 12px;--cyber-fs-13: 13px;--cyber-fs-14: 14px;--cyber-fs-16: 16px;--cyber-fs-18: 18px;--cyber-fs-24: 24px;--cyber-border-width: 1px;--sidebar-bg: var(--cyber-bg-soft);--sidebar-start: var(--cyber-bg-soft);--sidebar-end: var(--cyber-bg);--sidebar-sep: var(--cyber-border-weak);--accent-600: var(--cyber-accent);--accent-500: var(--cyber-accent-hover);--accent-600-rgb: var(--cyber-accent-rgb)}body,.dashboard-shell,[class*=dashboard-shell],[class*=grid-shell]{background:var(--cyber-bg)!important;background-image:none!important}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:-1}:focus-visible{outline:2px solid var(--cyber-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cyber-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--cyber-space-sm, 8px);padding:10px 16px;font-size:var(--cyber-fs-14, 14px);font-weight:600;border-radius:var(--cyber-radius-lg, 6px);border:1px solid transparent;cursor:pointer;text-decoration:none!important;transition:background .15s ease,color .15s ease;min-height:44px;background:var(--cyber-bg-elev);color:var(--cyber-fg-1)}.cyber-btn:hover,.btn:hover{background:#ffffff1f;text-decoration:none!important}.cyber-btn:focus-visible,.btn:focus-visible{outline:2px solid var(--cyber-accent);outline-offset:2px}.cyber-btn-primary,.btn-primary{background:var(--cyber-accent);color:#fff;border:none}.cyber-btn-primary:hover,.btn-primary:hover{background:var(--cyber-accent-hover);text-decoration:none!important}.cyber-btn-secondary,.btn-secondary{background:transparent;color:var(--cyber-fg-2);border:1px solid var(--cyber-border)}.cyber-btn-secondary:hover,.btn-secondary:hover{background:#ffffff14;text-decoration:none!important}.cyber-btn,.btn,button{box-shadow:none!important}button:focus,button:focus-visible{outline:2px solid var(--cyber-accent);outline-offset:2px}.cyber-card,.card{background:var(--cyber-bg-elev);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-lg, 6px);padding:var(--cyber-space-lg, 24px);text-decoration:none!important}.cyber-card:hover,.card:hover{text-decoration:none!important}.cyber-card-header,.card-header{padding-bottom:var(--cyber-space-md, 16px);margin-bottom:var(--cyber-space-md, 16px);border-bottom:1px solid var(--cyber-border)}.cyber-input,.form-input,input,textarea,select{padding:10px 12px;font-size:var(--cyber-fs-14, 14px);color:var(--cyber-fg-1);background:var(--cyber-bg);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md, 4px);text-decoration:none!important}.cyber-input:focus,.form-input:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--cyber-accent);outline-offset:0;border-color:var(--cyber-accent)}.form-label-required:after{content:" *";color:var(--cyber-danger)}.cyber-nav-item,.nav-item,.sidebar .nav-item,.app-sidenav .nav button,.kb-sidebar .nav button,.sidenav-item{border:none!important;border-left:none!important;border-right:none!important;border-top:none!important;border-bottom:none!important;text-decoration:none!important;box-shadow:none!important}.cyber-nav-item:hover,.nav-item:hover,.sidebar .nav-item:hover,.app-sidenav .nav button:hover,.kb-sidebar .nav button:hover,.cyber-nav-item.active,.nav-item.active,.sidebar .nav-item.active,.app-sidenav .nav button[aria-current=page],.kb-sidebar .nav button[aria-current=page]{background:#ffffff1f;border:none!important;border-bottom:none!important;text-decoration:none!important}.cyber-nav-item:before,.cyber-nav-item:after,.nav-item:before,.nav-item:after,.sidebar .nav-item:before,.sidebar .nav-item:after,.app-sidenav .nav button:before,.app-sidenav .nav button:after,.kb-sidebar .nav button:before,.kb-sidebar .nav button:after{display:none!important;content:none!important}.cyber-nav-item:focus-visible,.nav-item:focus-visible,.app-sidenav .nav button:focus,.app-sidenav .nav button:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px;box-shadow:none!important;border:none!important}.nav a,.app-sidenav a{text-decoration:none!important}.nav a:before,.nav a:after,.app-sidenav a:before,.app-sidenav a:after{display:none!important;content:none!important}.tab-item,.tab{text-decoration:none!important;border-bottom:none!important}.tab-item.active,.tab.active{background:rgba(var(--cyber-accent-rgb, 13, 148, 136),.1);border-bottom:none!important}.cyber-modal,.modal{background:var(--cyber-bg-elev);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-xl, 8px)}.cyber-modal-header,.modal-header{padding:var(--cyber-space-lg, 24px)}.cyber-table,.table{width:100%;border-collapse:collapse}.cyber-table th,.cyber-table td,.table th,.table td{padding:12px 16px;text-align:left}.cyber-table thead,.table thead{border-bottom:1px solid var(--cyber-border)}.cyber-table tbody tr,.table tbody tr{border-bottom:1px solid var(--cyber-border-weak)}.nav a,.app-sidenav a,.sidebar a,.cyber-nav-item,.nav a:hover,.app-sidenav a:hover,.sidebar a:hover{text-decoration:none!important}:root{--ring: 0 0 0 3px rgba(var(--accent-rgb, 13, 148, 136), .35);--ring-offset: 2px;--surface: rgba(255, 255, 255, .04)}html.dark{--ring: 0 0 0 3px rgba(var(--accent-rgb, 45, 212, 191), .35)}:focus{outline:none}:focus-visible{box-shadow:var(--ring);outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{box-shadow:var(--ring)}.sticky-bar,.sticky-section-header{position:sticky;top:12px;z-index:30;background:#fffc;border:1px solid var(--border-default, #e5e7eb);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;color:var(--text-primary)}html.dark .sticky-bar,html.dark .sticky-section-header{background:#020617d9;border-color:#ffffff14;color:var(--text-primary)}.scroll-snap-x{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.scroll-snap-x>*{scroll-snap-align:start;scroll-snap-stop:always}.scroll-snap-y{overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.scroll-snap-y>*{scroll-snap-align:start}.skeleton,[data-skeleton]{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite;border-radius:12px}html.dark .skeleton,html.dark [data-skeleton]{background:linear-gradient(90deg,#ffffff08,#ffffff0f,#ffffff08);background-size:200% 100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.notice,[data-notice]{border-left:3px solid rgba(var(--accent-rgb, 13, 148, 136),.8);background:#ffffff08;border-radius:0 12px 12px 0;padding:10px 12px}html.dark .notice,html.dark [data-notice]{background:#ffffff05}.notice-warn{border-left-color:#f59e0bcc}.notice-error{border-left-color:#dc2626cc}.kpi,[data-kpi],.kpi-card .value,.stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em}pre,code,[data-code]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-rendering:optimizeLegibility}.kpi,[data-kpi],.metric,[data-metric]{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto!important}.scroll-snap-x,.scroll-snap-y{scroll-behavior:auto}.skeleton,[data-skeleton]{animation:none;background:#ffffff0f}html.dark .skeleton,html.dark [data-skeleton]{background:#ffffff0a}}.stream-fade-in{animation:stream-fade .3s ease-out}@keyframes stream-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.diff-add,[data-diff=add]{border-left:3px solid rgba(34,197,94,.6);background:#22c55e0f}.diff-remove,[data-diff=remove]{border-left:3px solid rgba(239,68,68,.6);background:#ef44440f}.diff-change,[data-diff=change]{border-left:3px solid rgba(245,158,11,.6);background:#f59e0b0f}:root{--surface-0: #0b0f1a;--surface-1: #10182a;--surface-2: #141f36;--border-1: rgba(255,255,255,.1);--border-2: rgba(255,255,255,.16);--shadow-1: 0 10px 30px rgba(0,0,0,.35)}*{backdrop-filter:none!important}.card,.panel,.kb-card,.idea-card,[class*=card],[class*=panel]{background:var(--surface-1)!important;border:1px solid var(--border-1)!important;box-shadow:var(--shadow-1)!important}[class*=gradient],[style*=linear-gradient],[class*=glow]{background-image:none!important;box-shadow:none!important;text-shadow:none!important}a,button{text-decoration:none!important;text-decoration-thickness:initial!important}.sidebar a,.sidebar button,.nav-item,.tab-item{border-bottom:none!important;text-decoration:none!important}.nav-item:before,.nav-item:after,.tab-item:before,.tab-item:after{content:none!important;display:none!important}input,textarea,select,[role=textbox]{background:var(--surface-0)!important;border:1px solid var(--border-1)!important;box-shadow:none!important;outline:none!important}input:focus-visible,textarea:focus-visible,select:focus-visible,[role=textbox]:focus-visible{border-color:#788cff8c!important;box-shadow:0 0 0 3px #788cff33!important}:root{--bg: #0a0e1a;--surface: #0f1420;--surface-elev: #161b28;--surface-2: #1d2433;--border: #2a3447;--border-subtle: #1f2837;--text: #e8ecf4;--text-strong: #f4f6fa;--text-muted: #9ca3b8;--text-weak: #6b7280;--primary: #7c4dff;--primary-hover: #6a3de8;--primary-fg: #ffffff;--success: #10b981;--success-hover: #059669;--warn: #f59e0b;--danger: #ef4444;--neon: #00ffff;--neon-2: #ff00ff;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .18);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .22);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .28);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .35);--gap-xs: 4px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 16px;--gap-xl: 24px;--gap-2xl: 32px;--gap-3xl: 48px;--z-base: 1;--z-sidebar: 40;--z-header: 50;--z-overlay: 60;--z-popover: 70;--z-modal: 80;--z-toast: 100;--font-sans: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Monaco", "Cascadia Code", "Consolas", monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 20px;--fs-3xl: 24px;--fs-4xl: 32px;--fs-5xl: 48px;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.25;--lh-snug: 1.375;--lh-normal: 1.5;--lh-relaxed: 1.625;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .2s ease;--transition-slower: .3s ease;--sidebar-width: 248px;--header-height: 56px;--tab-height: 48px;--content-max-width: 1200px;--page-pad-sp: 12px;--page-pad-tab: 20px;--page-pad-pc: 28px;--section-gap: var(--gap-xl);--card-pad: var(--gap-xl);--btn-h-sm: 32px;--btn-h-md: 36px;--btn-h-lg: 44px;--btn-px-sm: 12px;--btn-px-md: 16px;--btn-px-lg: 24px;--chip-h: 28px;--chip-px: 12px;--ring: 0 0 0 3px rgba(124, 77, 255, .4);--ring-success: 0 0 0 3px rgba(16, 185, 129, .4);--ring-danger: 0 0 0 3px rgba(239, 68, 68, .4)}:root[data-theme=light]{--bg: #f8fafc;--surface: #ffffff;--surface-elev: #ffffff;--surface-2: #f1f5f9;--border: #e2e8f0;--border-subtle: #f1f5f9;--text: #0f172a;--text-strong: #020617;--text-muted: #64748b;--text-weak: #94a3b8;--primary: #6366f1;--primary-hover: #4f46e5;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .18);--shadow-2xl: 0 24px 64px rgba(0, 0, 0, .22);--ring: 0 0 0 3px rgba(99, 102, 241, .3)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.u-surface{background:var(--surface);border:1px solid var(--border)}.u-surface-elev{background:var(--surface-elev);border:1px solid var(--border)}.u-card{background:var(--surface-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--gap-xl);transition:all var(--transition-base)}.u-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.u-ring{outline:none;box-shadow:var(--ring)}.u-focus-ring:focus-visible{outline:none;box-shadow:var(--ring)}.grid-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) auto 1fr;grid-template-areas:"sidebar header" "sidebar tabs" "sidebar main";min-height:100vh;background:var(--bg)}@media(max-width:1024px){.grid-shell{grid-template-columns:1fr;grid-template-areas:"header" "tabs" "main"}}.header{position:sticky;top:0;z-index:var(--z-header, 100);width:100%;height:var(--header-height, 56px);display:flex;align-items:center;background:var(--header-bg, var(--cyber-bg-elev, #1a1f2e));border-bottom:1px solid var(--cyber-border, rgba(255, 255, 255, .08));box-shadow:0 1px 3px #0003}.header-indicator{display:none}.header-container{display:flex;align-items:center;width:100%;padding:0 var(--gap-lg, 16px);gap:var(--gap-md, 12px)}.header-spacer{flex:1;min-width:16px}.header-rail{display:flex;align-items:center;gap:var(--gap-md, 12px);flex-shrink:0}.header-search{display:flex;align-items:center;gap:8px;height:36px;min-width:200px;max-width:320px;padding:0 12px;background:var(--bg-elevated, rgba(255, 255, 255, .06));border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:8px;color:var(--text-primary, #f1f5f9)}.header-search-icon{flex-shrink:0;color:var(--text-muted, #94a3b8);width:18px;height:18px}.header-search-input{flex:1;min-width:0;height:100%;border:none;background:transparent;color:inherit;font-size:13px;outline:none}.header-search-input::-moz-placeholder{color:var(--text-muted, #64748b)}.header-search-input::placeholder{color:var(--text-muted, #64748b)}.header-action{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:8px;color:var(--text-primary, #f1f5f9);cursor:pointer;transition:background .15s,color .15s}.header-action:hover{background:#ffffff1a}.header-logo-link{display:flex;align-items:center;gap:8px;text-decoration:none;opacity:1;transition:opacity .15s}.header-logo-link:hover{opacity:.85}.header-logo-img{height:28px;width:auto}.header-ctas{display:flex;align-items:center;gap:8px}.header-cta-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--cyber-accent, #0d9488);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.header-cta-btn:hover{background:var(--cyber-accent-hover, #0f766e);opacity:.95}.header-cta-icon{font-size:16px;line-height:1}.header-cta-text--short{display:none}@media(max-width:768px){.header-cta-text--long{display:none}.header-cta-text--short{display:inline}}@media(max-width:1024px){.header-ctas-wrap{display:none}}@media(max-width:640px){.header-action-desktop{display:none}}.app-header-v2{grid-area:header;position:sticky;top:0;z-index:var(--z-header);display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--gap-lg);background:linear-gradient(135deg,var(--c-gradient-from, var(--theme-base, #4F46E5)) 0%,var(--c-gradient-to, var(--theme-base, #6366F1)) 100%);border-bottom:1px solid color-mix(in srgb,var(--c-gradient-from, var(--theme-base, #4F46E5)) 80%,transparent);box-shadow:var(--shadow-sm)}.header-left{display:flex;align-items:center;gap:var(--gap-lg);min-width:200px}.header-logo{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:#fff;margin:0;letter-spacing:-.02em}.header-center{flex:1;display:flex;justify-content:center;padding:0 var(--gap-2xl);max-width:800px}.search-bar{position:relative;width:100%;max-width:640px;height:40px;display:flex;align-items:center;gap:var(--gap-md);padding:0 var(--gap-lg);background:var(--surface-elev);border:1px solid var(--border);border-radius:var(--radius-full);transition:all var(--transition-base)}.search-bar:focus-within{border-color:var(--primary);box-shadow:var(--ring)}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{flex:1;height:100%;border:none;background:transparent;color:var(--text);font-size:var(--fs-base);font-family:var(--font-sans);outline:none}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.search-kbd{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--gap-sm);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-muted);font-family:var(--font-mono)}.header-right{display:flex;align-items:center;gap:var(--gap-sm);min-width:200px;justify-content:flex-end}.action-btn{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);min-width:40px;min-height:40px;padding:0 var(--gap-md);background:transparent;border:1px solid transparent;border-radius:var(--radius-full);color:var(--text);font-size:var(--fs-base);font-weight:var(--fw-semibold);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);position:relative}.action-btn:hover{background:var(--surface-elev);border-color:var(--border)}.action-btn:focus-visible{outline:none;box-shadow:var(--ring)}.action-btn:active{transform:scale(.98)}.action-btn-stem{background:var(--primary);color:var(--primary-fg);border-color:var(--primary);padding:0 var(--gap-lg)}.action-btn-stem:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.action-btn-ai{background:var(--success);color:var(--primary-fg);border-color:var(--success);padding:0 var(--gap-lg)}.action-btn-ai:hover{background:var(--success-hover);border-color:var(--success-hover)}.action-btn-icon{width:40px;height:40px;padding:0}.action-btn-user{background:var(--surface-elev);border-color:var(--border)}.notification-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;background:var(--danger);border:2px solid var(--surface);border-radius:var(--radius-full);font-size:10px;font-weight:var(--fw-bold);color:#fff;line-height:1}.btn-icon{font-size:18px;line-height:1}.btn-label{font-size:var(--fs-base);font-weight:var(--fw-semibold);line-height:1}@media(max-width:1024px){.header-center{display:none}.header-left,.header-right{min-width:auto}}@media(max-width:768px){.app-header-v2{padding:0 var(--gap-md)}.action-btn-stem .btn-label,.action-btn-ai .btn-label{display:none}.action-btn-stem,.action-btn-ai{width:40px;padding:0}}.app-sidenav-v2{grid-area:sidebar;position:sticky;top:0;height:100vh;width:var(--sidebar-width);background:var(--c-sidenav-bg, var(--theme-sub, var(--surface)));border-right:1px solid color-mix(in srgb,var(--c-sidenav-bg, var(--theme-sub, #4F46E5)) 60%,transparent);overflow-y:auto;overflow-x:hidden;z-index:var(--z-sidebar)}.sidenav-nav{padding:var(--gap-lg) var(--gap-md)}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-xs)}.nav-section-label{padding:var(--gap-lg) var(--gap-lg) var(--gap-sm) var(--gap-lg);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;line-height:var(--lh-tight)}.nav-section-label:not(:first-child){margin-top:var(--gap-lg)}.nav-link{display:flex;align-items:center;gap:var(--gap-md);height:48px;padding:0 var(--gap-lg);background:transparent;border:none;border-radius:var(--radius-md);border-left:3px solid transparent;color:#ffffffd9;font-size:var(--fs-md);font-weight:var(--fw-semibold);text-decoration:none;line-height:var(--lh-tight);cursor:pointer;transition:all var(--transition-base);position:relative}.nav-link:hover{background:#ffffff0d}.nav-link:focus-visible{outline:none;box-shadow:var(--ring)}.nav-link-active{background:color-mix(in srgb,var(--c-accent, var(--theme-accent, white)) 16%,transparent);color:#fff;border-left-color:var(--c-accent, var(--theme-accent, var(--primary)));padding-left:calc(var(--gap-lg) - 3px)}.nav-link-active:hover{background:color-mix(in srgb,var(--c-accent, var(--theme-accent, white)) 20%,transparent)}.nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:currentColor}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidenav-v2::-webkit-scrollbar{width:6px}.app-sidenav-v2::-webkit-scrollbar-track{background:transparent}.app-sidenav-v2::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.app-sidenav-v2::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:1024px){.app-sidenav-v2{display:none}}.app-tabs-v2{grid-area:tabs;position:sticky;top:var(--header-height);z-index:calc(var(--z-header) - 1);background:var(--surface);border-bottom:1px solid var(--border);height:var(--tab-height)}.tabs-nav{height:100%;padding:0 var(--gap-lg)}.tabs-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--gap-xs);height:100%}.tab-item{display:flex;align-items:center;justify-content:center;height:calc(100% - 8px);padding:0 var(--gap-lg);margin-top:4px;background:transparent;border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text);font-size:var(--fs-base);font-weight:var(--fw-semibold);text-decoration:none;line-height:var(--lh-tight);white-space:nowrap;cursor:pointer;transition:all var(--transition-base);position:relative}.tab-item:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--theme-accent, var(--primary));border-radius:var(--radius-full);transition:width var(--transition-base)}.tab-item:hover{background:#ffffff0d}.tab-item:focus-visible{outline:none;box-shadow:var(--ring)}.tab-item-active{background:color-mix(in srgb,var(--theme-accent, var(--primary)) 15%,transparent);color:var(--theme-accent, var(--primary))}.tab-item-active:after{width:32px}.tab-item-active:hover{background:color-mix(in srgb,var(--theme-accent, var(--primary)) 20%,transparent)}@media(max-width:768px){.tabs-nav{padding:0 var(--gap-md)}.tabs-list{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.tabs-list::-webkit-scrollbar{display:none}.tab-item{padding:0 var(--gap-md)}}.app-main-v2{max-width:var(--content-max-width);margin:0 auto;padding:var(--page-pad-pc);height:100%;overflow-y:auto;@media(max-width:1024px){padding:var(--page-pad-tab)}@media(max-width:640px){padding:var(--page-pad-sp)}}.app-main-v2[data-layout=full]{max-width:none;margin:0}.stem-chat,.ai-chat{display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);z-index:var(--z-popover)}.stem-chat-dock,.ai-chat-dock{position:fixed;top:var(--header-height);right:0;bottom:0;width:420px;max-width:100vw;box-shadow:var(--shadow-xl)}.stem-chat-full,.ai-chat-full{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:95vw;max-width:1200px;height:85vh;border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl)}.chat-header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--gap-lg);background:var(--surface-elev);border-bottom:1px solid var(--border);flex-shrink:0}.chat-header-left,.chat-header-right{display:flex;align-items:center;gap:var(--gap-md)}.chat-icon{font-size:24px;line-height:1}.chat-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-strong);margin:0}.chat-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base)}.chat-btn:hover{background:var(--surface-2);color:var(--text)}.chat-btn:focus-visible{outline:none;box-shadow:var(--ring)}.chat-quick-actions{display:flex;gap:var(--gap-sm);padding:var(--gap-lg);background:var(--surface);border-bottom:1px solid var(--border-subtle);overflow-x:auto;flex-shrink:0}.chat-quick-actions::-webkit-scrollbar{display:none}.quick-action-chip{display:flex;align-items:center;gap:var(--gap-sm);height:36px;padding:0 var(--gap-lg);background:var(--surface-elev);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-size:var(--fs-base);font-weight:var(--fw-semibold);white-space:nowrap;cursor:pointer;transition:all var(--transition-base)}.quick-action-chip:hover{background:var(--surface-2);border-color:var(--primary);color:var(--primary)}.quick-action-chip:focus-visible{outline:none;box-shadow:var(--ring)}.chip-icon{font-size:16px;line-height:1}.chip-label{font-size:var(--fs-base);line-height:1}.chat-messages{flex:1;overflow-y:auto;padding:var(--gap-xl);display:flex;flex-direction:column;gap:var(--gap-lg);background:var(--bg)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.chat-message{display:flex;gap:var(--gap-md);max-width:68%}.chat-message-user{align-self:flex-end;flex-direction:row-reverse}.chat-message-stem,.chat-message-ai{align-self:flex-start}.message-bubble{display:flex;flex-direction:column;gap:var(--gap-xs);padding:var(--gap-md) var(--gap-lg);border-radius:var(--radius-lg);font-size:var(--fs-md);line-height:var(--lh-relaxed)}.chat-message-user .message-bubble{background:var(--primary);color:var(--primary-fg);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-xs) var(--radius-lg)}.chat-message-stem .message-bubble{background:var(--surface-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-xs)}.chat-message-ai .message-bubble{background:var(--success);background:linear-gradient(135deg,#10b98126,#10b9810d);color:var(--text);border:1px solid var(--success);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-xs)}.message-content{word-wrap:break-word;overflow-wrap:break-word}.message-meta{display:flex;align-items:center;gap:var(--gap-sm);font-size:var(--fs-xs);color:var(--text-weak)}.chat-message-user .message-meta{justify-content:flex-end;color:#ffffffb3}.chat-composer{display:flex;align-items:center;gap:var(--gap-md);height:64px;padding:0 var(--gap-lg);background:var(--surface-elev);border-top:1px solid var(--border);flex-shrink:0}.composer-input{flex:1;height:40px;padding:0 var(--gap-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-size:var(--fs-base);font-family:var(--font-sans);transition:all var(--transition-base)}.composer-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.composer-input::-moz-placeholder{color:var(--text-muted)}.composer-input::placeholder{color:var(--text-muted)}.composer-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.composer-btn:hover{background:var(--surface-2);color:var(--text)}.composer-btn:focus-visible{outline:none;box-shadow:var(--ring)}.composer-btn:disabled{opacity:.5;cursor:not-allowed}.composer-btn-send{background:var(--primary);color:var(--primary-fg)}.composer-btn-send:hover:not(:disabled){background:var(--primary-hover)}.composer-btn-send:disabled{background:var(--surface-2);color:var(--text-weak)}@media(max-width:768px){.stem-chat-dock,.ai-chat-dock{width:100vw}.stem-chat-full,.ai-chat-full{width:100vw;height:100vh;border-radius:0}.chat-messages{padding:var(--gap-lg)}.chat-message{max-width:85%}}