:root,html[data-theme=light]{--bg: #f4f7fb;--surface: #ffffff;--surface-muted: #ecf1f8;--text: #0f172a;--text-muted: #475569;--border: #d7deea;--accent: #4f46e5;--accent-strong: #4338ca;--accent-muted: rgba(79, 70, 229, .14);--shadow: 0 18px 32px rgba(15, 23, 42, .08);--sidebar-width: 280px;--sidebar-collapsed-width: 62px;--transition-speed: .25s}html[data-theme=dark]{--bg: #090c13;--surface: #121826;--surface-muted: #182132;--text: #f8fafc;--text-muted: #9fb0c7;--border: #243148;--accent: #60a5fa;--accent-strong: #3b82f6;--accent-muted: rgba(96, 165, 250, .14);--shadow: 0 20px 34px rgba(2, 6, 23, .45)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;min-height:100vh;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);transition:background var(--transition-speed) ease,color var(--transition-speed) ease}.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) 1fr;transition:grid-template-columns var(--transition-speed) ease}.app:has(.sidebar-collapsed){grid-template-columns:var(--sidebar-collapsed-width) 1fr}.sidebar{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-muted) 100%);border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:14px;overflow-x:hidden;overflow-y:auto;transition:background var(--transition-speed) ease,border-color var(--transition-speed) ease,width var(--transition-speed) ease}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.1rem;white-space:nowrap;overflow:hidden}.brand-icon{color:var(--accent);font-size:1.3rem;flex-shrink:0}.sidebar-toggle{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border);border-radius:6px;background:var(--surface-muted);color:var(--text-muted);cursor:pointer;font-size:.85rem;transition:border-color var(--transition-speed) ease,background var(--transition-speed) ease}.sidebar-toggle:hover{border-color:var(--accent)}.sidebar-search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:10px;padding:10px 12px;font-size:.88rem;white-space:nowrap;overflow:hidden;cursor:pointer;transition:border-color var(--transition-speed) ease,background var(--transition-speed) ease}.sidebar-search:hover{border-color:var(--accent)}.search-icon{flex-shrink:0;font-size:1.05rem}.nav-group h4{margin:0 0 6px;padding-left:4px;font-size:.72rem;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.nav-group ul{margin:0;padding:0;list-style:none;display:grid;gap:2px}.nav-group li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;color:var(--text);white-space:nowrap;overflow:hidden;transition:background var(--transition-speed) ease,color var(--transition-speed) ease}.nav-group li:hover{background:var(--accent-muted)}.nav-group li.active{background:var(--accent-muted);color:var(--accent);font-weight:600}.nav-icon{flex-shrink:0;width:22px;text-align:center;font-size:1rem}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--surface);transition:background var(--transition-speed) ease,border-color var(--transition-speed) ease}.health-dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e80}.sidebar-footer strong{display:block;margin-bottom:2px;font-size:.88rem}.sidebar-footer span{font-size:.8rem;color:var(--text-muted)}.sidebar-theme-toggle{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);color:var(--text-muted);cursor:pointer;font-size:1.1rem;transition:border-color var(--transition-speed) ease,background var(--transition-speed) ease}.sidebar-theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.sidebar-collapsed{padding:18px 8px;align-items:center}.sidebar-collapsed .nav-group li{justify-content:center;padding:10px 0}.sidebar-collapsed .sidebar-footer{justify-content:center;padding:10px}.content-shell{display:grid;grid-template-rows:1fr;min-width:0}.landing{display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:40px 24px}.landing-center{width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:24px}.landing-center h2{margin:0;font-size:clamp(1.5rem,3vw,2rem);text-align:center;line-height:1.3}.landing-sub{margin:0;color:var(--text-muted);text-align:center;font-size:.95rem;line-height:1.5}.chat-card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow);transition:background var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.chat-card textarea{width:100%;border:1px solid var(--border);border-radius:12px;background:var(--surface-muted);color:var(--text);padding:14px;font-size:.95rem;font-family:inherit;line-height:1.5;resize:vertical;transition:border-color var(--transition-speed) ease,background var(--transition-speed) ease}.chat-card textarea::placeholder{color:var(--text-muted)}.chat-card textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.chat-actions{margin-top:12px;display:flex;justify-content:flex-end;gap:10px}button{font:inherit}.ghost,.primary{display:inline-flex;align-items:center;gap:6px;border-radius:10px;padding:9px 16px;cursor:pointer;border:1px solid var(--border);font-size:.9rem;font-weight:500;transition:all var(--transition-speed) ease}.ghost{background:var(--surface-muted);color:var(--text)}.ghost:hover{border-color:var(--accent)}.btn-icon{font-size:1rem}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.primary:disabled{opacity:.5;cursor:not-allowed}.prompt-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prompt{text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:12px;padding:12px 14px;cursor:pointer;font-size:.84rem;line-height:1.4;transition:border-color var(--transition-speed) ease,background var(--transition-speed) ease,color var(--transition-speed) ease}.prompt:hover{border-color:var(--accent);color:var(--text);background:var(--accent-muted)}.new-request-page{padding:32px 40px;overflow-y:auto}.nr-header{margin-bottom:28px}.nr-header h2{margin:0 0 6px;font-size:1.5rem}.nr-header p{margin:0;color:var(--text-muted);font-size:.92rem}.nr-category{margin-bottom:24px}.nr-category-title{margin:0 0 12px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.nr-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px}.nr-type-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);cursor:pointer;text-align:left;transition:border-color var(--transition-speed) ease,background var(--transition-speed) ease,transform .15s ease}.nr-type-card:hover{border-color:var(--accent);background:var(--accent-muted);transform:translateY(-1px)}.nr-type-icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.4rem}.nr-type-info{flex:1;min-width:0}.nr-type-info strong{display:block;font-size:.95rem;margin-bottom:3px}.nr-type-info span{font-size:.82rem;color:var(--text-muted);line-height:1.4}.nr-type-arrow{flex-shrink:0;color:var(--text-muted);font-size:1.1rem;transition:color var(--transition-speed) ease}.nr-type-card:hover .nr-type-arrow{color:var(--accent)}.dynamic-form{max-width:800px}.form-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.back-btn{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);padding:6px 12px;cursor:pointer;font-size:.88rem;transition:border-color var(--transition-speed) ease,color var(--transition-speed) ease}.back-btn:hover{border-color:var(--accent);color:var(--accent)}.form-type-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--accent-muted);color:var(--accent);font-weight:600;font-size:.88rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.form-field{display:flex;flex-direction:column;gap:5px}.form-field.full-width{grid-column:1 / -1}.form-field label{font-size:.84rem;font-weight:500;color:var(--text)}.required{color:#ef4444;margin-left:2px}.form-field input,.form-field select,.form-field textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-muted);color:var(--text);font-family:inherit;font-size:.9rem;transition:border-color var(--transition-speed) ease,background var(--transition-speed) ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.form-field textarea{resize:vertical;line-height:1.5}.form-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239fb0c7' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-actions{margin-top:28px;display:flex;justify-content:flex-end;gap:10px}.attachments-section{margin-top:20px}.attachments-label{display:block;font-size:.88rem;font-weight:600;margin-bottom:8px;color:var(--text)}.attachments-label .text-muted{font-weight:400;color:var(--text-muted)}.file-input-hidden{display:none}.file-drop-zone{border:2px dashed var(--border);border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary)}.file-drop-zone:hover{border-color:var(--accent);background:var(--accent-muted)}.file-drop-zone.drop-active{border-color:var(--accent);background:var(--accent-muted);transform:scale(1.01)}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:6px}.drop-icon{font-size:1.5rem}.drop-text{font-size:.88rem;font-weight:500;color:var(--text)}.drop-hint{font-size:.76rem;color:var(--text-muted)}.attachment-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.attachment-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary)}.attachment-thumb{width:48px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--border);flex-shrink:0}.attachment-file-icon{width:48px;height:48px;display:grid;place-items:center;font-size:1.4rem;border-radius:6px;background:var(--accent-muted);flex-shrink:0}.attachment-info{flex:1;display:flex;flex-direction:column;min-width:0}.attachment-name{font-size:.84rem;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:.74rem;color:var(--text-muted)}.attachment-remove{background:#ef44441a;border:none;border-radius:6px;width:28px;height:28px;display:grid;place-items:center;color:#ef4444;cursor:pointer;font-size:.8rem;flex-shrink:0;transition:background .15s ease}.attachment-remove:hover{background:#ef444438}.form-success{max-width:480px;margin:60px auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.success-icon{width:56px;height:56px;border-radius:50%;background:#22c55e26;color:#22c55e;display:grid;place-items:center;font-size:1.6rem;font-weight:700;margin-bottom:8px}.form-success h3{margin:0;font-size:1.3rem}.form-success p{margin:0;color:var(--text-muted);line-height:1.5}.success-id{font-family:monospace;font-size:.9rem;padding:6px 14px;border-radius:8px;background:var(--surface-muted);color:var(--accent)}.processor-container{width:100%;max-width:700px;display:flex;flex-direction:column;gap:16px;align-items:center}.processor-query{width:100%;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.processor-query-label{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.processor-query p{margin:0;font-size:.95rem;line-height:1.5;color:var(--text)}.processor-card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.processor-header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface-muted)}.processor-agent-icon{color:var(--accent);font-size:1.1rem}.processor-agent-name{font-weight:600;font-size:.92rem}.processor-working{margin-left:auto;font-size:.78rem;color:var(--accent);animation:pulse-text 1.5s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.4}}.processor-done-badge{margin-left:auto;font-size:.78rem;color:#22c55e;font-weight:600}.processor-steps{padding:16px 18px 8px;display:flex;flex-direction:column;gap:6px}.processor-step{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:.88rem;transition:background .3s ease,opacity .3s ease}.processor-step.step-pending{opacity:.35;color:var(--text-muted)}.processor-step.step-running{background:var(--accent-muted);color:var(--accent);font-weight:500}.processor-step.step-done{opacity:1;color:var(--text)}.step-indicator{flex-shrink:0;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:.8rem;font-weight:700}.step-pending .step-indicator{color:var(--text-muted)}.step-running .step-indicator{background:var(--accent);color:#fff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.step-done .step-indicator{background:#22c55e26;color:#22c55e}.step-label{flex:1}.step-detail{font-size:.78rem;color:var(--text-muted);font-weight:400}.processor-logs{max-height:140px;overflow-y:auto;margin:0 18px 12px;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.76rem;line-height:1.7}.log-line{color:var(--text-muted);animation:log-appear .2s ease-out}@keyframes log-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.processor-result{display:flex;align-items:center;gap:14px;margin:0 18px 18px;padding:14px 16px;background:#22c55e14;border:1px solid rgba(34,197,94,.25);border-radius:12px;animation:result-in .4s ease-out}@keyframes result-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.processor-result-icon{font-size:1.6rem}.processor-result strong{display:block;font-size:.95rem;color:var(--text)}.processor-result-conf{font-size:.8rem;color:var(--text-muted)}.processor-cancel{margin-top:4px}.autofill-badge{margin-left:auto;font-size:.78rem;padding:4px 12px;border-radius:999px;background:#22c55e1a;color:#22c55e;font-weight:500;border:1px solid rgba(34,197,94,.25)}.field-autofilled input,.field-autofilled select,.field-autofilled textarea{border-color:#22c55e66!important;background:#22c55e0a}.field-autofilled label:after{content:" ✦";color:#22c55e;font-size:.7rem}.approvals-page{padding:32px 40px;overflow-y:auto;max-width:1100px}.approvals-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.approvals-header h2{margin:0 0 4px;font-size:1.5rem}.approvals-header p{margin:0;color:var(--text-muted);font-size:.92rem}.approvals-stats{display:flex;gap:10px;flex-shrink:0}.stat-card{display:flex;flex-direction:column;align-items:center;padding:12px 18px;border-radius:12px;border:1px solid var(--border);background:var(--surface);min-width:90px;transition:background var(--transition-speed) ease,border-color var(--transition-speed) ease}.stat-num{font-size:1.4rem;font-weight:700}.stat-label{font-size:.72rem;color:var(--text-muted);margin-top:2px}.stat-pending .stat-num{color:var(--accent)}.stat-waiting .stat-num{color:#f59e0b}.stat-breach .stat-num{color:#ef4444}.approvals-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px}.approvals-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;background:none;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:color var(--transition-speed) ease,border-color var(--transition-speed) ease}.approvals-tab:hover{color:var(--text)}.approvals-tab.tab-active{color:var(--accent);border-bottom-color:var(--accent)}.tab-count{font-size:.75rem;padding:1px 7px;border-radius:999px;background:var(--surface-muted);color:var(--text-muted);font-weight:600}.tab-active .tab-count{background:var(--accent-muted);color:var(--accent)}.approvals-list{display:flex;flex-direction:column;gap:10px}.approval-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;transition:border-color var(--transition-speed) ease,background var(--transition-speed) ease,box-shadow .2s ease}.approval-card.card-my-turn{border-left:3px solid var(--accent)}.approval-card:hover{border-color:var(--accent)}.approval-card-top{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer}.approval-type-icon{flex-shrink:0;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:1.2rem}.approval-info{flex:1;min-width:0}.approval-title-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.approval-title-row strong{font-size:.95rem}.approval-priority{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.priority-critical{background:#ef44441f;color:#ef4444}.priority-high{background:#f59e0b1f;color:#f59e0b}.priority-medium{background:#60a5fa1f;color:#60a5fa}.priority-low{background:#22c55e1f;color:#22c55e}.approval-meta{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted);flex-wrap:wrap}.meta-dot{opacity:.4}.approval-id{font-family:JetBrains Mono,Fira Code,monospace;font-size:.76rem}.cost-tier{padding:1px 6px;border-radius:4px;background:#f59e0b1a;color:#f59e0b;font-weight:500;font-size:.74rem}.approval-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.sla-badge{font-size:.76rem;font-weight:600;padding:4px 10px;border-radius:8px;white-space:nowrap}.sla-ok{background:#22c55e1a;color:#22c55e}.sla-risk{background:#f59e0b1f;color:#f59e0b}.sla-breached{background:#ef44441a;color:#ef4444;animation:pulse-text 2s ease-in-out infinite}.expand-arrow{color:var(--text-muted);font-size:.9rem;transition:transform .2s ease}.approval-expanded{padding:0 18px 18px;border-top:1px solid var(--border);animation:expand-in .25s ease-out}@keyframes expand-in{0%{opacity:0;max-height:0}to{opacity:1;max-height:800px}}.approval-summary{padding-top:16px;margin-bottom:20px}.approval-summary h4,.approval-chain h4{margin:0 0 8px;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.approval-summary p{margin:0 0 12px;font-size:.9rem;line-height:1.6;color:var(--text)}.approval-detail-row{display:flex;gap:20px;font-size:.82rem;color:var(--text-muted);flex-wrap:wrap}.approval-detail-row strong{color:var(--text);font-weight:500}.approval-chain{margin-bottom:16px}.chain-steps{display:flex;flex-direction:column;gap:0}.chain-step{display:flex;gap:12px;position:relative}.chain-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:28px}.chain-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:700;z-index:1}.chain-approved-icon{background:#22c55e26;color:#22c55e}.chain-rejected-icon{background:#ef444426;color:#ef4444}.chain-pending-icon{background:var(--accent-muted);color:var(--accent);animation:pulse-text 1.5s ease-in-out infinite}.chain-waiting-icon{background:var(--surface-muted);color:var(--text-muted);border:1px dashed var(--border);font-size:.6rem}.chain-line{width:2px;flex:1;min-height:20px;background:var(--border)}.chain-approved .chain-line{background:#22c55e}.chain-rejected .chain-line{background:#ef4444}.chain-detail{padding-bottom:16px;display:flex;flex-direction:column;gap:2px}.chain-detail strong{font-size:.88rem}.chain-role{font-size:.78rem;color:var(--text-muted)}.chain-date{font-size:.74rem;color:var(--text-muted);font-family:JetBrains Mono,Fira Code,monospace}.chain-you-badge{display:inline-block;margin-top:2px;font-size:.72rem;padding:2px 8px;border-radius:6px;background:var(--accent-muted);color:var(--accent);font-weight:600;width:fit-content}.approval-actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.approve-btn,.reject-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;border:none;cursor:pointer;font-size:.88rem;font-weight:600;transition:all .2s ease}.approve-btn{background:#22c55e;color:#fff}.approve-btn:hover{background:#16a34a}.reject-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.reject-btn:hover{background:#ef444433}.approval-completed-banner,.approval-waiting-banner{margin-top:12px;padding:10px 14px;border-radius:10px;font-size:.84rem;font-weight:500}.approved-banner{background:#22c55e14;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.approval-waiting-banner{background:#f59e0b14;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.rejected-note{color:#ef4444;font-weight:600}.rejected-banner{background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.approvals-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--text-muted)}.approvals-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.approvals-empty{text-align:center;padding:60px 20px}.approvals-empty .empty-icon{font-size:2.5rem;display:block;margin-bottom:12px}.approvals-empty h3{margin:0 0 6px;font-size:1.1rem}.approvals-empty p{margin:0;color:var(--text-muted);font-size:.88rem}.approval-error-banner{display:flex;align-items:center;padding:10px 14px;margin-bottom:12px;border-radius:10px;background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.2);font-size:.88rem;font-weight:500}.refresh-btn{font-size:.82rem!important;padding:6px 12px!important}.reject-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:100%}.reject-reason-input{flex:1;min-width:200px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);font-size:.88rem}.reject-reason-input:focus{outline:none;border-color:var(--accent)}.approval-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag-chip{padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:500;background:var(--accent-muted);color:var(--accent)}.approval-description{font-size:.88rem;line-height:1.6;color:var(--text)}.approve-btn:disabled,.reject-btn:disabled{opacity:.6;cursor:not-allowed}.form-error{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-top:8px;border-radius:10px;background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.2);font-size:.88rem;font-weight:500}.success-note{color:var(--text-muted);font-size:.84rem;margin-top:4px}.my-requests-page{padding:32px 40px;overflow-y:auto;max-width:1100px}.mr-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.mr-header h2{margin:0 0 4px;font-size:1.5rem}.mr-header p{margin:0;color:var(--text-muted);font-size:.88rem}.mr-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}.mr-count{font-size:.85rem;color:var(--text-muted)}.mr-demo-badge{font-size:.72rem;padding:3px 8px;border-radius:6px;background:#f59e0b1f;color:#f59e0b;font-weight:600}.mr-live-badge{font-size:.72rem;padding:3px 8px;border-radius:6px;background:#22c55e1f;color:#22c55e;font-weight:600}.mr-filters{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap}.mr-filter{padding:6px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-muted);font-size:.82rem;cursor:pointer;transition:all var(--transition-speed) ease}.mr-filter:hover{border-color:var(--accent);color:var(--text)}.mr-filter.filter-active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent);font-weight:600}.mr-loading{display:flex;align-items:center;gap:12px;padding:40px 0;justify-content:center;color:var(--text-muted);font-size:.9rem}.mr-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.mr-error{padding:12px 16px;border-radius:10px;background:#f59e0b14;color:#f59e0b;font-size:.85rem;margin-bottom:16px;border:1px solid rgba(245,158,11,.2)}.mr-list{display:flex;flex-direction:column;gap:8px}.mr-card{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);transition:border-color var(--transition-speed) ease,background var(--transition-speed) ease}.mr-card:hover{border-color:var(--accent)}.mr-type-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:1.15rem}.mr-info{flex:1;min-width:0}.mr-title-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.mr-title-row strong{font-size:.93rem}.mr-state{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.state-active{background:#60a5fa1f;color:#60a5fa}.state-new{background:#a855f71f;color:#a855f7}.state-resolved{background:#22c55e1f;color:#22c55e}.state-closed{background:#64748b1f;color:#64748b}.state-default{background:var(--surface-muted);color:var(--text-muted)}.mr-meta-row{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted);flex-wrap:wrap}.mr-id{font-family:JetBrains Mono,Fira Code,monospace;font-size:.76rem;color:var(--accent)}.mr-tags{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.mr-tag{font-size:.7rem;padding:2px 6px;border-radius:4px;background:var(--surface-muted);color:var(--text-muted);border:1px solid var(--border)}.mr-right{flex-shrink:0;text-align:right}.mr-date{font-size:.76rem;color:var(--text-muted)}.mr-empty{text-align:center;padding:40px 0;color:var(--text-muted);font-size:.9rem}@media (max-width: 1024px){.app{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);max-height:60px;overflow:hidden}.sidebar:hover,.sidebar:focus-within{max-height:none}.prompt-grid{grid-template-columns:1fr}.landing{padding:24px 20px}.nr-type-grid,.form-grid{grid-template-columns:1fr}.new-request-page,.approvals-page{padding:24px 20px}.approvals-header{flex-direction:column}.approvals-stats{width:100%}.stat-card{flex:1}.approval-detail-row{flex-direction:column;gap:6px}.my-requests-page{padding:24px 20px}.mr-header{flex-direction:column}}.exec-page{max-width:1200px;margin:0 auto;padding:40px;animation:fadeIn .3s ease}.exec-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.exec-header h1{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin:0}.exec-header p{margin:4px 0 0;font-size:.9rem;color:var(--text-secondary)}.exec-kpi-strip{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.exec-kpi{flex:1;min-width:110px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:4px}.exec-kpi-value{font-size:1.6rem;font-weight:700;color:var(--text-primary);line-height:1.2}.exec-kpi-label{font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.kpi-critical .exec-kpi-value{color:#ef4444}.kpi-high .exec-kpi-value{color:#f97316}.kpi-bugs .exec-kpi-value{color:#ef4444}.exec-controls{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.exec-area-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.exec-picker-label{font-size:.82rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.exec-area-chip{padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-weight:500;transition:all .15s}.exec-area-chip:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.exec-area-chip.chip-active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.exec-sort{display:flex;align-items:center;gap:8px;white-space:nowrap}.auth-loading{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background:var(--bg-deeper, #0a0a0f)}.auth-loading-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px;border-radius:16px;background:var(--surface, #161620);border:1px solid var(--border, #2a2a3a);text-align:center}.auth-loading-card h2{margin:0;font-size:1.3rem;color:var(--text-primary, #e8e8f0)}.auth-loading-card p{margin:0;color:var(--text-muted, #888);font-size:.9rem}.auth-error-card{border-color:#ef4444}.auth-error-icon{font-size:2.5rem}.auth-retry-btn{padding:10px 28px;border:none;border-radius:8px;background:var(--accent-primary, #6366f1);color:#fff;font-weight:600;cursor:pointer;font-size:.95rem;transition:opacity .2s}.auth-retry-btn:hover{opacity:.85}.user-profile-wrapper{position:relative;flex:1;min-width:0}.user-profile-trigger{display:flex;align-items:center;gap:10px;padding:0;border:none;background:transparent;cursor:pointer;width:100%;text-align:left;border-radius:8px;transition:background .15s}.user-profile-trigger:hover{background:var(--surface-muted, rgba(255, 255, 255, .04))}.user-avatar{flex-shrink:0;width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-primary, #6366f1)}.user-avatar-initials{display:grid;place-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-weight:700;font-size:.75rem;letter-spacing:.5px}.user-avatar-lg{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-primary, #6366f1)}.user-avatar-lg.user-avatar-initials{display:grid;place-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-weight:700;font-size:1rem}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-size:.85rem;font-weight:600;color:var(--text-primary, #e8e8f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.72rem;color:var(--text-muted, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile-menu{position:absolute;bottom:calc(100% + 8px);left:0;width:260px;background:var(--surface, #161620);border:1px solid var(--border, #2a2a3a);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:1000;padding:8px 0;animation:fadeSlideUp .15s ease}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.user-profile-menu-header{display:flex;align-items:center;gap:12px;padding:12px 16px}.user-profile-menu-header strong{display:block;font-size:.9rem;color:var(--text-primary, #e8e8f0)}.user-profile-menu-header span{display:block;font-size:.78rem;color:var(--text-muted, #888)}.user-job-title{font-size:.72rem!important;color:var(--accent-primary, #6366f1)!important;margin-top:2px}.user-profile-menu-divider{height:1px;background:var(--border, #2a2a3a);margin:4px 12px}.user-profile-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:transparent;color:var(--text-primary, #e8e8f0);font-size:.88rem;cursor:pointer;text-align:left;transition:background .15s}.user-profile-menu-item:hover{background:var(--surface-muted, rgba(255, 255, 255, .04))}.user-profile-logout{color:#ef4444}.user-profile-logout:hover{background:#ef44441a}.upm-icon{font-size:1rem;width:20px;text-align:center}.user-profile-demo-badge{padding:8px 16px;font-size:.78rem;color:var(--text-muted, #888);text-align:center;border-top:1px solid var(--border, #2a2a3a);margin-top:4px}.sidebar-collapsed .user-profile-trigger{justify-content:center}.sidebar-collapsed .user-profile-menu{left:50%;transform:translate(-50%)}.exec-sort label{font-size:.82rem;color:var(--text-secondary);font-weight:600}.exec-sort select{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:.82rem;cursor:pointer}.exec-grid{display:flex;flex-direction:column;gap:14px}.exec-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .15s}.exec-card:hover{border-color:var(--accent-primary);box-shadow:0 2px 12px var(--shadow)}.exec-card-critical{border-left:4px solid #ef4444}.exec-card-top{display:flex;align-items:center;gap:16px;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.exec-card-title{flex:1;min-width:0}.exec-area-name{font-size:1.05rem;font-weight:700;color:var(--text-primary);display:block}.exec-area-path{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.exec-card-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.exec-total-badge{padding:3px 10px;border-radius:12px;background:var(--bg-hover);color:var(--text-secondary);font-size:.72rem;font-weight:600}.exec-crit-badge{padding:3px 10px;border-radius:12px;background:#ef444415;color:#ef4444;font-size:.72rem;font-weight:600}.exec-high-badge{padding:3px 10px;border-radius:12px;background:#f9731615;color:#f97316;font-size:.72rem;font-weight:600}.exec-activity-badge{padding:3px 10px;border-radius:12px;background:#3b82f615;color:#3b82f6;font-size:.72rem;font-weight:600}.exec-expand-icon{font-size:1rem;color:var(--text-muted);flex-shrink:0}.exec-status-bar{display:flex;height:8px;margin:0 20px;border-radius:4px;overflow:hidden;background:var(--bg-hover)}.exec-bar-segment{transition:width .4s ease;min-width:2px}.exec-bar-legend{display:flex;gap:14px;padding:8px 20px 14px;flex-wrap:wrap}.exec-legend-item{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--text-secondary)}.exec-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.exec-card-detail{border-top:1px solid var(--border);padding:20px;animation:fadeIn .2s ease}.exec-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}.exec-detail-section h4{margin:0 0 12px;font-size:.82rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.exec-detail-rows{display:flex;flex-direction:column;gap:8px}.exec-detail-row{display:flex;align-items:center;gap:10px}.exec-detail-label{display:flex;align-items:center;gap:6px;width:100px;font-size:.82rem;color:var(--text-secondary);flex-shrink:0}.exec-detail-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.exec-type-icon{font-size:.9rem}.exec-detail-bar-bg{flex:1;height:8px;background:var(--bg-hover);border-radius:4px;overflow:hidden}.exec-detail-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.exec-detail-count{width:28px;text-align:right;font-size:.82rem;font-weight:600;color:var(--text-primary)}.exec-state-table table{width:100%;border-collapse:collapse}.exec-state-table th{text-align:left;font-size:.72rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:6px 10px;border-bottom:1px solid var(--border)}.exec-state-table td{padding:8px 10px;border-bottom:1px solid var(--border);font-size:.85rem}.exec-table-count{font-weight:600;color:var(--text-primary);text-align:center}.exec-table-pct{color:var(--text-secondary);text-align:center}@media (max-width: 768px){.exec-page{padding:24px 16px}.exec-kpi-strip{flex-wrap:wrap}.exec-kpi{min-width:80px}.exec-detail-grid{grid-template-columns:1fr}.exec-card-top{flex-wrap:wrap}.exec-card-badges{width:100%}}.dashboard-page{padding:32px;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:24px;height:100%;overflow-y:auto}.dashboard-header{display:flex;align-items:center;justify-content:space-between}.dashboard-header h1{font-size:1.8rem;font-weight:700;margin:0;color:var(--text-primary)}.dashboard-header p{margin:4px 0 0;color:var(--text-muted);font-size:.92rem}.dashboard-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);padding-bottom:0}.dashboard-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;color:var(--text-muted);font-size:.92rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.dashboard-tab:hover{color:var(--text-primary)}.dashboard-tab.tab-active{color:var(--accent-primary, #6366f1);border-bottom-color:var(--accent-primary, #6366f1)}.tab-icon{font-size:1.05rem}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dashboard-kpi-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:border-color .2s,box-shadow .2s}.dashboard-kpi-card:hover{border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 1px var(--accent-primary, #6366f1)}.dashboard-kpi-icon{font-size:1.8rem;flex-shrink:0;width:48px;height:48px;display:grid;place-items:center;border-radius:12px}.kpi-blue{background:#3b82f61f}.kpi-purple{background:#8b5cf61f}.kpi-red{background:#ef44441f}.kpi-amber{background:#f59e0b1f}.dashboard-kpi-data{display:flex;flex-direction:column}.dashboard-kpi-value{font-size:1.6rem;font-weight:700;color:var(--text-primary);line-height:1.2}.dashboard-kpi-label{font-size:.82rem;color:var(--text-muted);margin-top:2px}.dashboard-charts-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.dashboard-chart-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.dashboard-chart-card h3{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--text-primary)}.dashboard-bar-chart{display:flex;flex-direction:column;gap:10px}.dashboard-bar-row{display:flex;align-items:center;gap:10px}.dashboard-bar-label{display:flex;align-items:center;gap:6px;width:110px;flex-shrink:0;font-size:.82rem;color:var(--text-secondary)}.dashboard-bar-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dashboard-bar-type-icon{font-size:.9rem;flex-shrink:0}.dashboard-bar-track{flex:1;height:20px;background:var(--surface-muted, rgba(255, 255, 255, .04));border-radius:4px;overflow:hidden}.dashboard-bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.22,1,.36,1);min-width:2px}.dashboard-bar-count{width:36px;text-align:right;font-size:.82rem;font-weight:600;color:var(--text-primary)}.dashboard-priority-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dashboard-priority-card{padding:14px;background:var(--surface-muted, rgba(255, 255, 255, .02));border-radius:8px;border-left:3px solid;display:flex;flex-direction:column;gap:2px}.dashboard-priority-count{font-size:1.5rem;font-weight:700;line-height:1.2}.dashboard-priority-label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.dashboard-priority-pct{font-size:.75rem;color:var(--text-muted)}.dashboard-recent{max-height:380px;overflow-y:auto}.dashboard-recent-list{display:flex;flex-direction:column;gap:2px}.dashboard-recent-item{display:flex;align-items:flex-start;gap:12px;padding:10px 8px;border-radius:8px;transition:background .15s}.dashboard-recent-item:hover{background:var(--surface-muted, rgba(255, 255, 255, .03))}.dashboard-recent-type{font-size:1.1rem;flex-shrink:0;margin-top:2px}.dashboard-recent-info{display:flex;flex-direction:column;gap:4px;min-width:0}.dashboard-recent-title{font-size:.88rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-recent-id{color:var(--text-muted);margin-right:6px;font-size:.82rem}.dashboard-recent-meta{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-muted)}.state-badge-sm{display:inline-block;padding:1px 8px;border-radius:4px;color:#fff;font-size:.72rem;font-weight:600}.dashboard-embed{flex:1;display:flex;flex-direction:column;min-height:0}.dashboard-embed-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:12px}.embed-info{font-size:.88rem;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:8px}.board-item-count{font-size:.76rem;padding:2px 8px;border-radius:8px;background:var(--accent-muted);color:var(--accent);font-weight:600}.embed-toolbar-actions{display:flex;align-items:center;gap:8px}.board-refresh-btn{font-size:.82rem!important;padding:5px 12px!important}.embed-open-link{font-size:.82rem;color:var(--accent-primary, #6366f1);text-decoration:none;font-weight:500;padding:4px 12px;border-radius:6px;border:1px solid var(--accent-primary, #6366f1);transition:background .15s}.embed-open-link:hover{background:#6366f11a}.kanban-board{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;min-height:400px}.kanban-column{flex:1;min-width:240px;max-width:340px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.kanban-column-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--bg-secondary);font-weight:600;font-size:.88rem}.kanban-column-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.kanban-column-name{flex:1}.kanban-column-count{font-size:.74rem;padding:1px 7px;border-radius:8px;background:var(--accent-muted);color:var(--text-muted);font-weight:600}.kanban-column-body{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px;max-height:600px}.kanban-card{padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:default;transition:box-shadow .15s,border-color .15s}.kanban-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #00000014}.kanban-card-top{display:flex;align-items:center;gap:6px;margin-bottom:4px}.kanban-card-type{font-size:.8rem}.kanban-card-id{font-size:.72rem;color:var(--text-muted);font-weight:500}.kanban-card-priority{margin-left:auto;font-size:.7rem}.kanban-card-title{font-size:.82rem;font-weight:500;line-height:1.35;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kanban-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:.72rem;color:var(--text-muted)}.kanban-card-assignee{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanban-card-time{flex-shrink:0}.kanban-card-more{text-align:center;font-size:.78rem;color:var(--text-muted);padding:8px;font-weight:500}.kanban-empty-col{text-align:center;font-size:.82rem;color:var(--text-muted);padding:24px 8px}.dashboard-embed-placeholder{flex:1;display:flex;align-items:center;justify-content:center}.embed-placeholder-card{text-align:center;padding:48px;background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:480px}.embed-placeholder-icon{font-size:3rem;display:block;margin-bottom:16px}.embed-placeholder-card h2{margin:0 0 12px;font-size:1.3rem;color:var(--text-primary)}.embed-placeholder-card p{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.6}.embed-placeholder-card code{background:var(--surface-muted, rgba(255, 255, 255, .06));padding:2px 6px;border-radius:4px;font-size:.82rem}.embed-placeholder-demo{margin-top:16px;padding:10px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;font-size:.82rem;color:#f59e0b}@media (max-width: 1024px){.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-charts-row{grid-template-columns:1fr}}@media (max-width: 640px){.dashboard-page{padding:16px}.dashboard-kpi-grid{grid-template-columns:1fr}}.dashboard-area-picker{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.dashboard-area-picker-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);padding-top:5px;flex-shrink:0}.dashboard-area-chips{display:flex;flex-wrap:wrap;gap:6px}.dashboard-area-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border:1px solid var(--border);border-radius:20px;background:transparent;color:var(--text-secondary);font-size:.82rem;cursor:pointer;transition:all .15s;white-space:nowrap}.dashboard-area-chip:hover{border-color:var(--accent-primary, #6366f1);color:var(--text-primary)}.dashboard-area-chip.chip-active{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1);color:#fff}.chip-count{font-size:.72rem;opacity:.7;font-weight:600}.dashboard-area-chip.chip-active .chip-count{opacity:.9}.dashboard-area-compare{overflow-x:auto}.dashboard-area-table table{width:100%;border-collapse:collapse;font-size:.85rem}.dashboard-area-table th{text-align:left;padding:8px 12px;font-weight:600;font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.dashboard-area-table-row{cursor:pointer;transition:background .15s}.dashboard-area-table-row:hover{background:var(--surface-muted, rgba(255, 255, 255, .03))}.dashboard-area-table-row td{padding:10px 12px;border-bottom:1px solid var(--border)}.area-table-name{font-weight:600;color:var(--text-primary)}.area-table-num{font-variant-numeric:tabular-nums;text-align:center;font-weight:500}.area-table-bar-track{width:100%;height:6px;background:var(--surface-muted, rgba(255, 255, 255, .04));border-radius:3px;overflow:hidden;min-width:60px}.area-table-bar-fill{height:100%;background:var(--accent-primary, #6366f1);border-radius:3px;transition:width .5s ease;min-width:2px}.dashboard-recent-loading,.dashboard-recent-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:.88rem}