.glass-page,[data-theme=dark] .glass-page{background:var(--bg-app)}.glass-card{background:var(--bg-panel);border:1px solid var(--border-subtle);transition:all var(--duration-normal) var(--ease-spring);border-radius:12px;box-shadow:0 1px 2px #0000000a}.glass-card:hover{background:var(--bg-hover);border-color:var(--border-light);transform:translateY(-1px);box-shadow:0 2px 6px #0000000d}.glass-card:active{transition-duration:var(--duration-micro);transform:translateY(0)}[data-theme=dark] .glass-card{background:var(--bg-panel);border-color:var(--border-subtle);box-shadow:0 1px 2px #0000002e}[data-theme=dark] .glass-card:hover{background:var(--bg-hover);border-color:var(--border-light)}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #0000000a}[data-theme=dark] .glass-panel{background:var(--bg-panel);border-color:var(--border-subtle);box-shadow:0 1px 2px #0000002e}.glass-header{background:var(--bg-panel);border-bottom:1px solid var(--border-subtle)}[data-theme=dark] .glass-header{background:var(--bg-panel);border-bottom-color:var(--border-subtle)}.glass-footer{background:var(--bg-panel);border-top:1px solid var(--border-subtle)}[data-theme=dark] .glass-footer{background:var(--bg-panel);border-top-color:var(--border-subtle)}.glass-input-group{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:8px;padding:4px}[data-theme=dark] .glass-input-group{background:var(--bg-app)}.glass-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:500}.glass-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.glass-tab.active{color:var(--text-primary);background:var(--bg-selected);box-shadow:0 1px 2px #0000000a}[data-theme=dark] .glass-tab.active{background:var(--bg-selected);box-shadow:0 1px 2px #0000002e}.glass-list-item{border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast)}.glass-list-item:last-child{border-bottom:none}.glass-list-item:hover{background:var(--bg-hover)}.glass-icon{background:var(--bg-hover);border-radius:8px;justify-content:center;align-items:center;display:flex}.glass-progress-track{background:var(--bg-hover);border-radius:3px;height:6px;overflow:hidden}.glass-btn{background:var(--bg-panel);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500}.glass-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.glass-divider{background:var(--border-subtle);border:none;height:1px;margin:16px 0}.glass-popover{background:color-mix(in oklab, var(--bg-app) 78%, transparent);-webkit-backdrop-filter:blur(24px)saturate(170%)brightness(1.03);border:1px solid #ffebd22e;border-radius:12px;box-shadow:inset 0 1px #ffebd238,inset 0 -1px #3c1e0f0d,0 8px 28px #28140a1a,0 2px 6px #28140a0f}[data-theme=dark] .glass-popover{background:color-mix(in oklab, var(--bg-panel) 70%, transparent);-webkit-backdrop-filter:blur(24px)saturate(180%)brightness(1.08);border-color:#ffdcc314;box-shadow:inset 0 1px #ffdcc31a,inset 0 -1px #0000002e,0 12px 36px #00000073,0 4px 12px #0000004d}.glass-palette{background:color-mix(in oklab, var(--bg-app) 72%, transparent);-webkit-backdrop-filter:blur(50px)saturate(180%)brightness(1.04);border:1px solid #ffebd233;border-radius:16px;box-shadow:inset 0 1px #ffebd23d,inset 0 -1px #3c1e0f0f,0 24px 64px #28140a29,0 8px 20px #28140a1a}[data-theme=dark] .glass-palette{background:color-mix(in oklab, var(--bg-panel) 64%, transparent);-webkit-backdrop-filter:blur(50px)saturate(190%)brightness(1.1);border-color:#ffdcc31a;box-shadow:inset 0 1px #ffdcc31f,inset 0 -1px #00000038,0 32px 80px #0000008c,0 12px 28px #0006}.glass-toast{background:color-mix(in oklab, var(--bg-panel) 88%, transparent);-webkit-backdrop-filter:blur(20px)saturate(150%);border:1px solid #ffebd22e;border-radius:10px;box-shadow:inset 0 1px #ffebd22e,0 8px 24px #28140a1f,0 2px 4px #28140a0f}[data-theme=dark] .glass-toast{background:color-mix(in oklab, var(--bg-panel) 86%, transparent);-webkit-backdrop-filter:blur(20px)saturate(170%);border-color:#ffdcc31a;box-shadow:inset 0 1px #ffdcc31a,0 12px 32px #00000073,0 4px 8px #00000040}.glass-sheet{background:color-mix(in oklab, var(--bg-app) 82%, transparent);-webkit-backdrop-filter:blur(40px)saturate(170%)brightness(1.02);border:1px solid #ffebd22e;border-radius:18px;box-shadow:inset 0 1px #ffebd238,inset 0 -1px #3c1e0f0d,0 32px 80px #28140a2e,0 12px 28px #28140a1a}[data-theme=dark] .glass-sheet{background:color-mix(in oklab, var(--bg-panel) 70%, transparent);-webkit-backdrop-filter:blur(40px)saturate(185%)brightness(1.06);border-color:#ffdcc31a;box-shadow:inset 0 1px #ffdcc31a,inset 0 -1px #0003,0 40px 88px #0000008c,0 16px 32px #00000059}.glass-orb{background:color-mix(in oklab, var(--bg-app) 70%, transparent);-webkit-backdrop-filter:blur(44px)saturate(180%)brightness(1.04);border:1px solid #ad555d24;border-radius:18px;box-shadow:inset 0 1px #ffebd242,inset 0 -1px #3c1e0f0f,0 0 0 1px #ad555d0a,0 24px 64px #28140a24,0 8px 20px #28140a1a}[data-theme=dark] .glass-orb{background:color-mix(in oklab, var(--bg-panel) 60%, transparent);-webkit-backdrop-filter:blur(44px)saturate(195%)brightness(1.1);border-color:#ad555d33;box-shadow:inset 0 1px #ffdcc31f,inset 0 -1px #00000038,0 0 0 1px #ad555d0f,0 32px 72px #0000008c,0 12px 24px #00000059}.glass-input{-webkit-backdrop-filter:blur(8px);transition:all var(--duration-normal) var(--ease-spring);background:#ffffff80;border:1px solid #ffffff4d}.glass-input:focus{border-color:var(--border-focus);background:#ffffffb3;box-shadow:0 0 0 3px #ad555d14}[data-theme=dark] .glass-input{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .glass-input:focus{border-color:var(--border-focus);background:#ffffff14}.glass-overlay{-webkit-backdrop-filter:blur(12px);background:#0000004d}[data-theme=dark] .glass-overlay{background:#00000080}.app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.split-pane-layout{background:var(--bg-app);flex:1;height:100%;display:flex;overflow:hidden}.panel{background:var(--bg-panel);border-right:1px solid var(--border-subtle);flex-direction:column;height:100%;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-panel);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.panel-title{color:var(--text-primary);font-size:14px;font-weight:600}.panel-content{flex:1;padding:16px;overflow-y:auto}.panel-content-lg{flex:1;padding:24px;overflow-y:auto}.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-2{gap:8px}.gap-4{gap:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mt-2{margin-top:8px}.text-xs{font-size:12px}.text-sm{font-size:14px}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-muted{color:var(--text-secondary)}.uppercase{text-transform:uppercase}.simpler-logo{width:32px;height:32px;transition:transform .3s var(--ease-spring);display:block}.simpler-logo:hover{transform:scale(1.1)rotate(-5deg)}.btn-tech{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-panel);color:var(--text-primary);cursor:pointer;transition:all .2s var(--ease-spring);font-size:13px;font-weight:500;font-family:var(--font-sans);justify-content:center;align-items:center;padding:6px 12px;display:inline-flex}.btn-tech:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn-tech.active{background:var(--bg-selected);color:var(--text-link);border-color:var(--text-link)}.input-tech{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-panel);width:100%;color:var(--text-primary);font-size:16px;font-family:var(--font-sans);outline:none;padding:8px 12px;transition:border-color .2s}.input-tech:focus{border-color:var(--border-focus);background:var(--bg-app);box-shadow:0 0 0 3px #ad555d14}[data-theme=dark] .input-tech:focus{background:var(--bg-hover);box-shadow:0 0 0 3px #ad555d26}.btn-primary{background:var(--brand-primary);color:#fff;border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-normal) var(--ease-spring);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--brand-coral-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ad555d4d}.btn-primary:active{box-shadow:none;transform:translateY(0)}.btn-primary:disabled{background:var(--border-light);cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-normal) var(--ease-spring);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn-secondary:active{background:var(--bg-app)}.btn-secondary:disabled{background:var(--bg-hover);color:var(--text-tertiary);border-color:var(--border-subtle);cursor:not-allowed}.btn-dark{background:var(--text-primary);color:var(--bg-panel);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-normal) var(--ease-spring);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-dark:hover{background:var(--text-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-dark:active{box-shadow:none;transform:translateY(0)}.btn-dark:disabled{background:var(--border-strong);cursor:not-allowed;box-shadow:none;transform:none}.btn-icon{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-panel);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-spring);justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-primary)}.btn-icon:active{background:var(--bg-app)}.btn-icon:disabled{background:var(--bg-hover);color:var(--text-tertiary);cursor:not-allowed}.btn-icon.danger:hover{color:var(--accent-error);background:#b91c1c1a;border-color:#b91c1c4d}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-normal) var(--ease-spring);white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-ghost:active{background:var(--bg-app)}.btn-sm{padding:6px 12px;font-size:13px}.btn-sm.btn-icon{width:28px;height:28px}.btn-lg{padding:14px 28px;font-size:16px}.btn-lg.btn-icon{width:44px;height:44px}.btn-loading{pointer-events:none;position:relative}.btn-loading:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;animation:.6s linear infinite btn-spin;position:absolute;top:50%;left:50%}.btn-loading>*{visibility:hidden}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-success{background:var(--accent-success);color:#fff;border:none}.btn-success:hover{background:var(--accent-success-hover)}.btn-danger{background:var(--accent-error);color:#fff;border:none}.btn-danger:hover{background:var(--accent-error-hover)}.btn-warning{background:var(--accent-warning);color:#fff;border:none}.btn-warning:hover{background:var(--accent-warning-hover)}.btn-group{gap:0;display:inline-flex}.btn-group>button,.btn-group>.btn-secondary,.btn-group>.btn-primary{border-radius:0}.btn-group>button:first-child,.btn-group>.btn-secondary:first-child,.btn-group>.btn-primary:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group>button:last-child,.btn-group>.btn-secondary:last-child,.btn-group>.btn-primary:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.btn-group>.btn-secondary+.btn-secondary{margin-left:-1px}[data-theme=dark] .btn-secondary{background:var(--bg-panel);border-color:var(--border-subtle);color:var(--text-primary)}[data-theme=dark] .btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light)}[data-theme=dark] .btn-icon{background:var(--bg-panel);border-color:var(--border-subtle);color:var(--text-secondary)}[data-theme=dark] .btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}[data-theme=dark] .btn-ghost:hover{background:var(--bg-hover)}.page-header{background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.page-header-left{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.page-header-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:600;line-height:1.3;overflow:hidden}.page-header-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:400;line-height:1.3;overflow:hidden}.page-header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.page-header-with-tabs{border-bottom:none}.page-header-tabs{background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);align-items:center;gap:4px;height:44px;padding:0 24px;display:flex}.page-header-tab{color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease-spring);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.page-header-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.page-header-tab.active{color:var(--text-primary);border-bottom-color:var(--brand-primary)}.page-header-tab-badge{border-radius:var(--radius-pill);background:var(--bg-hover);color:var(--text-secondary);font-size:var(--fs-badge);font-variant-numeric:tabular-nums;margin-left:6px;padding:1px 7px;font-weight:600}.page-header-tab.active .page-header-tab-badge{background:var(--brand-coral-tint);color:var(--brand-primary)}.seg-toggle{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);gap:2px;padding:3px;display:inline-flex}.seg-toggle-item{color:var(--text-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-spring), color var(--duration-fast) var(--ease-spring);background:0 0;border:none}.seg-toggle-item:hover{color:var(--text-primary)}.seg-toggle-item.active,.seg-toggle-item[aria-selected=true],.seg-toggle-item[aria-pressed=true]{background:var(--bg-panel);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}@media (width<=768px){.page-header{height:auto;min-height:56px;padding:0 16px}.page-header-title{font-size:16px}.page-header-subtitle{white-space:normal;font-size:13px}.page-header-actions{gap:8px}.page-header-tabs{-webkit-overflow-scrolling:touch;padding:0 16px;overflow-x:auto}.page-header-tab{white-space:nowrap;padding:8px 12px;font-size:13px}}.page-content{padding:24px}.page-content-flush{padding:0}.page-content-with-sidebar{height:calc(100vh - 64px);display:flex}.page-content-with-sidebar>.sidebar{flex-shrink:0}.page-content-with-sidebar>.content-area{flex:1;overflow:auto}@media (width<=768px){.page-content{padding:16px}.page-content-with-sidebar{flex-direction:column;height:auto}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity var(--duration-normal) ease, visibility var(--duration-normal) ease;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-overlay.active,.modal-overlay.open{opacity:1;visibility:visible}.modal,.modal-content{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);width:100%;max-width:520px;max-height:calc(100vh - 48px);box-shadow:var(--shadow-float);transition:transform var(--duration-normal) var(--ease-spring);flex-direction:column;display:flex;overflow:hidden;transform:translateY(8px)scale(.98)}.modal-overlay.active .modal,.modal-overlay.open .modal,.modal-overlay.active .modal-content,.modal-overlay.open .modal-content{transform:translateY(0)scale(1)}.modal-sm{max-width:400px}.modal-lg{max-width:680px}.modal-xl{max-width:860px}.modal-full{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}.modal-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600;line-height:1.3}.modal-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{flex:1;min-height:0;padding:0 24px 20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-subtle);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}[data-theme=dark] .modal,[data-theme=dark] .modal-content{background:var(--bg-panel);border-color:var(--border-subtle)}@media (width<=768px){.modal-overlay{padding:16px}.modal{max-width:100%}.modal-header{padding:16px 16px 12px}.modal-body{padding:0 16px 16px}.modal-footer{padding:12px 16px}}.modal-backdrop-animated{opacity:0;-webkit-backdrop-filter:blur();transition:opacity var(--duration-smooth) ease, backdrop-filter var(--duration-smooth) ease, -webkit-backdrop-filter var(--duration-smooth) ease}.modal-backdrop-animated.visible{opacity:1;-webkit-backdrop-filter:blur(4px)}.modal-content-animated{opacity:0;transition:opacity var(--duration-smooth) var(--ease-out-expo), transform var(--duration-smooth) var(--ease-out-expo);transform:scale(.96)translateY(8px)}.modal-content-animated.visible{opacity:1;transform:scale(1)translateY(0)}.form-group{flex-direction:column;gap:6px;display:flex}.form-row{gap:16px;display:flex}.form-row>.form-group{flex:1;min-width:0}.form-label{color:var(--text-secondary);font-size:13px;font-weight:500;line-height:1.3}.form-label-required:after{content:" *";color:var(--accent-error)}.form-input,.form-select,.form-textarea{width:100%;font-size:16px;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);outline:none;padding:10px 12px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #ad555d26}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-input:disabled,.form-select:disabled{background:var(--bg-hover);color:var(--text-tertiary);cursor:not-allowed}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-textarea{resize:vertical;min-height:80px}.form-hint{color:var(--text-tertiary);margin-top:2px;font-size:12px}.form-error{color:var(--accent-error);margin-top:2px;font-size:12px}.form-input.error,.form-select.error{border-color:var(--accent-error)}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:var(--bg-app);border-color:var(--border-subtle);color:var(--text-primary)}[data-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A0AEC0' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}@media (width<=768px){.form-row{flex-direction:column;gap:12px}}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=tel],input[type=date],textarea,select{transition:border-color var(--duration-normal) ease, box-shadow var(--duration-normal) ease, background var(--duration-normal) ease}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat-card{border-radius:var(--radius-card);background:var(--bg-panel);border:1px solid var(--border-subtle);transition:all var(--duration-normal) ease;padding:20px}.stat-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-sm)}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:13px;font-weight:500}.stat-value{color:var(--text-primary);margin-bottom:4px;font-size:28px;font-weight:700;line-height:1.2}.stat-value-sm{font-size:20px}.stat-trend{color:var(--text-tertiary);font-size:12px;font-weight:500}.stat-trend.trend-up{color:var(--accent-success)}.stat-trend.trend-down{color:var(--accent-error)}.stat-trend.trend-neutral{color:var(--text-tertiary)}.stat-card-success{border-left:3px solid var(--accent-success)}.stat-card-warning{border-left:3px solid var(--accent-warning)}.stat-card-danger{border-left:3px solid var(--accent-error)}.stat-card-info{border-left:3px solid var(--accent-info)}@media (width<=768px){.stat-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:16px}.stat-value{font-size:22px}}@media (width<=480px){.stat-grid{grid-template-columns:1fr}}.split-view{height:calc(100vh - 64px);display:flex;overflow:hidden}.split-left{border-right:1px solid var(--border-subtle);background:var(--bg-panel);flex-direction:column;flex-shrink:0;width:clamp(300px,32vw,440px);display:flex;overflow:hidden}.split-right{background:var(--bg-app);flex:1;min-width:0;overflow-y:auto}.split-left-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;padding:16px 20px}.split-left-body{flex:1;overflow-y:auto}.split-right-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;padding:16px 24px}.split-right-body{padding:24px}@media (width<=768px){.split-view{flex-direction:column;height:auto}.split-left{border-right:none;border-bottom:1px solid var(--border-subtle);width:100%;min-width:100%;max-width:100%;max-height:50vh}.split-right{min-height:50vh}}.list-item{cursor:pointer;transition:background var(--duration-fast);border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:12px 20px;display:flex}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--bg-hover)}.list-item.selected{background:var(--bg-selected);border-left:3px solid var(--brand-primary);padding-left:17px}.list-item-icon{border-radius:var(--radius-md);background:var(--bg-hover);width:40px;height:40px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.list-item-content{flex:1;min-width:0}.list-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.list-item-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.list-item-end{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.list-item-value{color:var(--text-primary);font-size:14px;font-weight:600}.list-item-meta{color:var(--text-tertiary);font-size:12px}@media (width<=768px){.list-item{gap:10px;padding:12px 16px}}.data-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-card);cursor:pointer;margin-bottom:12px;padding:12px;transition:all .2s}.data-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.data-card.selected{border-color:var(--border-focus);background:var(--bg-selected);box-shadow:var(--shadow-md)}.status-badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:100px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-draft{background:var(--bg-hover);color:var(--text-tertiary)}.status-sent,.status-active,.status-pending{color:var(--accent-info);background:#3b82f61f}.status-viewed{color:var(--accent-special);background:#8b5cf61f}.status-partial{color:#d97706;background:#f59e0b26}.status-paid,.status-complete,.status-success,.status-approved{color:var(--accent-success-hover);background:#3f8a7c1f}.status-overdue,.status-danger,.status-rejected{color:var(--accent-error);background:#b91c1c1f}.status-cancelled,.status-void{background:var(--bg-hover);color:var(--text-tertiary);text-decoration:line-through}.status-warning{color:var(--accent-warning);background:#f59e0b1a}.status-error{color:var(--accent-error);background:#b91c1c1a}.status-info{color:var(--accent-info);background:#3b82f61a}[data-theme=dark] .status-draft{background:var(--bg-hover);color:var(--text-tertiary)}[data-theme=dark] .status-sent,[data-theme=dark] .status-active,[data-theme=dark] .status-pending{color:var(--accent-info-light);background:#3b82f633}[data-theme=dark] .status-viewed{color:var(--accent-special-light);background:#8b5cf633}[data-theme=dark] .status-partial{color:var(--accent-warning-light);background:#f59e0b33}[data-theme=dark] .status-paid,[data-theme=dark] .status-complete,[data-theme=dark] .status-success,[data-theme=dark] .status-approved{color:var(--accent-success-light);background:#3f8a7c33}[data-theme=dark] .status-overdue,[data-theme=dark] .status-danger,[data-theme=dark] .status-rejected{color:var(--accent-error-light);background:#b91c1c33}[data-theme=dark] .status-cancelled,[data-theme=dark] .status-void{background:var(--bg-hover);color:var(--text-tertiary)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state-icon{background:var(--bg-hover);width:64px;height:64px;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.empty-state-title{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.empty-state-text{color:var(--text-secondary);max-width:360px;margin-bottom:20px;font-size:14px;line-height:1.5}.load-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.load-error-icon{background:var(--accent-error-bg,var(--bg-hover));width:64px;height:64px;color:var(--accent-error);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:24px;font-weight:700;display:flex}.load-error-title{color:var(--text-primary);margin:0 0 8px;font-size:16px;font-weight:600}.load-error-text{color:var(--text-secondary);max-width:400px;margin:0 0 20px;font-size:14px;line-height:1.5}.load-error-compact{gap:4px;padding:20px 16px}.load-error-compact .load-error-icon{visibility:hidden;width:0;height:0;margin:0}.load-error-compact .load-error-title{font-size:14px}.load-error-compact .load-error-text{margin-bottom:12px;font-size:13px}.upload-zone{border:2px dashed var(--border-light);border-radius:var(--radius-lg);background:var(--bg-app);cursor:pointer;transition:all var(--duration-normal);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;display:flex;position:relative}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--brand-primary);background:#ad555d0a}.upload-zone-input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-zone-icon{color:var(--text-tertiary);margin-bottom:12px}.upload-zone-text{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:500}.upload-zone-hint{color:var(--text-tertiary);font-size:12px}[data-theme=dark] .upload-zone{background:var(--bg-app);border-color:var(--border-subtle)}[data-theme=dark] .upload-zone:hover,[data-theme=dark] .upload-zone.drag-over{border-color:var(--brand-primary);background:#ad555d0f}.section-divider{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-bottom:1px solid var(--border-subtle);padding:12px 20px 8px;font-size:11px;font-weight:600}:root{--skel-base:#ffffff0a;--skel-highlight:#ffffff1a}[data-theme=light]{--skel-base:#0000000a;--skel-highlight:#00000014}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel{background:linear-gradient(90deg, var(--skel-base) 25%, var(--skel-highlight) 50%, var(--skel-base) 75%);pointer-events:none;-webkit-user-select:none;user-select:none;background-size:200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite skel-shimmer;display:block;color:#0000!important}@media (prefers-reduced-motion:reduce){.skel{background:var(--skel-base);animation:none}}.skel-line{border-radius:4px;height:12px;margin-bottom:8px}.skel-line.sm{height:10px}.skel-line.lg{height:16px}.skel-line.xl{height:22px}.skel-line.xxl{height:28px}.skel-line.w-20{width:20%}.skel-line.w-30{width:30%}.skel-line.w-40{width:40%}.skel-line.w-50{width:50%}.skel-line.w-60{width:60%}.skel-line.w-70{width:70%}.skel-line.w-80{width:80%}.skel-line.w-100{width:100%}.skel-tile{border-radius:12px;height:88px}.skel-tile.sm{height:64px}.skel-tile.lg{height:120px}.skel-row{border-radius:8px;height:56px;margin-bottom:8px}.skel-row.sm{height:40px}.skel-row.lg{height:72px}.skel-card{border-radius:12px;height:160px}.skel-card.sm{height:100px}.skel-card.lg{height:240px}.skel-chart{border-radius:12px;height:240px}.skel-calendar{border-radius:12px;height:360px}.skel-avatar{border-radius:50%;width:36px;height:36px}.skel-avatar.sm{width:28px;height:28px}.skel-avatar.lg{width:48px;height:48px}.skel-button{border-radius:8px;width:120px;height:36px}.skel-pill{border-radius:999px;width:72px;height:24px;display:inline-block}.skel-circle{border-radius:50%}.skel-square{border-radius:6px}.skel-row-list>*+*{margin-top:8px}.skel-stack>*+*{margin-top:12px}.skel-grid-tiles{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.skel-grid-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}[data-skel]{display:none}.is-loading [data-skel]{display:block}.is-loading [data-real]{visibility:hidden}[data-skel-inline]{display:none}.is-loading [data-skel-inline]{display:inline-block}.is-loading [data-real-inline]{visibility:hidden}.is-loading .skel-text{background:linear-gradient(90deg, var(--skel-base) 25%, var(--skel-highlight) 50%, var(--skel-base) 75%);background-size:200% 100%;border-radius:4px;min-width:48px;animation:1.4s ease-in-out infinite skel-shimmer;display:inline-block;color:#0000!important}@media (prefers-reduced-motion:reduce){.is-loading .skel-text{background:var(--skel-base);animation:none}}.skel-container{transition:opacity .18s ease-out}.is-ready [data-real]{animation:.22s ease-out skel-fade-in}@keyframes skel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #ad555d33}50%{box-shadow:0 0 0 6px #ad555d00}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.animate-in{animation:fadeInUp var(--duration-smooth) var(--ease-out-expo) both}.animate-in-scale{animation:fadeInScale var(--duration-smooth) var(--ease-out-expo) both}.animate-in-right{animation:slideInRight var(--duration-smooth) var(--ease-out-expo) both}.stagger-1{animation-delay:30ms}.stagger-2{animation-delay:60ms}.stagger-3{animation-delay:90ms}.stagger-4{animation-delay:.12s}.stagger-5{animation-delay:.15s}.stagger-6{animation-delay:.18s}.text-gradient{background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-coral{background:linear-gradient(135deg, var(--brand-coral) 0%, #dc8b7a 50%, var(--brand-coral-hover) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-fade-right{background:linear-gradient(90deg, var(--text-secondary) 40%, transparent 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card-accent-left{border:none;border-left:2px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);transition:all var(--duration-normal) var(--ease-spring)}.card-accent-left:hover{border-left-color:var(--brand-coral);box-shadow:var(--shadow-sm)}.btn-primary-action{transition:all var(--duration-normal) var(--ease-spring);position:relative;overflow:hidden}.btn-primary-action:after{content:"";opacity:0;transition:opacity var(--duration-fast);background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.btn-primary-action:hover:after{opacity:1}.btn-primary-action:hover{box-shadow:var(--shadow-float);transform:translateY(-1px)}.btn-primary-action:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-coral-glow:hover{box-shadow:var(--shadow-glow-coral)}.tab-animated{position:relative}.tab-animated:after{content:"";background:var(--brand-coral);width:0;height:2px;transition:all var(--duration-smooth) var(--ease-out-expo);border-radius:1px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.tab-animated:hover:after,.tab-animated.active:after{width:100%}.card-interactive{transition:all var(--duration-normal) var(--ease-spring)}.card-interactive:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}.card-interactive:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.toast-enter{animation:fadeInUp var(--duration-smooth) var(--ease-out-expo) both}.toast-exit{animation:fadeIn var(--duration-fast) ease reverse both}.focus-ring:focus-visible{box-shadow:0 0 0 2px var(--bg-app), 0 0 0 4px var(--border-focus);outline:none}[data-theme=dark] .focus-ring:focus-visible{box-shadow:0 0 0 2px var(--bg-panel), 0 0 0 4px var(--border-focus)}:where(a[href],button,input,select,textarea,summary,[tabindex]):not(.simpler-shell-root *):not(.no-focus-ring):focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}[data-theme=dark] .data-card:hover{box-shadow:var(--shadow-md), 0 0 0 1px #ffffff0a}[data-theme=dark] .btn-tech:hover{box-shadow:0 0 0 1px #ffffff0f}.glass-page,#main-content,.main-area,.main-content{animation:fadeIn var(--duration-smooth) ease both}a:not([class]){transition:text-decoration-color var(--duration-normal) ease, color var(--duration-normal) ease;text-decoration-color:#0000}a:not([class]):hover{text-decoration-color:currentColor}.scroll-fade-bottom{position:relative}.scroll-fade-bottom:after{content:"";background:linear-gradient(to top, var(--bg-app), transparent);pointer-events:none;height:40px;display:block;position:sticky;bottom:0;left:0;right:0}[data-theme=dark] .scroll-fade-bottom:after{background:linear-gradient(to top, var(--bg-panel), transparent)}.accordion-body{max-height:0;transition:max-height var(--duration-smooth) var(--ease-spring), opacity var(--duration-normal) ease, padding var(--duration-smooth) ease;opacity:0;padding-top:0;padding-bottom:0;overflow:hidden}.accordion-item.open .accordion-body{opacity:1;max-height:500px}.stat-glow:hover{box-shadow:var(--shadow-md), 0 0 0 1px #ad555d14;transition:all var(--duration-normal) var(--ease-spring);transform:translateY(-1px)}[data-theme=dark] .stat-glow:hover{box-shadow:var(--shadow-md), 0 0 0 1px #ad555d1f}.divider-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:16px;font-size:11px;font-weight:600;display:flex}.divider-label:before,.divider-label:after{content:"";background:var(--border-subtle);flex:1;height:1px}.counter-animate{transition:transform var(--duration-fast) var(--ease-bounce);display:inline-block}.counter-animate.tick{transform:translateY(-2px)}.pulse-dot{background:var(--accent-success);border-radius:50%;width:8px;height:8px;position:relative}.pulse-dot:after{content:"";border:2px solid var(--accent-success);animation:pulseRing 2s var(--ease-out-expo) infinite;border-radius:50%;position:absolute;inset:-3px}@keyframes pulseRing{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}[class*=-count],[class*=-total],[class*=-amount],[class*=-value],[class*=Count]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}h1,.title-h1,.page-title{letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}h2,h3,.title-h2,.title-h3,.section-title{letter-spacing:var(--tracking-snug);line-height:var(--leading-snug)}body,p{letter-spacing:var(--tracking-normal);line-height:var(--leading-normal)}.prose,.longform,article{line-height:var(--leading-relaxed)}.eyebrow,.label-caps,.section-label{letter-spacing:var(--tracking-wide);text-transform:uppercase}.l-stack{gap:var(--space-4);flex-direction:column;display:flex}.l-cluster{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.l-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.l-grid-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.l-container{container-type:inline-size}.table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-panel);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--fs-base)}.data-table th{text-align:left;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-secondary);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);white-space:nowrap;font-weight:600}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--duration-fast) ease}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table td.num,.data-table th.num{text-align:right;font-variant-numeric:tabular-nums}