*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}:root{--bg-app:#fff;--bg-canvas:#fff;--bg-sidebar:#0f1219;--bg-topbar:#14182222;--surface-1:#1a1f2b;--surface-1-hover:#1f2432;--surface-2:#222836;--surface-2-hover:#2a3142;--surface-3:#2a3042;--surface-alt:#171b25;--border-subtle:#242a38;--border-default:#2f3647;--border-strong:#3d4558;--border-focus:#7db8b3;--text-primary:#f1f5f9;--text-strong:#fff;--text-body:#e2e8f0;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-subtle:#64748b;--text-disabled:#475569;--text-on-accent:#0b0e14;--text-link:#9dd3cd;--text-link-hover:#bae5e0;--accent-primary:#7db8b3;--accent-primary-soft:#7db8b324;--accent-primary-hover:#94cbc6;--accent-primary-dim:#5a9591;--accent-gold:#e8c84a;--accent-gold-soft:#e8c84a29;--accent-gold-hover:#f0d76b;--status-success:#22c55e;--status-success-soft:#22c55e24;--status-warning:#f59e0b;--status-warning-soft:#f59e0b24;--status-danger:#ef4444;--status-danger-soft:#ef444424;--status-info:#3b82f6;--status-info-soft:#3b82f624;--status-neutral:#94a3b8;--status-neutral-soft:#94a3b824;--nav-bg:var(--bg-sidebar);--nav-item:var(--text-secondary);--nav-item-hover:var(--text-primary);--nav-item-hover-bg:#1c2230;--nav-item-active:var(--accent-gold);--nav-item-active-bg:#1f2634;--nav-section:var(--text-subtle);--field-bg:#0f1320;--field-bg-hover:#141827;--field-border:var(--border-default);--field-border-hover:var(--border-strong);--field-text:var(--text-body);--field-placeholder:#64748b;--field-disabled-bg:#161a25;--field-disabled-text:var(--text-disabled);--btn-primary-bg:var(--accent-primary);--btn-primary-bg-hover:var(--accent-primary-hover);--btn-primary-text:var(--text-on-accent);--btn-secondary-bg:#242a38;--btn-secondary-bg-hover:#2e3548;--btn-secondary-text:var(--text-primary);--btn-secondary-border:var(--border-default);--btn-danger-bg:var(--status-danger);--btn-danger-bg-hover:#dc2626;--btn-disabled-bg:#20252f;--btn-disabled-text:var(--text-disabled);--focus-ring:0 0 0 2px #7db8b373;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 16px 48px #0000007a;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-display:24px;--font-h1:22px;--font-h2:20px;--font-h3:16px;--font-h4:14px;--font-body:13px;--font-sm:12px;--font-xs:11px}body{background:var(--bg-app);color:var(--text-body)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.01em}strong,b{color:var(--text-primary)}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline}::placeholder{color:var(--field-placeholder);opacity:1}::-webkit-input-placeholder{color:var(--field-placeholder)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:inherit}.text-primary{color:var(--text-primary)!important}.text-strong{color:var(--text-strong)!important}.text-body{color:var(--text-body)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-subtle{color:var(--text-subtle)!important}.text-info{color:var(--status-info)!important}.text-accent{color:var(--accent-primary)!important}.text-gold{color:var(--accent-gold)!important}.entity-name{font-size:var(--font-h2);color:var(--text-primary);letter-spacing:-.015em;font-weight:700;line-height:1.2}.entity-identifier{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.section-title{font-size:var(--font-h3);color:var(--text-primary);margin:0 0 14px;font-weight:600}.metadata-label{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.metadata-value{font-size:var(--font-body);color:var(--text-primary);font-weight:500}.app-layout{background:var(--bg-app);min-height:100vh;color:var(--text-body);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;width:220px;height:100vh;min-height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:16px 16px 12px;display:flex}.sidebar-logo{color:#fff;background:linear-gradient(135deg,#7db8b3,#e8c84a);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.sidebar-title{color:var(--text-body);font-size:13px;font-weight:600}.workspace-switcher{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:4px;padding:8px 8px 4px;display:flex}.workspace-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;padding:6px 10px;font-size:11px;transition:all .15s;display:flex}.workspace-btn:hover{background:var(--surface-2);color:var(--text-body);border-color:var(--ws-color)}.workspace-btn.active{background:var(--surface-2);color:var(--ws-color);border-color:var(--ws-color);font-weight:600}.workspace-icon{font-size:13px}.workspace-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-ws-badge{color:var(--text-on-accent);vertical-align:middle;border-radius:12px;margin-right:8px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.sidebar-section{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:16px 16px 6px;font-size:10px;font-weight:600}.sidebar-nav{flex:1;padding:4px 0}.sidebar-btn{width:100%;color:var(--nav-item);cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sidebar-btn:hover{background:var(--nav-item-hover-bg);color:var(--nav-item-hover)}.sidebar-btn.active{background:var(--nav-item-active-bg);color:var(--nav-item-active);border-left-color:var(--nav-item-active);font-weight:600}.sidebar-btn:focus-visible{background:var(--nav-item-hover-bg);box-shadow:inset 3px 0 0 var(--accent-primary);outline:none}.sidebar-sub{padding-left:12px}.sidebar-btn-sub{padding:7px 16px 7px 24px;font-size:12px}.sidebar-footer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.sidebar-user{color:var(--text-muted);text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.sidebar-logout{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:3px 10px;font-size:11px}.sidebar-logout:hover{color:var(--text-body);border-color:var(--border-strong)}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--bg-sidebar);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.topbar-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.topbar-meta{color:var(--text-muted);margin-left:12px;font-size:12px}.topbar-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topbar-select,.topbar-date{background:var(--bg-app);border:1px solid var(--border-subtle);color:var(--text-body);border-radius:6px;padding:6px 10px;font-size:12px}.topbar-select option{background:var(--bg-sidebar);color:var(--text-body)}.topbar-clear{background:var(--surface-2);color:var(--text-muted);cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:11px}.topbar-clear:hover{color:var(--text-body)}.app{background:var(--bg-app);min-height:100vh;color:var(--text-body);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-header{color:#fff;background:linear-gradient(135deg,#3d7a75 0%,#5a9e98 50%,#7db8b3 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 32px;display:flex}.header-left h1{letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.header-sub{opacity:.8;margin:4px 0 0;font-size:14px}.header-right{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.filter-group{flex-direction:column;gap:3px;display:flex}.filter-group label{opacity:.7;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.header-right select,.header-right input[type=date]{color:#fff;cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;padding:7px 10px;font-size:13px}.header-right select option{color:var(--text-primary);background:var(--surface-1)}.btn-clear-filter{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;align-self:flex-end;padding:7px 12px;font-size:12px}.btn-clear-filter:hover{background:#ffffff40}.toolbar{background:var(--surface-1);border-bottom:2px solid var(--border-subtle);align-items:stretch;display:flex}.tab-nav{flex:1;gap:0;padding:0 24px;display:flex;overflow-x:auto}.tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:14px 20px;font-size:14px;font-weight:500;transition:all .2s}.tab-btn:hover{color:var(--accent-primary)}.tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);font-weight:600}.btn-gear{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.btn-gear:hover{background:#ffffff40}.gear-panel{background:var(--surface-1);border-bottom:1px solid var(--border-subtle);gap:8px;padding:8px 24px;display:flex}.filter-banner{background:var(--status-info-soft);border-bottom:1px solid var(--status-info-soft);color:var(--status-info);align-items:center;gap:8px;padding:8px 24px;font-size:13px;display:flex}.filter-tag{background:var(--status-info-soft);border-radius:12px;padding:2px 10px;font-weight:500}.subtab-nav{background:var(--surface-2);border-bottom:1px solid var(--border-subtle);gap:0;padding:0 24px;display:flex}.subtab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .2s}.subtab-btn:hover{color:var(--accent-primary)}.subtab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);font-weight:600}.welcome-screen{text-align:center;max-width:700px;margin:0 auto;padding:60px 24px}.welcome-hero{margin-bottom:40px}.welcome-logo{color:#fff;background:linear-gradient(135deg,#7db8b3,#e8c84a);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;font-size:22px;font-weight:700;display:inline-flex}.welcome-hero h2{color:var(--text-primary);margin:0 0 8px;font-size:24px}.welcome-hero p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.6}.welcome-steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;display:grid}.welcome-step{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:12px;padding:20px}.step-num{color:#fff;background:#7db8b3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.welcome-step h4{color:var(--text-primary);margin:0 0 6px;font-size:15px}.welcome-step p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.welcome-formats{color:var(--text-muted);margin-top:16px;font-size:12px}.main-content{background:var(--bg-canvas);color:#1e293b;flex:1;padding:20px;overflow-y:auto}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}@media (width<=1200px){.grid-3{grid-template-columns:1fr 1fr}}.grid-stack{flex-direction:column;gap:16px;display:flex}.mini-bar-wrap{background:var(--surface-2);border-radius:2px;flex-shrink:0;width:50px;height:4px;overflow:hidden}.mini-bar{background:linear-gradient(90deg,#7db8b3,#e8c84a);border-radius:2px;height:100%}@media (width<=900px){.grid-2,.grid-3{grid-template-columns:1fr}}.app-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-subtle);margin-top:32px;padding:24px;font-size:13px}.empty-state{text-align:center;max-width:480px;margin:0 auto;padding:80px 24px}.empty-icon{color:var(--accent-primary);margin-bottom:16px;font-size:48px}.empty-state h2{color:var(--text-primary);margin:0 0 8px;font-size:22px}.empty-state p{color:var(--text-muted);margin:0 0 24px;font-size:15px;line-height:1.6}.loader,.spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{z-index:9999;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;top:16px;right:16px}.toast{border-radius:var(--radius-md);font-size:var(--font-body);cursor:pointer;box-shadow:var(--shadow-md);background:var(--surface-3);color:var(--text-primary);border:1px solid var(--border-subtle);border-left-width:4px;padding:12px 16px 12px 18px;font-weight:500;animation:.25s slideIn;position:relative}.toast-success{border-left-color:var(--status-success)}.toast-error{border-left-color:var(--status-danger)}.toast-info{border-left-color:var(--status-info)}.toast-warn{border-left-color:var(--status-warning)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:1px solid var(--btn-primary-bg);border-radius:var(--radius-md);font-size:var(--font-body);cursor:pointer;letter-spacing:.01em;padding:9px 18px;font-weight:600;transition:background .15s,border-color .15s}.btn-primary:hover{background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-bg-hover)}.btn-primary:disabled{background:var(--btn-disabled-bg);border-color:var(--btn-disabled-bg);color:var(--btn-disabled-text);cursor:not-allowed}.btn-primary.btn-lg{padding:14px 32px;font-size:15px}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);border-radius:var(--radius-md);font-size:var(--font-body);cursor:pointer;padding:8px 16px;font-weight:500;transition:all .15s}.btn-secondary:hover{background:var(--btn-secondary-bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.btn-secondary:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-text);border-color:var(--border-subtle);cursor:not-allowed}.btn-remove,.btn-danger{color:var(--status-danger);border-radius:var(--radius-md);font-size:var(--font-body);cursor:pointer;background:0 0;border:1px solid #ef44444d;padding:8px 14px;font-weight:500;transition:all .15s}.btn-remove:hover,.btn-danger:hover{background:var(--status-danger-soft);border-color:var(--status-danger)}.btn-link{color:var(--text-link);font-size:var(--font-body);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.btn-link:hover{color:var(--text-link-hover)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=date],input[type=tel],input[type=url],select,textarea{background:var(--field-bg);border:1px solid var(--field-border);color:var(--field-text);font-family:inherit}input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=number]:hover,input[type=search]:hover,input[type=date]:hover,input[type=tel]:hover,input[type=url]:hover,select:hover,textarea:hover{border-color:var(--field-border-hover)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--border-focus);box-shadow:var(--focus-ring);outline:none}input:disabled,select:disabled,textarea:disabled{background:var(--field-disabled-bg);color:var(--field-disabled-text);border-color:var(--border-subtle);cursor:not-allowed}select option{background:var(--surface-3);color:var(--text-primary)}label{color:var(--text-secondary);font-weight:500}.app-shell{background:var(--bg-app);grid-template-columns:64px 232px 1fr;min-height:100vh;display:grid}.app-shell[data-nav-collapsed=true]{grid-template-columns:64px 0 1fr}.app-shell[data-nav-collapsed=true] .nav-col{display:none}.rail{background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);z-index:20;flex-direction:column;align-items:center;width:64px;height:100vh;min-height:100vh;padding:12px 0 16px;display:flex;position:sticky;top:0;overflow-y:auto}.rail-logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-fill,#7db8b3), var(--accent-gold-fill,#e8c84a));color:#fff;letter-spacing:.02em;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:flex}.rail-divider{background:var(--border-subtle);flex-shrink:0;width:28px;height:1px;margin:10px 0}.rail-workspaces{flex-direction:column;align-items:center;gap:4px;display:flex}.rail-ws-btn{border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:20px;transition:all .15s;display:flex;position:relative}.rail-ws-btn:hover,.rail-ws-btn.active{background:var(--surface-1);color:var(--text-primary)}.rail-ws-indicator{background:var(--ws-color,var(--accent-primary));border-radius:0 3px 3px 0;width:3px;height:22px;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.rail-ws-icon{font-size:18px;line-height:1}.rail-tooltip{background:var(--surface-3);color:var(--text-primary);border-radius:var(--radius-sm);white-space:nowrap;box-shadow:var(--shadow-md);border:1px solid var(--border-default);pointer-events:none;z-index:30;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.rail-spacer{flex:1}.rail-sections{flex-direction:column;align-items:center;gap:4px;display:flex}.rail-section-btn{border-radius:var(--radius-md);width:44px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:all .15s;display:flex}.rail-section-btn:hover{background:var(--surface-1);color:var(--text-primary)}.rail-section-btn.active{background:var(--accent-primary-soft);color:var(--accent-primary)}.rail-section-label{text-transform:uppercase;letter-spacing:.06em;font-size:8px;font-weight:600}.rail-settings{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-top:8px;transition:color .15s;display:flex}.rail-settings:hover{color:var(--text-primary)}.nav-col{background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);flex-direction:column;width:232px;height:100vh;min-height:100vh;transition:width .2s;display:flex;position:sticky;top:0;overflow-y:auto}.nav-col-identity{border-bottom:1px solid var(--border-subtle);padding:14px 16px 12px}.nav-col-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--text-subtle);margin-bottom:4px;font-size:10px;font-weight:600}.nav-col-name{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.nav-col-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.nav-col-items{flex:1;padding:8px 10px;overflow-y:auto}.nav-col-group{margin-bottom:2px}.nav-col-btn{width:100%;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.nav-col-btn:hover{background:var(--nav-item-hover-bg);color:var(--nav-item-hover)}.nav-col-btn.active{background:var(--accent-primary-soft);color:var(--accent-primary);font-weight:600}.nav-col-btn-label{flex:1}.nav-col-badge{border-radius:10px;padding:1px 7px;font-size:10px;font-weight:700;line-height:1.6}.nav-col-badge.danger{background:var(--status-danger-soft);color:var(--status-danger)}.nav-col-badge.muted{background:var(--status-neutral-soft);color:var(--text-muted)}.nav-col-badge.gold{background:var(--accent-gold-soft);color:var(--accent-gold)}.nav-col-children{margin-bottom:4px;padding-left:14px}.nav-col-child{width:100%;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;padding:5px 10px;font-size:12.5px;font-weight:500;transition:all .12s;display:block}.nav-col-child:hover{color:var(--text-primary)}.nav-col-child.active{color:var(--accent-primary);font-weight:600}.nav-col-footer{border-top:1px solid var(--border-subtle);align-items:center;gap:10px;padding:12px 14px;display:flex}.nav-col-avatar{background:linear-gradient(135deg, var(--accent-fill,#7db8b3), var(--accent-gold-fill,#e8c84a));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.nav-col-user{flex:1;min-width:0}.nav-col-user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.nav-col-user-role{margin-top:1px}.nav-col-role-badge{text-transform:uppercase;letter-spacing:.05em;background:var(--accent-primary-soft);color:var(--accent-primary);border-radius:8px;padding:1px 6px;font-size:9px;font-weight:600}.nav-col-signout{border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .12s;display:flex}.nav-col-signout:hover{border-color:var(--border-strong);color:var(--text-primary)}.cmd-bar{background:var(--surface-1);border-bottom:1px solid var(--border-subtle);z-index:10;flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.cmd-bar-toggle{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .12s;display:flex}.cmd-bar-toggle:hover{background:var(--surface-2);color:var(--text-primary)}.cmd-bar-title-group{flex-shrink:0;align-items:baseline;gap:8px;display:flex}.cmd-bar-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.cmd-bar-crumb{color:var(--text-muted);font-size:12px}.cmd-bar-search{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:text;flex:1;align-items:center;gap:8px;max-width:520px;padding:7px 12px;display:flex}.cmd-bar-search-icon{color:var(--text-muted);flex-shrink:0}.cmd-bar-search-input{color:var(--text-body);outline:none;flex:1;padding:0;font-size:13px;background:0 0!important;border:none!important}.cmd-bar-search-input::placeholder{color:var(--text-muted)}.cmd-bar-kbd{color:var(--text-subtle);background:var(--surface-1);border:1px solid var(--border-default);border-radius:4px;flex-shrink:0;padding:1px 5px;font-family:inherit;font-size:10px;font-weight:600}.cmd-bar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.cmd-bar-syncing{color:var(--accent-primary);font-size:11px;font-weight:500}.cmd-bar-refresh{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:15px;transition:all .12s;display:flex}.cmd-bar-refresh:hover{color:var(--text-primary);border-color:var(--border-strong)}.cmd-bar-upload{padding:7px 14px;font-size:12px}.scope-bar{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;display:flex}.scope-bar-label{color:var(--text-muted);flex-shrink:0;align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.scope-chip{background:var(--surface-2);border:1px solid var(--border-default);border-radius:16px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;display:inline-flex}.scope-chip-key{color:var(--text-muted);font-weight:500}.scope-chip-value{color:var(--text-primary);font-weight:600}.scope-chip-x{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:2px;padding:0;font-size:13px;line-height:1}.scope-chip-x:hover{color:var(--text-primary)}.scope-bar-spacer{flex:1}.scope-bar-summary{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-family:JetBrains Mono,SF Mono,monospace;font-size:11.5px}.shell-main{flex-direction:column;min-width:0;min-height:100vh;display:flex}.shell-page{background:var(--bg-canvas);flex:1;padding:20px;overflow-y:auto}@media (width<=1100px){.app-shell{grid-template-columns:64px 0 1fr}.nav-col{display:none}}@media (width<=768px){.app-shell{grid-template-columns:0 0 1fr}.rail,.cmd-bar-search{display:none}}.empty-chart{text-align:center;color:var(--text-muted);padding:48px 24px!important}.empty-chart h3{color:var(--text-secondary)}.empty-chart p{margin:8px 0 0;font-size:14px}.chart-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.chart-header-row h3{margin:0}.chart-count{color:var(--text-muted);background:var(--surface-2);border-radius:12px;padding:2px 10px;font-size:13px}.load-more{margin:16px auto 0;font-size:13px;display:block}.kpi-clickable{cursor:pointer;transition:transform .15s}.kpi-clickable:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc262626}.kpi-alert-hint{color:var(--status-danger);margin-top:6px;font-size:11px;font-weight:500}.mini-card{padding:16px!important}.mini-card h3{margin-bottom:12px!important;font-size:13px!important}.mini-list{flex-direction:column;gap:6px;display:flex}.mini-list-item{border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;transition:background .1s;display:flex}.mini-list-item:hover{background:var(--surface-1-hover)}.mini-rank{background:var(--surface-2);width:18px;height:18px;color:var(--text-muted);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.mini-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mini-value{color:var(--text-primary);flex-shrink:0;font-weight:600}.mini-pct{color:var(--text-muted);text-align:right;min-width:30px;font-size:11px}.mini-change{text-align:right;min-width:45px;color:var(--text-muted);font-size:11px;font-weight:600}.mini-change.up{color:var(--status-danger)}.mini-change.down{color:var(--status-success)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.kpi-card{background:var(--bg-sidebar);border:1px solid var(--border-subtle);border-radius:10px;padding:16px;transition:all .2s}.kpi-card:hover{background:var(--surface-1-hover);border-color:#3a3d4a}.kpi-alert{background:#1a1215;border-color:#7f1d1d}.kpi-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px;font-size:10px;font-weight:600}.kpi-value{color:var(--text-primary);letter-spacing:-.5px;font-size:24px;font-weight:700}.kpi-sub{color:var(--text-muted);margin-top:4px;font-size:12px}.chart-card{background:var(--surface-1);color:var(--text-body);border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:16px;padding:20px}.chart-card h1,.chart-card h2,.chart-card h3,.chart-card h4,.chart-card h5,.chart-card h6{color:var(--text-primary)}.chart-card h3{font-size:var(--font-h3);color:var(--text-primary);margin:0 0 16px;font-weight:600}.chart-card h2{font-size:var(--font-h2);letter-spacing:-.015em;color:var(--text-primary);margin:0 0 12px;font-weight:700}.chart-note{color:var(--text-muted);margin-top:12px;font-size:13px;font-style:italic}table{border-collapse:collapse;width:100%;font-size:var(--font-sm);color:var(--text-body)}thead th{text-align:left;background:var(--surface-alt);border-bottom:1px solid var(--border-default);color:var(--text-muted);font-weight:600;font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.06em;padding:10px 12px}tbody td{border-bottom:1px solid var(--border-subtle);color:var(--text-body);padding:10px 12px}tbody tr:hover{background:var(--surface-1-hover)}tbody tr:hover td{color:var(--text-primary)}.property-table,.anomaly-table-wrap{margin-top:20px;overflow-x:auto}.text-danger{color:var(--status-danger)}.text-success{color:var(--status-success)}.deviation-badge{background:var(--status-danger-soft);color:var(--status-danger);border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.urgency-badge{border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600}.urgency-emergency{background:var(--status-danger-soft);color:var(--status-danger)}.urgency-planned{background:var(--status-success-soft);color:var(--status-success)}.urgency-routine{background:var(--status-warning-soft);color:var(--status-warning)}.data-badge{background:var(--status-success-soft);color:var(--status-success);border-radius:12px;margin-left:8px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.data-badge.sample{color:#fffc;background:#fff3}.export-bar{align-items:center;gap:6px;padding:0 16px;display:flex}.btn-export{background:var(--surface-2);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .2s}.btn-export:hover{background:var(--accent-primary-soft);color:#5a9e98;border-color:#b8ddd9}.exec-ai-bar{background:var(--surface-1);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.category-scorecard{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.cat-score-card{--cat-color:var(--accent-primary);background:var(--surface-1);border:1px solid var(--border-subtle);border-left:3px solid var(--cat-color);border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.cat-score-head{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:2px;font-size:13px;display:flex}.cat-score-spend{color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.cat-score-pct{color:var(--text-muted);font-size:11px}.cat-score-trend{align-items:center;margin-top:4px;margin-bottom:6px;display:flex}.cat-score-meta{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(2,1fr);gap:6px 10px;margin-top:4px;padding-top:10px;display:grid}.cat-score-meta .cat-meta-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:1px;font-size:9px}.cat-score-meta .cat-meta-value{color:var(--text-body);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.exec-overview{flex-direction:column;gap:16px;display:flex}.exec-kpis{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.exec-kpi{background:var(--bg-sidebar);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;gap:4px;min-height:92px;padding:16px 18px;display:flex}.exec-kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.exec-kpi-value{color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.exec-kpi-value-sm{letter-spacing:0;font-size:17px;line-height:1.2}.exec-kpi-sub{color:var(--text-muted);margin-top:auto;font-size:11px}.exec-charts{grid-template-columns:1fr 1.2fr;gap:16px;display:grid}.exec-charts .chart-card{margin-bottom:0}.exec-table-wrap{overflow-x:auto}.exec-table{border-collapse:collapse;width:100%;font-size:13px}.exec-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);padding:10px 12px;font-size:11px;font-weight:600}.exec-table th.num,.exec-table td.num{text-align:right;font-variant-numeric:tabular-nums}.exec-table tbody td{color:var(--text-secondary);border-bottom:1px solid #1e2130;padding:12px}.exec-table tbody tr:last-child td{border-bottom:none}.exec-table tbody tr:hover{background:var(--surface-1-hover)}.exec-cat-dot{vertical-align:middle;border-radius:3px;width:10px;height:10px;margin-right:10px;display:inline-block}.exec-top-suppliers{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:12px;overflow:hidden}.exec-trend{border-radius:12px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.exec-trend-increasing{color:var(--status-danger);background:#ef44441f}.exec-trend-decreasing{color:var(--status-success);background:#10b9811f}.exec-trend-stable{color:var(--text-muted);background:#64748b26}.exec-panels{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.exec-panels .chart-card{height:100%;margin-bottom:0}.exec-panel h3{justify-content:space-between;align-items:center;gap:10px;display:flex}.exec-savings-total{color:var(--status-success);background:#10b9811f;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.exec-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.exec-list li{color:var(--text-secondary);font-size:13px;line-height:1.5}.exec-risk-list li,.exec-savings-list li{background:var(--surface-1-hover);border:1px solid var(--border-subtle);border-radius:8px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.exec-severity{text-transform:uppercase;letter-spacing:.08em;border-radius:10px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:700}.exec-severity-high{color:var(--status-danger);background:#ef444426}.exec-severity-medium{color:var(--status-warning);background:#f59e0b26}.exec-severity-low{color:var(--status-success);background:#10b98126}.exec-risk-cat,.exec-savings-cat{color:var(--text-primary);margin-bottom:2px;font-size:12px;font-weight:600}.exec-risk-issue,.exec-savings-text{color:var(--text-muted);font-size:12px;line-height:1.4}.exec-savings-amt{color:var(--status-success);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:70px;font-size:16px;font-weight:700}@media (width<=1280px){.exec-kpis{grid-template-columns:repeat(3,1fr)}.exec-charts,.exec-panels{grid-template-columns:1fr}}@media (width<=720px){.exec-kpis{grid-template-columns:repeat(2,1fr)}}.workspace-overview-card .chart-note{margin-top:-8px;margin-bottom:12px}.workspace-overview{grid-template-columns:minmax(220px,1fr) minmax(260px,1.4fr);align-items:center;gap:24px;display:grid}.workspace-overview-chart{position:relative}.workspace-overview-total{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wo-total-value{color:var(--text-primary);letter-spacing:-.01em;font-size:22px;font-weight:700}.wo-total-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:11px}.workspace-overview-list{flex-direction:column;gap:10px;display:flex}.workspace-overview-item{background:var(--surface-1-hover);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s;display:flex}.workspace-overview-item:hover{border-color:#3a3d4a}.wo-icon{color:#0f1117;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:inline-flex}.wo-body{flex:1;min-width:0}.wo-top{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.wo-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.wo-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.wo-meta{color:var(--text-muted);align-items:center;gap:10px;font-size:11px;display:flex}.wo-bar-wrap{background:var(--surface-2);border-radius:3px;flex:1;height:6px;overflow:hidden}.wo-bar{border-radius:3px;height:100%;transition:width .3s}.wo-pct{font-variant-numeric:tabular-nums;text-align:right;min-width:42px}.wo-count{font-variant-numeric:tabular-nums;text-align:right;min-width:70px}@media (width<=900px){.workspace-overview{grid-template-columns:1fr}}.subcategory-summary{border-top:1px solid var(--border-subtle);margin-top:24px;padding-top:20px}.subcategory-summary h4{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 14px;font-size:14px;font-weight:600}.subcategory-summary .anomaly-table-wrap{border:1px solid var(--border-subtle);background:var(--bg-sidebar);border-radius:10px;overflow:hidden}.subcategory-summary table{font-size:13px}.subcategory-summary thead th{background:var(--surface-1-hover);color:var(--text-muted);letter-spacing:.08em;border-bottom:1px solid var(--border-subtle);padding:10px 14px;font-size:10px}.subcategory-summary tbody td{color:var(--text-secondary);border-bottom:1px solid #1e2130;padding:12px 14px}.subcategory-summary tbody tr:last-child td{border-bottom:none}.subcategory-summary tbody tr:hover td{background:#7db8b30a}.subcat-parent{vertical-align:top;background:linear-gradient(90deg,#7db8b314,#7db8b300);position:relative;border-right:1px solid #2a2d3a!important;padding-left:18px!important}.subcat-parent:before{content:"";background:#7db8b3;border-radius:2px;width:3px;position:absolute;top:10px;bottom:10px;left:0}.subcat-parent strong{color:var(--text-primary);letter-spacing:-.01em;font-size:13px;font-weight:600}.subcat-parent .text-muted{font-variant-numeric:tabular-nums;margin-top:3px;font-size:11px;display:inline-block;color:var(--text-muted)!important}.category-detail{flex-direction:column;gap:16px;display:flex}.cat-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.cat-card{--cat-color:var(--accent-primary);background:var(--bg-sidebar);border:1px solid var(--border-subtle);border-left:3px solid var(--cat-color);text-align:left;cursor:pointer;color:inherit;font:inherit;border-radius:10px;flex-direction:column;gap:8px;padding:16px 18px;transition:border-color .15s,background .15s,transform .15s;display:flex}.cat-card:hover{border-color:#3a3d4a;border-left-color:var(--cat-color);background:#1e2230}.cat-card-active{background:var(--surface-1-hover);border-left-color:var(--cat-color);border-color:var(--cat-color)!important}.cat-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.cat-card-title{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;display:flex}.cat-dot{border-radius:3px;width:10px;height:10px;display:inline-block}.cat-card-spend{color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:24px;font-weight:700}.cat-card-pct{color:var(--text-muted);font-size:12px}.cat-card-meta{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px;padding-top:8px;display:grid}.cat-meta-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:2px;font-size:10px}.cat-meta-value{color:var(--text-body);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.cat-card-bar{background:var(--surface-2);border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.cat-card-bar-fill{border-radius:2px;height:100%;transition:width .3s}.cat-drill-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.cat-drill-head h3{align-items:center;gap:10px;margin:0;display:flex}.renewal-calendar{flex-direction:column;gap:16px;display:flex}.renewal-kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.renewal-kpi{background:var(--bg-sidebar);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:column;gap:4px;min-height:92px;padding:16px 18px;display:flex}.renewal-kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.renewal-kpi-value{color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.renewal-kpi-sub{color:var(--text-muted);margin-top:auto;font-size:11px}.renewal-group{margin-bottom:0}.renewal-group-head h3{align-items:center;gap:10px;margin:0 0 14px;display:flex}.renewal-group-count{color:var(--text-muted);background:var(--surface-1-hover);border:1px solid var(--border-subtle);border-radius:12px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:600}.renewal-pip{border-radius:50%;width:10px;height:10px;display:inline-block}.renewal-pip-high{background:#ef4444;box-shadow:0 0 0 3px #ef44441f}.renewal-pip-medium{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.renewal-pip-low{background:#e8c84a;box-shadow:0 0 0 3px #e8c84a1f}.renewal-pip-ok{background:#7db8b3;box-shadow:0 0 0 3px #7db8b31f}.renewal-pip-muted{background:#64748b;box-shadow:0 0 0 3px #64748b1f}.renewal-group-high{border-left:3px solid #ef4444}.renewal-group-medium{border-left:3px solid #f59e0b}.renewal-group-low{border-left:3px solid #e8c84a}.renewal-group-ok{border-left:3px solid #7db8b3}.renewal-group-muted{border-left:3px solid #64748b}.renewal-items{flex-direction:column;gap:8px;display:flex}.renewal-item{background:var(--surface-1-hover);border:1px solid var(--border-subtle);border-radius:8px;grid-template-columns:minmax(180px,2fr) 1fr 1.2fr 1fr;align-items:center;gap:16px;padding:14px 16px;transition:border-color .15s,background .15s;display:grid}.renewal-item:hover{background:#262936;border-color:#3a3d4a}.renewal-item-main{min-width:0}.renewal-item-title{color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.renewal-source{text-transform:uppercase;letter-spacing:.08em;border-radius:10px;flex-shrink:0;padding:2px 7px;font-size:9px;font-weight:700}.renewal-source-contract{color:var(--accent-primary);background:#7db8b326}.renewal-source-column{color:var(--accent-gold);background:#e8c84a26}.renewal-source-cadence{color:#3b82f6;background:#3b82f626}.renewal-item-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.renewal-item-col{flex-direction:column;gap:2px;min-width:0;display:flex}.renewal-col-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px;font-weight:600}.renewal-col-value{color:var(--text-body);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.renewal-col-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.renewal-col-meta.muted{color:var(--text-muted)}.renewal-col-meta.warn{color:var(--status-warning);font-weight:600}.renewal-col-meta.past{color:var(--status-danger);font-weight:600}@media (width<=1100px){.renewal-kpis{grid-template-columns:repeat(2,1fr)}.renewal-item{grid-template-columns:1fr 1fr;gap:12px}.renewal-item-main{grid-column:1/-1}}.tech-usage{flex-direction:column;gap:16px;display:flex}.tech-usage-upload-btn{background:var(--bg-app);width:100%;color:var(--text-secondary);cursor:pointer;border:2px dashed #3a3d4a;border-radius:10px;padding:28px 20px;transition:border-color .15s,background .15s;display:block}.tech-usage-upload-btn:hover{border-color:var(--accent-primary);background:#1c1f2a}.tech-usage-upload-btn.drag-over{border-color:var(--accent-primary);background:var(--accent-primary-soft)}.tech-usage-upload-inner{pointer-events:none;justify-content:center;align-items:center;gap:16px;display:flex}.tech-usage-upload-icon{font-size:32px;line-height:1}.tech-usage-upload-text{flex-direction:column;gap:4px;display:flex}.tech-usage-upload-text strong{color:var(--text-primary);font-size:14px;font-weight:600}.tech-usage-upload-text span{color:var(--text-muted);font-size:12px}.tech-usage-preview-summary{color:var(--text-body);background:#2c303d;border:1px solid #3a3d4a;border-radius:8px;padding:12px 14px;font-size:13px}.tech-usage-preview-summary code{background:var(--bg-app);color:var(--accent-primary);border-radius:4px;padding:1px 6px;font-size:11px}.usage-map-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:14px;display:grid}.usage-map-row{background:var(--surface-1-hover);border:1px solid var(--border-subtle);border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.usage-map-label{color:var(--text-primary);font-size:12px;font-weight:600}.usage-map-req{color:var(--status-danger);margin-left:2px}.usage-map-hint{color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:400}.usage-map-select{background:var(--bg-app);color:var(--text-body);border:1px solid var(--border-subtle);cursor:pointer;border-radius:6px;padding:8px 10px;font-size:13px}.usage-map-select:focus{border-color:var(--accent-primary);outline:none}.usage-util-pill{font-variant-numeric:tabular-nums;color:var(--text-muted);background:#64748b26;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.usage-util-pill.good{color:var(--status-success);background:#10b98126}.usage-util-pill.ok{color:var(--status-warning);background:#f59e0b26}.usage-util-pill.bad{color:var(--status-danger);background:#ef444426}.usage-row-shelfware td:first-child{border-left:3px solid #ef4444;padding-left:14px}.util-up{color:var(--status-success);font-weight:600}.util-down{color:var(--status-danger);font-weight:600}.savings-tracker{flex-direction:column;gap:16px;display:flex}.savings-form{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px;display:grid}.savings-form label{color:var(--text-primary);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.savings-form-full{grid-column:1/-1}.savings-form input,.savings-form textarea{background:var(--bg-app);border:1px solid var(--border-subtle);color:var(--text-body);border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:400}.savings-form input:focus,.savings-form textarea:focus{border-color:var(--accent-primary);outline:none}.savings-filters{background:var(--surface-1-hover);border:1px solid var(--border-subtle);border-radius:8px;gap:4px;padding:3px;display:flex}.savings-filter{color:var(--text-muted);cursor:pointer;text-transform:capitalize;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500}.savings-filter.active{color:var(--text-primary);background:#2f3342}.savings-status{border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.savings-status-muted{color:var(--text-muted);background:#64748b26}.savings-status-warn{color:var(--status-warning);background:#f59e0b26}.savings-status-good{color:var(--status-success);background:#10b98126}.savings-status-danger{color:var(--status-danger);background:#ef444426}.savings-status-select{background:var(--surface-1-hover);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:5px 8px;font-size:11px}.savings-source{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);background:#7db8b31f;border-radius:10px;margin-left:8px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-block}.savings-edit-row td{background:var(--bg-app)!important}.savings-edit-grid{grid-template-columns:1fr 2fr;gap:12px;padding:8px 0;display:grid}.savings-edit-grid label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;flex-direction:column;gap:4px;font-size:11px;font-weight:600;display:flex}.savings-edit-grid input,.savings-edit-grid textarea{background:var(--surface-1-hover);border:1px solid var(--border-subtle);color:var(--text-body);border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:400}.savings-track-btn{border:1px solid var(--border-subtle);color:var(--accent-primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;flex-shrink:0;padding:5px 10px;font-size:11px;font-weight:600}.savings-track-btn:hover:not(:disabled){border-color:var(--accent-primary);background:#7db8b314}.savings-track-btn:disabled{color:var(--status-success);cursor:default}.contract-search-bar{margin-bottom:12px}.contract-search-input{border:1px solid var(--border-subtle);box-sizing:border-box;border-radius:8px;width:100%;margin-bottom:8px;padding:10px 14px;font-size:14px}.contract-alerts{background:var(--status-warning-soft);border:1px solid #fcd34d;border-radius:12px;margin-bottom:20px;padding:16px 20px}.contract-alerts h4{color:var(--status-warning);margin:0 0 10px;font-size:14px}.contract-alert-item{border-bottom:1px solid #fef3c7;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 0;font-size:13px;display:flex}.contract-alert-item.urgent{color:var(--status-danger);font-weight:500}.contract-alert-item:last-child{border-bottom:none}.contract-detail-top{justify-content:space-between;margin-bottom:16px;display:flex}.contract-detail-header{margin-bottom:20px}.contract-detail-header h2{margin:8px 0 4px;font-size:22px}.confidence-badge{text-transform:uppercase;letter-spacing:.3px;margin-left:8px;font-size:12px;font-weight:600}.contract-viewer-section{margin:16px 0}.contract-inline-viewer{border:1px solid var(--border-subtle);border-radius:8px;margin-top:8px;overflow:hidden}.contract-inline-viewer iframe{border:none;width:100%;height:600px}.contract-section{border-top:1px solid #f1f5f9;margin:16px 0;padding:12px 0}.contract-section h4{color:var(--text-secondary);margin:0 0 8px;font-size:14px}.contract-section p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.contract-section ul{margin:4px 0;padding-left:18px;font-size:13px}.text-warning{color:var(--status-warning)}.contract-filters{border-bottom:1px solid var(--border-subtle);gap:0;margin-bottom:16px;display:flex;overflow-x:auto}.contract-list{flex-direction:column;gap:8px;display:flex}.contract-card{border:1px solid var(--border-subtle);border-radius:10px;transition:box-shadow .2s;overflow:hidden}.contract-card:hover{box-shadow:0 2px 8px #0000000f}.contract-expiring{background:#fffef5;border-color:#fcd34d}.contract-card-header{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.contract-card-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.contract-card-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.contract-status{color:#fff;text-transform:capitalize;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600}.contract-type{color:var(--text-muted);background:var(--surface-2);border-radius:4px;padding:2px 8px;font-size:11px}.contract-value{color:var(--text-primary);font-size:16px;font-weight:700}.contract-days{background:var(--status-success-soft);color:var(--status-success);border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600}.contract-days.soon{background:var(--status-warning-soft);color:var(--status-warning)}.contract-days.expired{background:var(--status-danger-soft);color:var(--status-danger)}.contract-expand{color:var(--text-muted);text-align:center;width:24px;font-size:18px}.contract-card-body{border-top:1px solid #f1f5f9;padding:0 16px 16px}.contract-detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0;display:grid}.contract-detail-grid>div{background:var(--surface-2);border-radius:8px;padding:8px 12px}.contract-detail-grid span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;display:block}.contract-detail-grid strong{color:var(--text-primary);font-size:14px}.contract-summary{color:var(--text-secondary);margin:12px 0;font-size:14px;line-height:1.6}.contract-tags{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;display:flex}.tag-label{color:var(--text-muted);font-size:12px}.contract-tag{background:var(--accent-primary-soft);color:#5a9e98;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500}.contract-terms,.contract-risks{margin:12px 0;font-size:13px}.contract-terms ul,.contract-risks ul{margin:4px 0;padding-left:18px}.contract-risks{color:var(--status-warning)}.contract-attachment{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;padding:10px 14px;display:flex}.attachment-icon{font-size:18px}.attachment-name{color:var(--text-secondary);font-size:13px;font-weight:600}.contract-card-actions{border-top:1px solid #f1f5f9;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.contract-form{margin-top:16px}.contract-form h4{margin:0 0 16px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px;display:grid}.form-grid-wide{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.form-field label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border-subtle);box-sizing:border-box;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.form-field textarea{resize:vertical;font-family:inherit}.checkbox-label{align-items:center;gap:6px;color:var(--text-secondary)!important;font-size:14px!important;font-weight:400!important;display:flex!important}.contract-paste h4{margin:0 0 12px}.contract-file-upload{background:var(--surface-1-hover);border:1px solid var(--border-subtle);border-radius:8px;margin:16px 0;padding:14px}.contract-file-drop{text-align:center;cursor:pointer;color:var(--text-muted);border:2px dashed #2a2d3a;border-radius:8px;padding:20px;font-size:13px;transition:all .2s}.contract-file-drop:hover{border-color:var(--accent-primary);color:var(--accent-primary)}@media (width<=768px){.contract-card-header{flex-direction:column;align-items:flex-start}.contract-card-right{justify-content:flex-start;width:100%}.contract-detail-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}}.contracts-layout{background:var(--bg-app);min-height:100vh;color:var(--text-body);display:flex}.contracts-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;width:240px;height:100vh;min-height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.contracts-sidebar-brand{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:16px 16px 14px;display:flex}.contracts-sidebar-logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-fill,#7db8b3), var(--accent-gold-fill,#e8c84a));width:36px;height:36px;color:var(--text-on-accent);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.contracts-sidebar-title{color:var(--text-primary);font-size:14px;font-weight:700}.contracts-sidebar-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.contracts-back-btn{border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;margin:10px 12px;padding:6px 10px;font-size:11px;font-weight:500}.contracts-back-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.contracts-nav{flex:1;padding:8px 10px}.contracts-nav-btn{text-align:left;width:100%;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;margin-bottom:2px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .12s;display:block}.contracts-nav-btn:hover{background:var(--nav-item-hover-bg);color:var(--nav-item-hover)}.contracts-nav-btn.active{background:var(--accent-primary-soft);color:var(--accent-primary);font-weight:600}.contracts-sidebar-footer{border-top:1px solid var(--border-subtle);padding:12px 14px}.contracts-sidebar-user{color:var(--text-muted);font-size:12px}.contracts-main-area{flex-direction:column;flex:1;min-width:0;display:flex}.contracts-topbar{background:var(--surface-1);border-bottom:1px solid var(--border-subtle);padding:14px 24px}.contracts-page-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.contracts-main{background:var(--bg-canvas);color:#1e293b;flex:1;padding:20px;overflow-y:auto}.vendor-uploads-list{background:var(--surface-1-hover);border:1px solid var(--border-subtle);border-radius:10px;margin-bottom:16px;padding:14px}.vendor-upload-item{background:var(--bg-sidebar);border-radius:6px;align-items:center;gap:10px;margin-top:4px;padding:8px 10px;font-size:12px;display:flex}.upload-mode-tabs{border-bottom:1px solid var(--border-subtle);gap:0;margin-bottom:16px;display:flex}.paste-textarea{background:var(--bg-app);border:1px solid var(--border-subtle);width:100%;min-height:200px;color:var(--text-body);resize:vertical;box-sizing:border-box;border-radius:8px;padding:12px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:1.5}.paste-textarea:focus{border-color:var(--accent-primary);outline:none}.manual-input{background:var(--bg-app);border:1px solid var(--border-subtle);width:100%;color:var(--text-body);box-sizing:border-box;border-radius:4px;padding:6px 8px;font-size:12px}.manual-input:focus{border-color:var(--accent-primary);outline:none}.vendor-upload-name{color:var(--accent-primary);min-width:120px;font-weight:600}.vendor-upload-meta{color:var(--text-secondary);flex:1}.upload-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.upload-header h3{margin:0}.drop-zone{text-align:center;cursor:pointer;background:var(--surface-2);border:2px dashed #cbd5e1;border-radius:12px;padding:48px 24px;transition:all .2s}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent-primary);background:var(--accent-primary-soft)}.drop-icon{color:var(--accent-primary);margin-bottom:12px;font-size:36px;font-weight:300}.drop-title{color:var(--text-secondary);margin:0 0 4px;font-size:16px;font-weight:600}.drop-sub{color:var(--text-muted);margin:0;font-size:13px}.upload-help{background:var(--surface-2);border-radius:10px;margin-top:24px;padding:20px}.upload-help h4{color:var(--text-secondary);margin:0 0 8px;font-size:14px}.upload-help p{color:var(--text-muted);font-size:13px;line-height:1.6}.format-grid{gap:12px;margin-bottom:12px;display:flex}.format-item{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:8px;flex:1;padding:10px 16px}.format-item strong{color:var(--text-secondary);margin-bottom:2px;font-size:14px;display:block}.format-item span{color:var(--text-muted);font-size:12px}.sheet-info{background:var(--status-info-soft);color:var(--status-info);border:1px solid #bfdbfe;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.csv-example{background:#1e293b;border-radius:8px;margin-top:12px;padding:12px 16px;font-size:12px;line-height:1.8}.csv-example code{color:#a5f3fc;font-family:SF Mono,Fira Code,monospace}.raw-preview{border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:10px;margin-bottom:20px;padding:16px}.raw-preview h4{color:var(--text-secondary);margin:0 0 12px;font-size:14px}.raw-preview table{font-size:12px}.raw-preview td{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.col-type-badge{text-transform:uppercase;letter-spacing:.3px;margin-top:2px;font-size:10px;font-weight:600;display:block}.col-type-date{color:var(--accent-gold)}.col-type-number{color:#059669}.col-type-text{color:var(--text-muted)}.col-type-empty{color:var(--text-secondary)}.col-mapped{background:var(--accent-primary-soft)!important}.col-mapped-as{color:#5a9e98;text-transform:uppercase;letter-spacing:.3px;background:#b8ddd9;border-radius:3px;margin-top:2px;padding:1px 6px;font-size:9px;font-weight:700;display:inline-block}.row-num{color:var(--text-muted);text-align:center;min-width:30px;font-size:11px}.mapping-select-wrap{min-width:250px}.mapping-select-wrap select{border:1px solid var(--border-subtle);background:var(--surface-1);border-radius:6px;width:100%;padding:8px 12px;font-size:13px}.mapping-sample{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:250px;margin-top:4px;font-size:11px;font-style:italic;overflow:hidden}.upload-error{background:var(--status-danger-soft);color:#991b1b;border:1px solid #fecaca;border-radius:8px;margin:12px 0;padding:12px 16px;font-size:13px}.upload-status.success{background:var(--status-success-soft);color:var(--status-success);border:1px solid #bbf7d0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;font-size:14px;display:flex}.mapping-info{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.mapping-grid{flex-direction:column;gap:10px;display:flex}.mapping-row{background:var(--surface-2);border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:16px;padding:10px 14px;display:flex}.mapping-field{flex:1;min-width:200px}.field-name{color:var(--text-secondary);font-size:14px;font-weight:600;display:block}.field-name.required{color:#5a9e98}.field-desc{color:var(--text-muted);font-size:12px}.mapping-row select{border:1px solid var(--border-subtle);background:var(--surface-1);border-radius:6px;min-width:200px;padding:8px 12px;font-size:13px}.mapping-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.preview-summary{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.preview-stat{background:var(--status-success-soft);text-align:center;border-radius:10px;flex:1;min-width:120px;padding:14px 20px}.preview-stat strong{color:var(--status-success);font-size:24px;display:block}.preview-stat span{color:var(--text-muted);font-size:12px}.preview-stat.warn{background:var(--status-warning-soft)}.preview-stat.warn strong{color:var(--status-warning)}.date-format-picker{background:var(--surface-2);border-radius:10px;margin-bottom:20px;padding:16px}.date-format-picker>label{margin-bottom:10px;font-size:14px;display:block}.date-format-options{flex-wrap:wrap;gap:8px;display:flex}.date-fmt-option{border:1px solid var(--border-subtle);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.date-fmt-option:hover{border-color:#b8ddd9}.date-fmt-option.selected{border-color:var(--accent-primary);background:var(--accent-primary-soft)}.date-fmt-option .text-muted{color:var(--text-muted);font-size:11px}.skip-reasons{background:var(--status-warning-soft);border:1px solid #fcd34d;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:13px}.skip-reasons ul{margin:6px 0;padding-left:20px}.skip-reasons li{color:var(--status-warning);margin-bottom:2px}.ai-key-banner{background:var(--accent-primary-soft);border:1px solid #b8ddd9;border-radius:10px;margin-bottom:20px;padding:20px}.ai-key-banner strong{color:var(--text-primary);margin-bottom:4px;font-size:15px;display:block}.ai-key-banner p{color:var(--text-muted);margin:0 0 12px;font-size:13px}.ai-key-connected{background:var(--status-success-soft);border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 16px;display:flex}.ai-analysis-banner{background:var(--accent-primary-soft);color:var(--text-secondary);border:1px solid #b8ddd9;border-radius:10px;margin-bottom:16px;padding:16px;font-size:13px;line-height:1.8}.ai-analysis-banner strong{color:#5a9e98;margin-bottom:4px;font-size:14px;display:block}.ai-mapping-detail{color:var(--text-secondary);background:#ffffff80;border-radius:6px;margin:6px 0;padding:8px 12px;font-size:12px;line-height:1.8}.ai-concerns{color:var(--status-warning);margin-top:8px}.ai-validation{border-radius:10px;margin-bottom:16px;padding:14px 16px;font-size:13px}.ai-validation.valid{background:var(--status-success-soft);color:var(--status-success);border:1px solid #bbf7d0}.ai-validation.warning{background:var(--status-warning-soft);color:var(--status-warning);border:1px solid #fcd34d}.ai-validation.corrected{background:var(--status-info-soft);color:var(--status-info);border:1px solid #93c5fd}.ai-validation p{margin:4px 0 0;font-size:13px}.ai-validation strong{margin-bottom:4px;display:block}.ai-validation ul{margin:6px 0 0;padding-left:18px}.ai-optional{text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--status-success)!important;font-size:12px!important}.ai-setup{text-align:center;padding:40px 20px}.ai-setup-icon{color:#fff;background:linear-gradient(135deg,#7db8b3,#e8c84a);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;font-size:24px;font-weight:700;display:inline-flex}.ai-setup h4{color:var(--text-primary);margin:0 0 8px;font-size:20px}.ai-setup p{color:var(--text-muted);max-width:500px;margin:0 auto 8px;font-size:14px;line-height:1.6}.ai-note{font-style:italic;color:var(--text-muted)!important;font-size:12px!important}.api-key-form{justify-content:center;gap:10px;max-width:480px;margin-top:20px;margin-left:auto;margin-right:auto;display:flex}.api-key-form input{border:1px solid var(--border-subtle);border-radius:8px;flex:1;padding:10px 14px;font-family:monospace;font-size:14px}.ai-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.ai-header h3{margin:0}.ai-header-right{align-items:center;gap:8px;display:flex}.ai-badge{background:var(--status-success-soft);color:var(--status-success);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.ai-notice{background:var(--status-info-soft);color:var(--status-info);border:1px solid #bfdbfe;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:13px}.tab-ai{color:var(--accent-primary)!important}.tab-ai.active{color:#5a9e98!important}.ai-controls{flex-direction:column;align-items:center;gap:20px;display:flex}.analysis-options{flex-direction:column;gap:10px;width:100%;max-width:600px;display:flex}.analysis-option{cursor:pointer;border:2px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.analysis-option:hover{border-color:#b8ddd9}.analysis-option.selected{border-color:var(--accent-primary);background:var(--accent-primary-soft)}.analysis-option input[type=radio]{margin-top:3px}.analysis-option strong{color:var(--text-primary);margin-bottom:2px;font-size:14px;display:block}.analysis-option span{color:var(--text-muted);font-size:13px}.custom-prompt{border:1px solid var(--border-subtle);resize:vertical;border-radius:8px;width:100%;max-width:600px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.5}.ai-loading{text-align:center;padding:48px 20px}.spinner{border:4px solid #e2e8f0;border-top-color:#7db8b3;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:.8s linear infinite spin}.spinner-sm{border:3px solid #e2e8f0;border-top-color:#7db8b3;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.ai-results-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ai-results-header h4{margin:0;font-size:16px}.ai-chat{border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:10px;max-height:600px;padding:16px;overflow-y:auto}.chat-msg{margin-bottom:20px}.chat-msg:last-child{margin-bottom:0}.chat-label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600}.chat-user .chat-label{color:#5a9e98}.chat-assistant .chat-label{color:#059669}.chat-user p{color:var(--text-secondary);background:var(--accent-primary-soft);border-radius:8px;margin:0;padding:10px 14px;font-size:14px;display:inline-block}.ai-markdown{color:var(--text-secondary);font-size:14px;line-height:1.7}.ai-markdown h2{color:var(--text-primary);margin:24px 0 8px;font-size:20px}.ai-markdown .ai-h3{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);margin:20px 0 8px;padding-bottom:6px;font-size:17px}.ai-markdown h4{color:var(--text-secondary);margin:16px 0 6px;font-size:15px}.ai-markdown ul{margin:8px 0;padding-left:20px}.ai-markdown li{margin-bottom:4px}.ai-markdown p{margin:8px 0}.followup-bar{gap:10px;margin-top:16px;display:flex}.followup-bar input{border:1px solid var(--border-subtle);border-radius:8px;flex:1;padding:12px 14px;font-size:14px}.followup-bar input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}.rec-track{gap:8px;margin-top:12px;display:flex}.rec-track-btn{border:1px solid var(--border-subtle);background:var(--surface-1);cursor:pointer;color:var(--text-muted);border-radius:6px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .2s}.rec-track-btn:hover{border-color:var(--accent-primary);color:#5a9e98}.rec-track-btn.active{background:var(--accent-primary-soft);border-color:var(--accent-primary);color:#5a9e98}.rec-track-done.active{background:var(--status-success-soft);border-color:var(--status-success);color:var(--status-success)}.rec-done{opacity:.7}.rec-check{color:var(--status-success)}.rec-progress{color:var(--status-success);font-size:13px;font-weight:500}.dq-tabs{border-bottom:1px solid var(--border-subtle);gap:0;margin-bottom:20px;display:flex;overflow-x:auto}.dq-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px;display:grid}.dq-stat{background:var(--surface-2);border:1px solid var(--border-subtle);text-align:center;border-radius:10px;padding:14px}.dq-stat-value{color:var(--text-primary);font-size:22px;font-weight:700}.dq-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:2px;font-size:11px}.dq-recon{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:10px;padding:16px}.dq-recon h4{margin:0 0 10px;font-size:14px}.dq-stage{background:var(--surface-2);border-left:3px solid #7db8b3;border-radius:0 8px 8px 0;margin-bottom:12px;padding:12px 16px}.dq-stage-header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.dq-stage-num{color:#fff;background:#7db8b3;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.dq-stage-stats{flex-wrap:wrap;gap:8px;display:flex}.dq-stage-stat{color:var(--text-muted);background:#e2e8f0;border-radius:4px;padding:2px 8px;font-size:12px}.dq-warning-list{padding:0;list-style:none}.dq-warning-item{background:var(--status-warning-soft);color:var(--status-warning);border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;margin-bottom:8px;padding:10px 14px;font-size:13px}.dq-reprocess-prompt{text-align:center;padding:40px 20px}.dq-reprocess-prompt p{color:var(--text-muted);max-width:500px;margin:0 auto 20px;font-size:15px;line-height:1.6}.dq-norm-section{margin-bottom:20px}.dq-norm-section h4{margin:0 0 8px;font-size:14px}.segment-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-top:12px;display:grid}.segment-card{background:var(--surface-1-hover);border:1px solid var(--border-subtle);border-left:4px solid;border-radius:8px;padding:16px}.segment-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.segment-icon{font-size:20px}.segment-name{font-size:14px;font-weight:600;display:block}.segment-count{color:var(--text-muted);font-size:11px}.segment-desc{color:var(--text-muted);margin:0 0 10px;font-size:12px;line-height:1.5}.segment-members{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.segment-member{background:var(--bg-sidebar);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex}.segment-action{color:var(--text-secondary);background:var(--bg-sidebar);border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.5}.segment-action strong{color:var(--text-primary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;font-size:11px;display:block}.savings-list{flex-direction:column;gap:12px;display:flex}.savings-card{background:var(--surface-1-hover);border:1px solid var(--border-subtle);border-left:4px solid #e8c84a;border-radius:8px;padding:16px}.savings-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px;display:flex}.savings-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;display:block}.savings-meta{align-items:center;gap:8px;font-size:11px;display:flex}.savings-cat{background:var(--surface-2);color:var(--text-muted);border-radius:4px;padding:2px 8px;font-weight:500}.savings-difficulty{text-transform:uppercase;letter-spacing:.3px;font-weight:600}.savings-amount{text-align:right;flex-shrink:0}.savings-value{color:var(--accent-gold);font-size:22px;font-weight:700}.savings-desc{color:var(--text-muted);margin:0 0 10px;font-size:13px;line-height:1.6}.savings-detail{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.savings-detail-item{color:var(--text-secondary);background:var(--bg-sidebar);border-radius:4px;padding:4px 10px;font-size:11px}.savings-action{color:var(--text-secondary);background:var(--bg-sidebar);border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.5}.savings-action strong{color:var(--accent-gold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:10px;display:block}.tier-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0;display:grid}.tier-card{background:var(--surface-1-hover);border:1px solid var(--border-subtle);text-align:center;border-top:3px solid;border-radius:8px;padding:14px}.tier-label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700}.tier-stats{color:var(--text-secondary);font-size:13px;line-height:1.8}@media (width<=768px){.tier-cards{grid-template-columns:1fr}}.vendor-prices{flex-direction:column;gap:3px;display:flex}.vendor-price-row{align-items:center;gap:6px;font-size:11px;display:flex}.vendor-price-name{color:var(--text-muted);min-width:90px}.vendor-price-val{min-width:50px;font-weight:600}.vendor-price-pack{color:#4a4d5a;font-size:10px}.map-container{width:100%;margin:8px 0;overflow:hidden}.us-map{width:100%;height:auto;max-height:500px}.kpi-active{border-color:var(--accent-primary)!important;background:var(--surface-1-hover)!important}.dot{flex-shrink:0;display:inline-block}.vendor-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.vendor-card{border:1px solid var(--border-subtle);background:var(--surface-1-hover);border-radius:8px;padding:14px}.vendor-name{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.vendor-spend{color:#5a9e98;margin-bottom:8px;font-size:22px;font-weight:700}.vendor-meta{color:var(--text-muted);justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.vendor-bar{background:var(--surface-2);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.vendor-bar-fill{background:linear-gradient(90deg,#7db8b3,#e8c84a);border-radius:2px;height:100%;transition:width .3s}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.insight-panel{border:1px solid var(--border-subtle);background:var(--surface-1-hover);border-radius:8px;padding:16px}.insight-panel h4{color:var(--text-body);margin:0 0 12px;font-size:14px;font-weight:600}.urgency-chart-row{align-items:center;gap:12px;display:flex}.urgency-legend{flex-direction:column;gap:8px;display:flex}.urgency-item{align-items:center;gap:8px;font-size:13px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.metric-block{text-align:center;padding:16px 0}.metric-big{color:var(--text-primary);font-size:36px;font-weight:700}.metric-label{color:var(--text-muted);margin-top:4px;font-size:13px}.metric-details{color:var(--text-secondary);margin-top:8px;font-size:13px;line-height:1.8}.risk-badge{border-radius:20px;margin-top:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.risk-high{background:var(--status-danger-soft);color:#991b1b}.risk-medium{background:var(--status-warning-soft);color:var(--status-warning)}.risk-low{background:var(--status-success-soft);color:var(--status-success)}.sizing-stats{flex-direction:column;gap:6px;display:flex}.stat-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.recommendations-list{flex-direction:column;gap:16px;display:flex}.rec-card{border-radius:10px;padding:20px}.rec-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.rec-priority{text-transform:uppercase;letter-spacing:.5px}.rec-category{color:var(--text-secondary);background:#0000000d;border-radius:12px;padding:2px 10px}.rec-impact{color:var(--status-success);margin-left:auto;font-size:14px}.rec-title{color:var(--text-primary);margin:0 0 8px;font-size:16px}.rec-description{color:var(--text-secondary);margin:0 0 12px;font-size:14px;line-height:1.6}.rec-action{color:var(--text-secondary);background:#fff9;border-radius:8px;padding:10px 14px;font-size:13px}.yoy-summary{background:var(--surface-2);border-radius:10px;justify-content:center;align-items:center;gap:32px;margin-bottom:24px;padding:16px;display:flex}.yoy-stat{text-align:center}.yoy-year{color:var(--text-muted);margin-bottom:4px;font-size:13px;display:block}.yoy-stat strong{color:var(--text-primary);font-size:22px}.yoy-arrow{font-size:24px;font-weight:700}.turn-type-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.turn-type-card{background:var(--surface-2);border:2px solid;border-radius:10px;padding:16px}.turn-type-header{margin-bottom:4px;font-size:18px;font-weight:700}.turn-type-count{color:var(--text-muted);margin-bottom:12px;font-size:13px}.cost-legend{flex-direction:column;justify-content:center;gap:10px;display:flex}.cost-legend-item{align-items:center;gap:8px;font-size:13px;display:flex}.cost-legend-name{min-width:90px;font-weight:500}.cost-legend-value{color:var(--text-muted)}.forecast-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.forecast-card{border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:12px;padding:20px;position:relative}.forecast-card.forecast-hot{background:#fff5f5;border-color:#fca5a5}.forecast-month{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:700}.forecast-badge{background:var(--status-danger-soft);color:var(--status-danger);border-radius:12px;margin-bottom:12px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.forecast-stats{margin-bottom:14px}.forecast-stats .stat-row{padding:5px 0}.forecast-recs{background:#ffffffb3;border-radius:8px;padding:12px 14px;font-size:13px}.forecast-recs strong{color:var(--text-secondary);margin-bottom:6px;display:block}.forecast-recs ul{margin:0;padding-left:18px}.forecast-recs li{color:var(--text-secondary);margin-bottom:4px;line-height:1.5}@media (width<=768px){.turn-type-grid,.forecast-grid{grid-template-columns:1fr}}.rec-timeline{color:var(--text-secondary);background:#0000000d;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500}.demo-label{text-transform:uppercase;letter-spacing:1px;color:var(--status-warning);margin-bottom:8px;font-size:11px;font-weight:700}.demo-code-display{letter-spacing:10px;color:var(--text-primary);margin-bottom:8px;font-family:SF Mono,Fira Code,monospace;font-size:36px;font-weight:700}.roles-help{background:var(--surface-2);border-radius:8px;gap:16px;margin-bottom:20px;padding:12px;display:flex}.role-explain{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.settings-section{border-bottom:1px solid #f1f5f9;padding:20px 0}.settings-section:last-child{border-bottom:none}.settings-section h4{color:var(--text-primary);margin:0 0 6px;font-size:16px}.settings-danger{padding-top:24px}.settings-danger h4{color:var(--status-danger)}.settings-key-display{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:10px;margin:12px 0;padding:14px 16px}.settings-key-value{align-items:center;gap:10px;margin-bottom:8px;display:flex}.settings-key-value code{color:var(--text-secondary);word-break:break-all;background:#e2e8f0;border-radius:4px;padding:4px 8px;font-size:13px}.settings-key-actions{align-items:center;gap:12px;display:flex}.settings-key-empty{margin:12px 0}.settings-key-form{gap:10px;margin-top:12px;display:flex}.settings-key-form input{border:1px solid var(--border-subtle);border-radius:8px;flex:1;padding:10px 14px;font-family:monospace;font-size:14px}.settings-cloud-ok{background:var(--status-success-soft);border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:10px;margin-top:8px;padding:10px 14px;display:flex}.settings-cloud-setup{margin-top:8px}.settings-save-row{gap:10px;margin-bottom:8px;display:flex}.settings-save-row input{border:1px solid var(--border-subtle);border-radius:8px;flex:1;padding:10px 14px;font-size:14px}.settings-data-info{margin-top:12px}.settings-data-info p{margin:0 0 8px;font-size:14px}.login-screen{background:var(--bg-app);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--bg-sidebar);border:1px solid var(--border-subtle);text-align:center;border-radius:16px;width:100%;max-width:440px;padding:48px 40px;box-shadow:0 20px 60px #0006}.login-logo{color:#fff;background:linear-gradient(135deg,#7db8b3,#e8c84a);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;font-size:20px;font-weight:700;display:inline-flex}.login-card h1{color:var(--text-primary);margin:0 0 8px;font-size:22px;font-weight:700}.login-sub{color:#000;margin:0 0 28px;font-size:14px}.login-field{text-align:left;margin-bottom:16px}.login-field label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.login-field input{border:1px solid var(--border-subtle);box-sizing:border-box;background:var(--bg-app);color:#000;border-radius:10px;width:100%;padding:12px 14px;font-size:15px;transition:border-color .2s}.login-field input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6366f133}.code-input{text-align:center;letter-spacing:8px;font-family:SF Mono,Fira Code,monospace;font-weight:700;font-size:28px!important}.login-btn{width:100%;margin-top:4px}.login-error{background:var(--status-danger-soft);color:#991b1b;text-align:left;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:13px}.login-sent-to{background:var(--status-success-soft);color:var(--status-success);border:1px solid #bbf7d0;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.login-demo-code{background:var(--status-info-soft);color:var(--status-info);border:1px solid #bfdbfe;border-radius:8px;margin-bottom:16px;padding:14px;font-size:14px;line-height:1.6}.login-back{margin:16px auto 0;display:block}.login-footer{border-top:1px solid #f1f5f9;margin-top:28px;padding-top:20px}.login-footer p{color:var(--text-muted);margin:0;font-size:12px}.header-user{align-items:center;gap:10px;margin-bottom:8px;display:flex}.user-email{opacity:.85;font-size:13px}.sync-badge{color:#ffffffb3;background:#ffffff1a;border-radius:12px;padding:3px 10px;font-size:11px;animation:1.5s ease-in-out infinite pulse}.sync-refresh{color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:12px;padding:4px 10px;font-size:11px;transition:border-color .15s,color .15s}.sync-refresh:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.live-badge{border:1px solid var(--border-subtle);background:var(--surface-1);border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.live-badge.connected{color:var(--status-success);background:#10b98114;border-color:#10b9814d}.live-badge.disconnected{color:var(--text-muted)}.live-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.live-badge.connected .live-dot{animation:2s ease-in-out infinite live-pulse;box-shadow:0 0 #10b98166}@keyframes live-pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b98100}}.live-ago{color:var(--text-muted);font-weight:400}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn-logout{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;padding:5px 14px;font-size:12px;transition:background .2s}.btn-logout:hover{background:#ffffff40}.role-badge{border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600}.role-owner{color:var(--status-warning);background:#fef3c7}.role-user{background:var(--accent-primary-soft);color:var(--accent-primary)}.admin-desc{color:var(--text-muted);margin-bottom:20px;font-size:14px}.admin-add-form{gap:10px;margin-bottom:16px;display:flex}.admin-add-form input{border:1px solid var(--border-subtle);border-radius:8px;flex:1;padding:10px 14px;font-size:14px}.admin-message{background:var(--status-success-soft);color:var(--status-success);border:1px solid #bbf7d0;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.admin-list{margin-top:8px}.btn-remove{background:var(--status-danger-soft);color:var(--status-danger);cursor:pointer;border:1px solid #fecaca;border-radius:6px;padding:4px 12px;font-size:12px;transition:background .2s}.btn-remove:hover{background:#fee2e2}.p2p-layout{background:var(--bg-app);min-height:100vh;color:var(--text-body);display:flex}.p2p-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;width:240px;min-height:100vh;display:flex;position:sticky;top:0}.p2p-brand{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:16px 16px 14px;display:flex}.p2p-brand-logo{width:36px;height:36px;color:var(--text-on-accent);letter-spacing:-.02em;background:linear-gradient(135deg,#7db8b3,#e8c84a);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.p2p-brand-title{color:var(--text-primary);font-size:14px;font-weight:700}.p2p-brand-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.p2p-back-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border-radius:6px;margin:10px 12px;padding:6px 10px;font-size:11px;font-weight:500}.p2p-back-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.p2p-nav{flex:1;padding:4px 8px 20px;overflow-y:auto}.p2p-nav-group{margin-top:16px}.p2p-nav-section{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:4px 12px 6px;font-size:10px;font-weight:600}.p2p-nav-btn{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;margin-bottom:2px;padding:8px 12px;font-size:13px;display:block}.p2p-nav-btn:hover{background:var(--surface-1-hover);color:var(--text-primary)}.p2p-nav-btn.active{background:var(--accent-primary-soft);color:var(--accent-primary);font-weight:600}.p2p-sidebar-footer{border-top:1px solid var(--border-subtle);padding:12px}.p2p-role-chips{flex-wrap:wrap;gap:4px;display:flex}.p2p-role-chip{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);background:#7db8b326;border-radius:10px;padding:3px 8px;font-size:9px;font-weight:600;display:inline-block}.p2p-role-chip.empty,.p2p-role-chip.loading{color:var(--text-muted);background:#64748b26}.p2p-main-area{flex-direction:column;flex:1;min-width:0;display:flex}.p2p-topbar{background:var(--bg-sidebar);border-bottom:1px solid var(--border-subtle);padding:14px 24px}.p2p-page-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.p2p-main{background:var(--bg-canvas);color:#1e293b;flex:1;padding:20px;overflow-y:auto}.p2p-page{color:#1e293b;flex-direction:column;gap:16px;display:flex}.p2p-page h1,.p2p-page h2,.p2p-page h3,.p2p-page h4,.p2p-page h5,.p2p-page h6{color:var(--text-primary)}.p2p-detail-head h2{font-size:var(--font-h2);letter-spacing:-.015em;color:var(--text-primary);margin:4px 0 8px;font-weight:700;line-height:1.2}.p2p-welcome{background:var(--surface-1);border:1px solid var(--border-subtle);color:var(--text-body);border-radius:10px;margin-bottom:16px;padding:24px}.p2p-welcome h2{color:var(--text-primary);margin:0 0 8px}.p2p-welcome p{color:var(--text-muted);margin:0}.p2p-phase-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px;display:grid}.p2p-phase-card{background:var(--surface-1-hover);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:8px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.p2p-phase-card.done{border-left:3px solid var(--status-success)}.p2p-phase-card.next{border-left:3px solid var(--status-warning);background:var(--status-warning-soft)}.p2p-phase-num{background:var(--bg-sidebar);width:28px;height:28px;color:var(--accent-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.p2p-phase-card.done .p2p-phase-num{color:var(--status-success)}.p2p-phase-card.next .p2p-phase-num{color:var(--status-warning)}.p2p-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;margin-bottom:14px;display:flex}.p2p-search{background:var(--bg-app);border:1px solid var(--border-subtle);min-width:240px;color:var(--text-body);border-radius:6px;flex:1;padding:8px 12px;font-size:13px}.p2p-search:focus{border-color:var(--accent-primary);outline:none}.p2p-select{background:var(--bg-app);border:1px solid var(--border-subtle);color:var(--text-body);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:13px}.p2p-checkbox{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.p2p-row-click{cursor:pointer}.p2p-row-click:hover td{background:#7db8b30f}.p2p-star{color:var(--accent-gold)}.p2p-empty{text-align:center;padding:40px 20px}.p2p-status{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.p2p-status-good{color:var(--status-success);background:#10b98126}.p2p-status-info{color:var(--status-info);background:#3b82f626}.p2p-status-warn{color:var(--status-warning);background:#f59e0b26}.p2p-status-danger{color:var(--status-danger);background:#ef444426}.p2p-status-muted{color:var(--text-muted);background:#64748b26}.p2p-detail-head{margin-bottom:10px}.p2p-detail-title-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:8px;display:flex}.p2p-detail-number{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-family:SF Mono,monospace;font-size:11px}.p2p-detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.p2p-detail-grid>div{flex-direction:column;gap:2px;display:flex}.p2p-detail-grid span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px;font-weight:600}.p2p-detail-grid strong{color:var(--text-body);font-size:13px;font-weight:600}.p2p-actions-row{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.p2p-address-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.p2p-address-card{background:var(--surface-1-hover);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:8px;padding:14px;font-size:13px}.p2p-address-type{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:10px;font-weight:700}.p2p-timeline{flex-direction:column;gap:12px;padding:4px 0;display:flex}.p2p-timeline-item{align-items:flex-start;gap:12px;display:flex}.p2p-timeline-dot{background:var(--accent-primary);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px;box-shadow:0 0 0 3px #7db8b326}.p2p-timeline-body{color:var(--text-secondary);flex:1;font-size:13px}.p2p-diff-list{color:var(--text-muted);margin:0;padding:6px 0 0;font-size:12px;list-style:none}.p2p-diff-list li{padding:2px 0}.p2p-diff-list code{background:var(--surface-1-hover);color:var(--accent-primary);border-radius:3px;padding:1px 5px;font-size:11px}.p2p-form{flex-direction:column;gap:8px;display:flex}.p2p-form-section{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-subtle);margin:20px 0 6px;padding-bottom:6px;font-size:12px;font-weight:600}.p2p-form-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.p2p-form-full{grid-column:1/-1}.p2p-form label{color:var(--text-primary);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.p2p-form label>span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.p2p-form input,.p2p-form select,.p2p-form textarea{background:var(--bg-app);border:1px solid var(--border-subtle);color:var(--text-body);border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:400}.p2p-form input:focus,.p2p-form select:focus,.p2p-form textarea:focus{border-color:var(--accent-primary);outline:none}.p2p-checkbox-label{color:var(--text-secondary);text-transform:none;letter-spacing:0;align-items:center;gap:8px;font-size:13px;font-weight:400;display:flex}.p2p-checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px;display:grid}.p2p-form-actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}.p2p-dup-warning{color:var(--status-warning);background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:8px;margin-bottom:8px;padding:12px 14px;font-size:13px}.p2p-dup-warning ul{margin:8px 0 0 20px;padding:0}.p2p-stub{text-align:center;max-width:640px;margin:0 auto;padding:40px 20px}.p2p-stub h2{color:var(--text-primary);margin:12px 0 8px}.p2p-stub-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-gold);background:#e8c84a26;border-radius:12px;padding:4px 12px;font-size:10px;font-weight:700;display:inline-block}.p2p-stub-list{text-align:left;max-width:500px;margin:12px auto;padding:0;list-style:none}.p2p-stub-list li{color:var(--text-secondary);padding:6px 0 6px 22px;font-size:13px;position:relative}.p2p-stub-list li:before{content:"→";color:var(--accent-primary);font-weight:700;position:absolute;left:0}.line-item-grid-wrap{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:8px;overflow-x:auto}.line-item-grid{border-collapse:collapse;width:100%;color:var(--text-secondary);font-size:12px}.line-item-grid thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:var(--surface-1-hover);padding:10px 8px;font-size:10px;font-weight:600}.line-item-grid th.num,.line-item-grid td.num{text-align:right;font-variant-numeric:tabular-nums}.line-item-grid tbody td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:6px}.line-item-grid tbody tr:last-child td{border-bottom:none}.line-item-grid input{background:var(--bg-app);border:1px solid var(--border-subtle);width:100%;color:var(--text-body);border-radius:4px;padding:6px 8px;font-family:inherit;font-size:12px;font-weight:400}.line-item-grid input:focus{border-color:var(--accent-primary);outline:none}.line-item-grid tfoot td{border-top:1px solid var(--border-subtle);background:var(--surface-1-hover);padding:10px 8px;font-size:13px}.line-row-remove{border:1px solid var(--border-subtle);width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;font-size:16px;line-height:1}.line-row-remove:hover{border-color:var(--status-danger);color:var(--status-danger)}.line-add-btn{margin-top:8px}.approval-progress{background:var(--surface-1-hover);border:1px solid var(--border-subtle);border-radius:10px;padding:16px}.approval-progress-header{color:var(--text-body);justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.approval-steps{flex-direction:column;gap:12px;display:flex}.approval-step{align-items:flex-start;gap:14px;display:flex;position:relative}.approval-step-dot{background:var(--surface-2);border:2px solid var(--border-subtle);width:28px;height:28px;color:var(--text-muted);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.approval-step-pending .approval-step-dot{border-color:var(--status-warning);color:var(--status-warning);background:#f59e0b26;box-shadow:0 0 0 3px #f59e0b26}.approval-step-approved .approval-step-dot{border-color:var(--status-success);color:var(--status-success);background:#10b98126}.approval-step-rejected .approval-step-dot{border-color:var(--status-danger);color:var(--status-danger);background:#ef444426}.approval-step-skipped .approval-step-dot{opacity:.4}.approval-step-delegated .approval-step-dot{border-color:var(--status-info);color:var(--status-info);background:#3b82f626}.approval-step-connector{background:var(--border-subtle);width:2px;position:absolute;top:28px;bottom:-12px;left:13px}.approval-step-body{color:var(--text-body);flex:1;font-size:13px}.approval-step-who{font-weight:600}.approval-step-status,.approval-step-actor{color:var(--text-muted);margin-top:2px;font-size:11px}.approval-step-comment{color:var(--text-secondary);margin-top:4px;font-size:12px;font-style:italic}.exception-diff-panel{border-left:3px solid var(--status-warning)}.exception-diff-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.exception-diff-col{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:8px;padding:14px}.exception-diff-col h4{color:var(--text-primary);align-items:center;gap:8px;display:flex}.p2p-detail-grid.compact>div{padding:4px 0}.exec-table.compact{font-size:11px}.exec-table.compact thead th{padding:6px 4px;font-size:9px}.exec-table.compact tbody td{padding:6px 4px}@media (width<=900px){.exception-diff-grid{grid-template-columns:1fr}}.p2p-row-active td{border-left:2px solid var(--accent-primary);background:#7db8b31a!important}.p2p-ocr-warn{color:var(--status-warning);background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:6px;padding:10px 12px;font-size:12px}.match-findings{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.match-findings li{background:var(--surface-1-hover);color:var(--text-secondary);border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.match-level{letter-spacing:.08em;text-align:center;min-width:48px;font-size:9px;font-weight:700}.match-code{color:var(--text-muted);background:var(--bg-app);border-radius:3px;padding:2px 6px;font-family:SF Mono,Menlo,monospace;font-size:11px}.match-message{flex:1}.p2p-totals-summary{background:var(--surface-1-hover);border:1px solid var(--border-subtle);border-radius:8px;max-width:320px;margin-top:16px;margin-left:auto;padding:12px 16px}.p2p-totals-summary>div{color:var(--text-secondary);justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.p2p-totals-summary .p2p-totals-grand{border-top:2px solid var(--border-subtle);color:var(--text-primary);margin-top:4px;padding-top:8px;font-size:16px}.p2p-totals-summary strong{font-variant-numeric:tabular-nums;color:var(--text-primary)}.receiving-grid input.receiving-input{background:var(--bg-app);border:1px solid var(--border-subtle);width:90px;color:var(--text-body);text-align:right;font-variant-numeric:tabular-nums;border-radius:4px;padding:6px 8px;font-family:inherit;font-size:12px}.receiving-grid input.receiving-input:focus{border-color:var(--accent-primary);outline:none}.receiving-grid tfoot td{background:var(--surface-1-hover);border-top:1px solid var(--border-subtle);color:var(--text-secondary);padding:10px}.po-progress-row{align-items:center;gap:12px;margin:8px 0;display:flex}.po-progress-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;width:70px;font-size:11px;font-weight:600}.po-progress-bar-wrap{background:var(--surface-1-hover);border-radius:4px;flex:1;height:8px;overflow:hidden}.po-progress-bar{border-radius:4px;height:100%;transition:width .3s}.po-progress-pct{color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;width:45px;font-size:12px;font-weight:600}.approval-inbox-list{flex-direction:column;gap:12px;display:flex}.approval-inbox-item{background:var(--surface-1-hover);border:1px solid var(--border-subtle);border-left:3px solid var(--status-warning);border-radius:10px;padding:16px}.approval-inbox-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.approval-inbox-body{border-top:1px solid var(--border-subtle);padding-top:12px}.section-switcher{border-bottom:1px solid var(--border-subtle);gap:4px;padding:10px 12px;display:flex}.section-switcher-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border-radius:6px;flex:1;padding:8px 10px;font-size:11px;font-weight:600}.section-switcher-btn.active{color:var(--text-on-accent);background:linear-gradient(135deg,#7db8b3,#e8c84a);border-color:#0000}.section-switcher-btn:hover:not(.active){border-color:var(--accent-primary);color:var(--accent-primary)}@media (width<=768px){.app-layout{flex-direction:column}.sidebar{flex-direction:row;width:100%;height:auto;min-height:auto;position:relative;overflow-x:auto}.sidebar-nav{flex-direction:row;padding:0;display:flex;overflow-x:auto}.sidebar-btn{white-space:nowrap;border-bottom:3px solid #0000;border-left:none;padding:10px 14px}.sidebar-btn.active{border-bottom-color:#7db8b3;border-left-color:#0000}.sidebar-brand{padding:10px 12px}.sidebar-section{display:none}.sidebar-footer{padding:8px 12px}.sidebar-sub{flex-direction:row;padding-left:0;display:flex}.sidebar-btn-sub{padding:8px 12px}.topbar{flex-direction:column;align-items:flex-start}.topbar-filters{width:100%}.app-header{flex-direction:column;align-items:flex-start;padding:16px 20px}.header-left h1{font-size:18px}.header-right{width:100%}.filter-group{flex:1;min-width:0}.header-right select,.header-right input[type=date]{width:100%}.main-content{padding:16px}.kpi-grid{grid-template-columns:1fr 1fr}.kpi-value{font-size:22px}.insights-grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.tab-nav{-webkit-overflow-scrolling:touch;padding:0 12px}.tab-btn{padding:12px 14px;font-size:13px}.export-bar{border-top:1px solid #f1f5f9;justify-content:flex-end;padding:8px 12px}.login-card{padding:32px 24px}.login-card h1{font-size:19px}.header-user{margin-bottom:0}.welcome-steps{grid-template-columns:1fr}.urgency-chart-row{flex-direction:column}.filter-banner{flex-wrap:wrap;padding:8px 16px}.subtab-nav{padding:0 12px;overflow-x:auto}.roles-help{flex-direction:column}}