@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--bg:#fafafb;--surface:#fff;--surface-2:#f7f8fa;--border:#e7e9ee;--divider:#eceef2;--text-1:#0f172a;--text-2:#475569;--text-3:#64748b;--text-4:#94a3b8;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--accent-mid:#bfdbfe;--ink:#0f172a;--success:#16a34a;--success-bg:#f0fdf4;--warning:#f59e0b;--warning-bg:#fffbeb;--error:#ef4444;--error-bg:#fef2f2;--purple:#8b5cf6;--purple-bg:#f5f3ff;--glass:#ffffff8c;--glass-2:#ffffff6b;--glass-strong:#ffffffb3;--glass-border:#ffffffa6;--glass-shadow:0 10px 34px #4c6c8c1f, 0 2px 8px #4c6c8c0f;--glass-shadow-sm:0 4px 16px #4c6c8c1a;--blur:saturate(140%) blur(16px);--r-card:24px;--r-input:12px;--r-btn:12px;--r-chip:999px;--r-modal:26px;--shadow-sm:var(--glass-shadow-sm);--shadow-md:var(--glass-shadow);--shadow-lift:0 18px 50px #4c6c8c2e, 0 6px 16px #4c6c8c14;--text-h1:700 26px/1.25 "Inter", system-ui, sans-serif;--text-h2:600 16px/1.4 "Inter", system-ui, sans-serif;--text-card-title:600 15px/1.4 "Inter", system-ui, sans-serif;--text-body:400 14px/1.5 "Inter", system-ui, sans-serif;--text-sm:400 13px/1.5 "Inter", system-ui, sans-serif;--text-label:500 12px/1.4 "Inter", system-ui, sans-serif;--text-caption:500 11px/1.4 "Inter", system-ui, sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sidebar-w:250px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{font:var(--text-body);color:var(--text-1);background:linear-gradient(135deg,#d8e9ff 0%,#eef3f1 46%,#dbf7e4 100%) fixed;min-height:100vh}#root{height:100vh}input,textarea,select,button{font-family:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.muted{color:var(--text-3)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-loading{height:100vh;color:var(--text-3);font:var(--text-card-title);justify-content:center;align-items:center;display:flex}.btn{height:40px;padding:0 var(--sp-4);border:1px solid var(--glass-border);border-radius:var(--r-btn);background:var(--glass-strong);color:var(--text-1);font:var(--text-sm);white-space:nowrap;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);justify-content:center;align-items:center;gap:6px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{box-shadow:var(--glass-shadow-sm);background:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn-primary:hover{background:#1e293b;border-color:#1e293b}.btn-danger{color:var(--error);background:var(--glass-strong)}.btn-danger:hover{background:var(--error-bg);box-shadow:none;border-color:#ef444466}.btn-sm{height:34px;padding:0 var(--sp-3);font:var(--text-caption);font-weight:600}.btn-ghost{height:38px;padding:0 var(--sp-3);border:1px solid var(--glass-border);border-radius:var(--r-input);background:var(--glass-strong);color:var(--text-2);font:var(--text-sm);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);align-items:center;gap:6px;font-weight:600;transition:all .15s;display:inline-flex}.btn-ghost:hover{color:var(--ink);background:#fff}.icon-btn{border:1px solid var(--glass-border);background:var(--glass-strong);width:38px;height:38px;color:var(--text-2);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.icon-btn:hover{color:var(--ink);background:#fff}.app-shell{gap:16px;height:100vh;padding:16px;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r-card);height:100%;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);flex-direction:column;display:flex;overflow:hidden}.sidebar-logo{padding:var(--sp-5) var(--sp-4);align-items:center;gap:var(--sp-3);display:flex}.sidebar-logo-icon{background:var(--ink);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;font-weight:700;display:flex}.sidebar-logo-name{font:var(--text-card-title);font-weight:700}.sidebar-logo-sub{font:var(--text-caption);color:var(--text-3)}.sidebar-nav{padding:var(--sp-2) var(--sp-3);flex-direction:column;flex:1;gap:3px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:0}.nav-item{align-items:center;gap:var(--sp-3);height:44px;padding:0 var(--sp-3);color:var(--text-2);font:var(--text-sm);border-radius:14px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:var(--glass-strong);color:var(--text-1)}.nav-item.active{background:var(--ink);color:#fff;box-shadow:0 6px 16px #0f172a38}.nav-item.active .nav-icon{color:#fff;opacity:1}.nav-icon{opacity:.85;flex-shrink:0}.sidebar-footer{padding:var(--sp-3)}.sidebar-profile{align-items:center;gap:var(--sp-2);padding:var(--sp-2);background:var(--glass-strong);border:1px solid var(--glass-border);border-radius:16px;display:flex}.sidebar-avatar{width:36px;height:36px;color:var(--ink);font:var(--text-sm);background:linear-gradient(135deg,#bfdbfe,#a7f3d0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar-profile-info{flex:1;min-width:0}.sidebar-profile-name{font:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.sidebar-profile-role{font:var(--text-caption);color:var(--text-3)}.app-main{background:0 0;flex:1;min-width:0;height:100%;overflow-y:auto}.app-main::-webkit-scrollbar{width:8px}.app-main::-webkit-scrollbar-thumb{background:#788ca040;border-radius:99px}.sidebar{transition:width .22s,min-width .22s}.sidebar-logo-text{flex:1;min-width:0}.sidebar-collapse{border:1px solid var(--glass-border);background:var(--glass-strong);width:30px;height:30px;color:var(--text-3);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:all .15s;display:inline-flex}.sidebar-collapse:hover{color:var(--ink);background:#fff}.sidebar.collapsed{--sidebar-w:78px}.sidebar.collapsed .sidebar-logo{gap:var(--sp-2);padding:var(--sp-4) 0;flex-direction:column}.sidebar.collapsed .sidebar-logo-text{display:none}.sidebar.collapsed .sidebar-collapse{margin-left:0}.sidebar.collapsed .nav-item{justify-content:center;gap:0;padding:0}.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .sidebar-profile{padding:var(--sp-2) 0;justify-content:center}.sidebar.collapsed .sidebar-profile-info{display:none}.sidebar.collapsed .sidebar-avatar{margin:0 auto}.lead-card-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.lead-del{color:var(--text-4);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:2px;transition:all .13s;display:none}.lead-card:hover .lead-del{display:inline-flex}.lead-del:hover{color:var(--error);background:#ef44441f}.btn-ghost-danger{color:var(--error);background:0 0;border-color:#0000}.btn-ghost-danger:hover{background:var(--error-bg);border-color:#ef444433}.page{padding:var(--sp-2) var(--sp-3) var(--sp-6);gap:var(--sp-4);flex-direction:column;max-width:1560px;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);padding-top:var(--sp-2);flex-wrap:wrap;display:flex}.page-title{font:var(--text-h1);color:var(--ink)}.page-subtitle{font:var(--text-sm);color:var(--text-3);margin-top:2px}.page-header-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--r-card);padding:var(--sp-5);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.card-title{font:var(--text-h2);margin-bottom:var(--sp-4);color:var(--ink)}.stat-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{align-items:center;gap:var(--sp-4);background:var(--glass);border:1px solid var(--glass-border);padding:var(--sp-4) var(--sp-5);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:20px;display:flex}.stat-card-ic{background:var(--accent-light);width:48px;height:48px;color:var(--accent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card-ic.tone-success{background:var(--success-bg);color:var(--success)}.stat-card-ic.tone-accent{background:var(--accent-light);color:var(--accent)}.stat-card-ic.tone-warning{background:var(--warning-bg);color:var(--warning)}.stat-card-ic.tone-purple{background:var(--purple-bg);color:var(--purple)}.stat-card-main{flex:1;min-width:0}.stat-card-label{color:var(--text-3);font:var(--text-label);align-items:center;gap:6px;font-weight:600;display:flex}.stat-card-value{color:var(--ink);margin-top:3px;font-size:26px;font-weight:700;line-height:1.1}.stat-card-value.tone-success{color:var(--success)}.stat-card-value.tone-accent{color:var(--accent)}.stat-card-value.tone-warning{color:var(--warning)}.stat-card-value.tone-purple{color:var(--purple)}.stat-card-sub{font:var(--text-caption);color:var(--text-4);margin-top:2px}.table-wrap{overflow-x:auto}.card.table-wrap{padding:var(--sp-2)}.data-table{border-collapse:collapse;width:100%;min-width:640px}.data-table thead th{text-align:left;padding:var(--sp-3) var(--sp-4);font:var(--text-caption);color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #788ca029;font-weight:700}.data-table td{padding:var(--sp-3) var(--sp-4);font:var(--text-sm);color:var(--text-2);border-bottom:1px solid #788ca01f}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover{background:#ffffff80}.cell-strong{color:var(--ink);font-weight:600}.cell-actions{justify-content:flex-end;gap:6px;display:flex}.code-chip{background:var(--glass-strong);border:1px solid var(--glass-border);color:var(--ink);border-radius:10px;align-items:center;gap:6px;padding:4px 10px;font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:600;display:inline-flex}.badge{border-radius:var(--r-chip);font:var(--text-caption);text-transform:capitalize;align-items:center;gap:4px;padding:4px 10px;font-weight:700;display:inline-flex}.badge.green,.badge.active,.badge.won{color:#15803d;background:#dcfce7}.badge.red,.badge.revoked,.badge.lost,.badge.disabled{color:#b91c1c;background:#fee2e2}.badge.amber,.badge.trial,.badge.past_due{color:#b45309;background:#fef3c7}.badge.blue,.badge.new,.badge.contacted{color:#1d4ed8;background:#dbeafe}.badge.purple,.badge.demo,.badge.proposal,.badge.negotiation{color:#6d28d9;background:#ede9fe}.badge.grey{color:var(--text-2);border:1px solid var(--glass-border);background:#fff9}.form-grid{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-2{grid-column:1/-1}.field>span{font:var(--text-label);color:var(--text-2);align-items:center;gap:5px;font-weight:600;display:flex}.field input,.field select,.field textarea{border:1px solid var(--glass-border);border-radius:var(--r-input);height:42px;padding:0 var(--sp-3);font:var(--text-sm);color:var(--text-1);background:#ffffffa6;outline:none;transition:all .15s}.field textarea{height:auto;padding:var(--sp-2) var(--sp-3);resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.field input:disabled{color:var(--text-3);cursor:not-allowed;background:#fff6}.field-hint{font:var(--text-caption);color:var(--text-4)}.form-actions{gap:var(--sp-2);margin-top:var(--sp-1);justify-content:flex-end;display:flex}.input-inline{gap:var(--sp-2);display:flex}.input-inline input{flex:1}.phone-group{gap:var(--sp-2);display:flex}.phone-group select{flex:none;width:128px}.phone-group input{flex:1;min-width:0}select{appearance:none;font:var(--text-sm);color:var(--text-1);cursor:pointer;background-color:#ffffffa6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;background-size:15px;outline:none;padding-right:34px;transition:all .15s}select::-ms-expand{display:none}select:focus{border-color:var(--accent);background-color:#fff;box-shadow:0 0 0 3px #2563eb1a}select:disabled{color:var(--text-3);cursor:not-allowed;opacity:.7}.mini-input,.quote-table select{background-position:right 8px center;background-size:13px;padding-right:26px}.modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--sp-4);background:#1e293b59;justify-content:center;align-items:center;animation:.15s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal-card{border:1px solid var(--glass-border);border-radius:var(--r-modal);width:100%;box-shadow:var(--shadow-lift);-webkit-backdrop-filter:saturate(140%)blur(24px);backdrop-filter:saturate(140%)blur(24px);background:#fffc;flex-direction:column;max-height:92vh;display:flex;overflow:hidden}.modal-header{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid #788ca024;justify-content:space-between;align-items:center;display:flex}.modal-header h3{font:var(--text-h2);color:var(--ink)}.modal-body{padding:var(--sp-5);overflow-y:auto}.segmented{border:1px solid var(--glass-border);border-radius:var(--r-chip);background:var(--glass-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);gap:2px;padding:3px;display:inline-flex;overflow:hidden}.segmented-btn{height:32px;padding:0 var(--sp-4);color:var(--text-2);font:var(--text-label);border-radius:var(--r-chip);background:0 0;border:none;font-weight:600;transition:all .15s}.segmented-btn.active{background:var(--ink);color:#fff}.pipe-summary{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.pipe-stat{align-items:center;gap:var(--sp-3);background:var(--glass);border:1px solid var(--glass-border);padding:var(--sp-3) var(--sp-4);box-shadow:var(--glass-shadow-sm);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:18px;display:flex}.pipe-stat-ic{background:var(--accent-light);width:38px;height:38px;color:var(--accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pipe-stat>div{flex-direction:column;min-width:0;display:flex}.pipe-stat-label{font:var(--text-caption);color:var(--text-3);font-weight:600}.pipe-stat-value{color:var(--ink);font-size:19px;font-weight:700;line-height:1.2}.kanban{gap:var(--sp-3);padding-bottom:var(--sp-3);grid-auto-columns:minmax(232px,1fr);grid-auto-flow:column;align-items:start;display:grid;overflow-x:auto}.kanban-col{background:var(--glass-2);border:1px solid var(--glass-border);min-height:180px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:18px;flex-direction:column;transition:box-shadow .15s;display:flex;position:relative;overflow:hidden}.kanban-col:before{content:"";background:var(--stage-color,var(--accent));opacity:.9;height:3px;position:absolute;top:0;left:0;right:0}.kanban-col.terminal{background:#f0f2f580}.kanban-col.drop{box-shadow:inset 0 0 0 2px var(--stage-color,var(--accent));background:var(--glass)}.kanban-col-head{padding:var(--sp-4) var(--sp-4) var(--sp-1);justify-content:space-between;align-items:center;display:flex}.kanban-col-title{font:var(--text-label);color:var(--text-2);align-items:center;gap:7px;font-weight:700;display:flex}.kanban-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.kanban-col-count{text-align:center;border:1px solid var(--glass-border);border-radius:var(--r-chip);min-width:22px;font:var(--text-caption);color:var(--text-2);background:#ffffffb3;padding:1px 8px;font-weight:700}.kanban-col-value{padding:0 var(--sp-4) var(--sp-2);font:var(--text-caption);color:var(--text-3);font-weight:700}.kanban-body{padding:var(--sp-1) var(--sp-3) var(--sp-3);gap:var(--sp-2);flex-direction:column;min-height:40px;display:flex}.kanban-empty{padding:var(--sp-3);text-align:center;font:var(--text-caption);color:var(--text-4);border:1.5px dashed #788ca047;border-radius:12px}.lead-card{border:1px solid var(--glass-border);border-left:3px solid var(--stage-color,var(--accent));padding:var(--sp-3);cursor:pointer;box-shadow:var(--glass-shadow-sm);background:#ffffffdb;border-radius:12px;transition:transform .13s,box-shadow .13s;position:relative}.lead-card:hover{box-shadow:var(--glass-shadow);transform:translateY(-2px)}.lead-card.dragging{opacity:.5;transform:rotate(1.5deg)}.lead-card-top{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.lead-card-name{font:var(--text-sm);color:var(--ink);font-weight:700;line-height:1.3}.lead-card-grip{color:var(--text-4);opacity:0;flex-shrink:0;transition:opacity .13s}.lead-card:hover .lead-card-grip{opacity:1}.lead-card-sub{font:var(--text-caption);color:var(--text-3);margin-top:3px}.lead-card-foot{margin-top:var(--sp-2);justify-content:space-between;align-items:center;gap:6px;display:flex}.lead-card-value{color:var(--ink);font-size:13px;font-weight:800}.lead-card-tags{align-items:center;gap:5px;display:flex}.lead-card-age{font:var(--text-caption);color:var(--text-4)}.lead-tag{border-radius:var(--r-chip);align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.lead-tag.amber{color:#b45309;background:#fef3c7}.lead-tag.grey{color:var(--text-3);background:#788ca029}.stage-bar{background:#788ca01f;border-radius:8px;gap:2px;height:14px;margin:14px 0;display:flex;overflow:hidden}.stage-bar-seg{min-width:4px;transition:flex-grow .3s}.stage-tiles{gap:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(116px,1fr));display:grid}.stage-tile{padding:var(--sp-3);border:1px solid var(--glass-border);cursor:pointer;background:#ffffff80;border-radius:14px;flex-direction:column;align-items:flex-start;gap:3px;transition:all .13s;display:flex}.stage-tile:hover{box-shadow:var(--glass-shadow-sm);background:#fff;transform:translateY(-1px)}.stage-tile-top{align-items:center;gap:6px;display:flex}.stage-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.stage-tile-label{font:var(--text-caption);color:var(--text-3);font-weight:600}.stage-tile-count{color:var(--ink);font-size:22px;font-weight:800;line-height:1.1}.stage-tile-value{font:var(--text-caption);color:var(--text-4);font-weight:600}.detail-grid{gap:var(--sp-5);grid-template-columns:1.4fr 1fr;align-items:start;display:grid}.info-row{justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) 0;font:var(--text-sm);border-bottom:1px solid #788ca01f;display:flex}.info-row:last-child{border-bottom:none}.info-row .k{color:var(--text-3)}.info-row .v{color:var(--ink);text-align:right;font-weight:500}.timeline{gap:var(--sp-3);flex-direction:column;display:flex}.tl-item{gap:var(--sp-3);display:flex}.tl-dot{border:1px solid var(--glass-border);width:32px;height:32px;color:var(--text-3);background:#ffffffb3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tl-body{flex:1;min-width:0}.tl-top{justify-content:space-between;gap:6px;display:flex}.tl-type{font:var(--text-sm);text-transform:capitalize;color:var(--ink);font-weight:600}.tl-time{font:var(--text-caption);color:var(--text-4)}.tl-text{font:var(--text-sm);color:var(--text-2);margin-top:2px}.tl-due{font:var(--text-caption);color:var(--warning);margin-top:2px}.simple-list{flex-direction:column;display:flex}.simple-list-row{padding:var(--sp-3) 0;border-bottom:1px solid #788ca01f;justify-content:space-between;align-items:center;display:flex}.simple-list-row:last-child{border-bottom:none}.simple-list-title{font:var(--text-sm);color:var(--ink);font-weight:600}.simple-list-sub{font:var(--text-caption);color:var(--text-3)}.simple-list-amount{font:var(--text-sm);color:var(--ink);font-weight:700}.chart-card{min-width:0}.chart-card--compact{max-width:560px}@media (width<=640px){.chart-card--compact{max-width:100%}}.two-col{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.empty-state{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-8);text-align:center;flex-direction:column;display:flex}.empty-state-icon{color:var(--text-4);opacity:.55}.empty-state-title{font:var(--text-card-title);color:var(--text-2);font-weight:600}.empty-state-hint{font:var(--text-sm);color:var(--text-4);max-width:340px}.auth-root{min-height:100vh;padding:var(--sp-6);justify-content:center;align-items:center;display:flex}.auth-card{border:1px solid var(--glass-border);border-radius:var(--r-modal);width:100%;max-width:400px;box-shadow:var(--shadow-lift);-webkit-backdrop-filter:saturate(140%)blur(24px);backdrop-filter:saturate(140%)blur(24px);background:#fff9;padding:44px}.auth-logo{align-items:center;gap:var(--sp-3);flex-direction:column;margin-bottom:32px;display:flex}.auth-logo-icon{background:var(--ink);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;font-size:22px;font-weight:700;display:flex}.auth-title{color:var(--ink);font-size:20px;font-weight:700}.auth-subtitle{font:var(--text-sm);color:var(--text-3)}.auth-form{gap:var(--sp-4);flex-direction:column;display:flex}.auth-error{font:var(--text-sm);color:var(--error)}.di-toaster{z-index:200;align-items:center;gap:var(--sp-2);pointer-events:none;flex-direction:column;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.di-toast{color:#fff;-webkit-backdrop-filter:saturate(160%)blur(14px);backdrop-filter:saturate(160%)blur(14px);max-width:min(88vw,460px);font:var(--text-sm);white-space:nowrap;transform-origin:50%;background:#11141ceb;border-radius:999px;align-items:center;gap:9px;padding:10px 18px 10px 12px;font-weight:600;animation:.44s cubic-bezier(.34,1.3,.5,1) both di-in;display:inline-flex;overflow:hidden;box-shadow:0 12px 34px #0a0e1657,0 2px 8px #0a0e1633}.di-toast.leaving{animation:.36s cubic-bezier(.4,0,.7,.2) both di-out}.di-toast-ic{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.di-toast-msg{text-overflow:ellipsis;overflow:hidden}.di-toast.success .di-toast-ic{color:#4ade80;background:#22c55e38}.di-toast.error .di-toast-ic{color:#f87171;background:#ef444438}.di-toast.info .di-toast-ic{color:#60a5fa;background:#3b82f638}@keyframes di-in{0%{opacity:0;clip-path:inset(0 46% round 999px);transform:translateY(-14px)}55%{opacity:1}to{opacity:1;clip-path:inset(0 round 999px);transform:translateY(0)}}@keyframes di-out{0%{opacity:1;clip-path:inset(0 round 999px);transform:translateY(0)}to{opacity:0;clip-path:inset(0 47% round 999px);transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.di-toast,.di-toast.leaving{clip-path:none;animation-duration:1ms}}.skeleton{background:linear-gradient(90deg,#ffffff59 25%,#ffffffb3 50%,#ffffff59 75%) 0 0/800px 100%;border-radius:16px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.notice{align-items:center;gap:var(--sp-2);padding:var(--sp-4);font:var(--text-sm);border-radius:16px;display:flex}.notice-warning{color:#92400e;background:#fef3c7b3;border:1px solid #fde68a}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-topbar{padding:var(--sp-2) var(--sp-3) 0;justify-content:flex-end;display:flex}.notif{position:relative}.notif-badge{background:var(--error);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notif-panel{z-index:60;border:1px solid var(--glass-border);width:340px;max-height:440px;box-shadow:var(--shadow-lift);-webkit-backdrop-filter:saturate(140%)blur(24px);backdrop-filter:saturate(140%)blur(24px);background:#ffffffd9;border-radius:18px;flex-direction:column;display:flex;position:absolute;top:46px;right:0;overflow:hidden}.notif-head{padding:var(--sp-3) var(--sp-4);font:var(--text-card-title);border-bottom:1px solid #788ca024;justify-content:space-between;align-items:center;font-weight:600;display:flex}.notif-markall{color:var(--accent);font:var(--text-caption);background:0 0;border:none;align-items:center;gap:4px;font-weight:600;display:inline-flex}.notif-body{overflow-y:auto}.notif-empty{padding:var(--sp-6);text-align:center;color:var(--text-4);font:var(--text-sm)}.notif-section-label{padding:var(--sp-2) var(--sp-4);font:var(--text-caption);text-transform:uppercase;letter-spacing:.05em;color:var(--text-4);background:#788ca00f;align-items:center;gap:6px;font-weight:700;display:flex;position:sticky;top:0}.notif-count-pill{background:var(--accent);color:#fff;border-radius:999px;padding:0 6px;font-size:10px;line-height:15px}.notif-section-empty{padding:var(--sp-3) var(--sp-4);font:var(--text-caption);color:var(--text-4)}.notif-item{text-align:left;width:100%;padding:var(--sp-3) var(--sp-4);background:0 0;border:none;border-bottom:1px solid #788ca01a;gap:8px;transition:background .12s;display:flex}.notif-item:hover{background:#fff9}.notif-item.unread{background:#2563eb0f}.notif-item-body{flex:1;min-width:0}.notif-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.notif-title{font:var(--text-sm);color:var(--ink);font-weight:600}.notif-text{font:var(--text-caption);color:var(--text-2);margin-top:2px;line-height:1.4}.notif-time{font:var(--text-caption);color:var(--text-4);margin-top:3px}.imp-banner{align-items:center;gap:var(--sp-2);margin:var(--sp-2) var(--sp-3) 0;padding:var(--sp-2) var(--sp-4);color:#92400e;font:var(--text-sm);background:#f59e0b29;border:1px solid #f59e0b66;border-radius:14px;display:flex}.imp-banner b{color:#78350f}.imp-exit{color:#92400e;font:var(--text-caption);background:#ffffff80;border:1px solid #92400e4d;border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:3px 10px;font-weight:700;display:inline-flex}.lock-note{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border:1px solid var(--glass-border);font:var(--text-sm);color:var(--text-2);background:#788ca01a;border-radius:14px;display:flex}.dup-hint{padding:var(--sp-2) var(--sp-3);font:var(--text-caption);color:#92400e;margin-top:var(--sp-2);background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:10px}.data-table th.num,.data-table td.num{text-align:right;white-space:nowrap}.card-title-row{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.field-check{flex-direction:row;align-items:center;gap:8px}.field-check input{width:auto}.chip-select{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.chip{border-radius:var(--r-chip);border:1px solid var(--glass-border);font:var(--text-caption);color:var(--text-2);cursor:pointer;background:#ffffff80;padding:5px 12px;font-weight:600;transition:all .12s}.chip-on{background:var(--accent);color:#fff;border-color:var(--accent)}.quote-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.quote-row{padding:var(--sp-3) var(--sp-4);border:1px solid var(--glass-border);cursor:pointer;text-align:left;background:#ffffff80;border-radius:14px;align-items:center;gap:12px;transition:all .12s;display:flex}.quote-row:hover{box-shadow:var(--shadow-sm,0 2px 8px #0f172a0f);background:#fff}.quote-row-total{color:var(--text-1);font-weight:700}.quote-row-meta{font:var(--text-caption);margin-left:auto}.quote-table th,.quote-table td{padding:8px 10px}.quote-table select,.mini-input{border:1.5px solid var(--border,var(--glass-border));background:var(--surface-2,#fff9);height:34px;font:var(--text-sm);border-radius:8px;padding:0 8px}.mini-input{text-align:right;width:72px}.quote-summary{border-top:1px solid var(--glass-border);flex-direction:column;gap:6px;margin-top:4px;padding-top:12px;display:flex}.qs-row{font:var(--text-sm);color:var(--text-2);justify-content:space-between;display:flex}.qs-total{color:var(--text-1);border-top:1px dashed var(--glass-border);margin-top:2px;padding-top:8px;font-size:1.05rem;font-weight:800}.qs-warn{color:#b91c1c;font-weight:700}.commission-stats{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin:14px 0;display:grid}.commission-stats>div{flex-direction:column;gap:2px;display:flex}.cs-label{font:var(--text-caption);color:var(--text-3);text-transform:uppercase;letter-spacing:.03em}.cs-value{color:var(--text-1);font-weight:700}.cs-accent{color:var(--accent)}.commission-bar{background:#788ca029;border-radius:999px;height:8px;overflow:hidden}.commission-bar-fill{background:linear-gradient(90deg, var(--accent), #22c55e);border-radius:999px;height:100%;transition:width .4s}.analytics-section{gap:var(--sp-4);margin-top:var(--sp-2);flex-direction:column;display:flex}.section-heading{font:var(--text-card-title);color:var(--text-1);margin:var(--sp-3) 0 0;align-items:center;gap:8px;font-weight:700;display:flex}.section-heading svg{color:var(--accent)}.section-subheading{font:var(--text-label);color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;margin:var(--sp-3) 0 0;font-weight:700}.section-subheading .muted{text-transform:none;letter-spacing:0;font-weight:500}.funnel{flex-direction:column;gap:10px;margin-top:10px;display:flex}.funnel-row{grid-template-columns:84px 1fr 48px;align-items:center;gap:10px;display:grid}.funnel-label{font:var(--text-sm);color:var(--text-2);font-weight:600}.funnel-track{background:#788ca01f;border-radius:8px;height:30px;overflow:hidden}.funnel-fill{background:linear-gradient(90deg, var(--accent), #60a5fa);color:#fff;min-width:26px;height:100%;font:var(--text-caption);border-radius:8px;align-items:center;padding:0 10px;font-weight:700;transition:width .4s;display:flex}.funnel-drop{font:var(--text-caption);color:#b91c1c;text-align:right;font-weight:700}.alert-feed{flex-direction:column;margin:10px 0 0;padding:0;list-style:none;display:flex}.alert-row{font:var(--text-sm);border-bottom:1px solid #788ca01f;grid-template-columns:10px 1fr auto auto;align-items:center;gap:10px;padding:8px 0;display:grid}.alert-row:last-child{border-bottom:none}.alert-dot{border-radius:50%;width:8px;height:8px}.alert-summary{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alert-actor,.alert-time{font:var(--text-caption);white-space:nowrap}.mini-stat-row{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(90px,1fr));margin-top:12px;display:grid}.mini-stat-row>div{flex-direction:column;gap:2px;display:flex}.ms-label{font:var(--text-caption);color:var(--text-3);text-transform:uppercase;letter-spacing:.03em}.ms-value{color:var(--text-1);font-size:1.05rem;font-weight:700}.placeholder-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.analytics-placeholder{opacity:.72;border-style:dashed!important}.ap-head{align-items:center;gap:8px;display:flex}.ap-head svg{color:var(--text-3)}.ap-title{font:var(--text-label);color:var(--text-2);flex:1;font-weight:700}.ap-badge{flex-shrink:0}.ap-blurb{font:var(--text-caption);color:var(--text-3);margin:8px 0 12px;line-height:1.5}.ap-note{font:var(--text-caption);color:var(--text-4);align-items:center;gap:5px;font-weight:600;display:inline-flex}.notice-ok{color:#15803d;background:#16a34a1a;border:1px solid #16a34a4d}.notice-danger{color:#b91c1c;background:#ef44441a;border:1px solid #ef44444d}.notif-ic{width:30px;height:30px;color:var(--text-2);background:#788ca024;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notif-ic.tone-green{color:#15803d;background:#dcfce7}.notif-ic.tone-red{color:#b91c1c;background:#fee2e2}.notif-ic.tone-amber{color:#b45309;background:#fef3c7}.notif-ic.tone-blue{color:#1d4ed8;background:#dbeafe}.notif-go{color:var(--accent);margin-left:8px;font-weight:700}.notif-item .notif-dot{align-self:center;margin-top:0}.prodpick{gap:var(--sp-2);flex-direction:column;display:flex}.prodpick-chips{flex-wrap:wrap;gap:6px;display:flex}.prodpick-chips .chip{align-items:center;gap:4px;display:inline-flex}.prodpick-search{padding:0 var(--sp-3);border:1px solid var(--glass-border);border-radius:var(--r-input);height:40px;color:var(--text-3);background:#ffffffa6;align-items:center;gap:8px;display:flex}.prodpick-search input{height:100%;font:var(--text-sm);color:var(--text-1);background:0 0;border:none;outline:none;flex:1}.prodpick-list{border:1px solid var(--glass-border);background:#fff6;border-radius:14px;flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.prodpick-empty{padding:var(--sp-4);text-align:center;font:var(--text-caption);color:var(--text-4)}.prodpick-row{align-items:center;gap:var(--sp-3);text-align:left;width:100%;padding:var(--sp-2) var(--sp-3);cursor:pointer;background:0 0;border:none;border-bottom:1px solid #788ca01a;transition:background .12s;display:flex}.prodpick-row:last-child{border-bottom:none}.prodpick-row:hover{background:#ffffffb3}.prodpick-row.on{background:var(--accent-light)}.prodpick-check{border:1.5px solid var(--border);color:#fff;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.prodpick-row.on .prodpick-check{background:var(--accent);border-color:var(--accent)}.prodpick-main{flex-direction:column;flex:1;min-width:0;display:flex}.prodpick-name{font:var(--text-sm);color:var(--ink);font-weight:600}.prodpick-sub{font:var(--text-caption);color:var(--text-4)}.prodpick-price{font:var(--text-caption);color:var(--text-2);flex-shrink:0;font-weight:700}.audit-filter{flex-wrap:wrap;gap:6px;display:flex}.audit-list{gap:var(--sp-2);flex-direction:column;display:flex}.audit-row{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-sm);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:14px;transition:box-shadow .15s;overflow:hidden}.audit-row.broken{border-color:#ef444480;box-shadow:0 0 0 2px #ef444440}.audit-main{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);display:flex}.audit-badge{flex-shrink:0}.audit-body{flex:1;min-width:0}.audit-summary{font:var(--text-sm);color:var(--ink);font-weight:600}.audit-meta{font:var(--text-caption);color:var(--text-4);flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;display:flex}.audit-actor{color:var(--text-3);font-weight:600}.audit-imp{color:var(--purple);align-items:center;gap:3px;font-weight:600;display:inline-flex}.audit-seq{margin-left:auto;font-family:ui-monospace,Menlo,monospace}.audit-caret{color:var(--text-4);flex-shrink:0;transition:transform .18s}.audit-caret.open{transform:rotate(180deg)}.audit-detail{gap:var(--sp-4);padding:0 var(--sp-4) var(--sp-3);border-top:1px solid #788ca01f;grid-template-columns:1fr 1fr;display:grid}.audit-detail-col{padding-top:var(--sp-2);flex-direction:column;gap:4px;min-width:0;display:flex}.audit-detail-title{font:var(--text-caption);text-transform:uppercase;letter-spacing:.04em;color:var(--text-4);font-weight:700}.audit-kv{justify-content:space-between;gap:var(--sp-3);font:var(--text-caption);display:flex}.audit-kv span{color:var(--text-3)}.audit-kv b{color:var(--ink);text-align:right;word-break:break-word;font-weight:600}.errbound{min-height:100vh;padding:var(--sp-6);justify-content:center;align-items:center;display:flex}.errbound-card{border:1px solid var(--glass-border);border-radius:var(--r-modal);text-align:center;max-width:420px;box-shadow:var(--shadow-lift);-webkit-backdrop-filter:saturate(140%)blur(24px);backdrop-filter:saturate(140%)blur(24px);background:#ffffffb3;padding:40px}.errbound-ic{width:60px;height:60px;margin:0 auto var(--sp-4);background:var(--error-bg);color:var(--error);border-radius:18px;justify-content:center;align-items:center;display:flex}.errbound-card h1{font:var(--text-h1);color:var(--ink);margin-bottom:var(--sp-2)}.errbound-card p{font:var(--text-sm);color:var(--text-3);margin-bottom:var(--sp-5)}.errbound-actions{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=900px){.app-shell{gap:10px;padding:10px}.sidebar{--sidebar-w:66px}.sidebar-logo{padding:var(--sp-4) 0;justify-content:center}.sidebar-logo-name,.sidebar-logo-sub,.nav-item span,.sidebar-profile-info{display:none}.nav-item,.sidebar-profile{justify-content:center}.form-grid,.detail-grid,.two-col,.audit-detail{grid-template-columns:1fr}.page{padding:var(--sp-2)}}.reveal-code{gap:var(--sp-4);flex-direction:column;display:flex}.reveal-warn{font:var(--text-sm);color:#92400e;padding:var(--sp-3) var(--sp-4);background:#f59e0b24;border:1px solid #f59e0b66;border-radius:12px;margin:0;line-height:1.5}.reveal-code-value{letter-spacing:.06em;color:var(--ink);background:var(--surface-2);border:1.5px dashed var(--glass-border);padding:var(--sp-4);word-break:break-all;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-family:ui-monospace,Menlo,monospace;font-size:22px;font-weight:700;display:flex}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--text-sm:.875rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a}}@layer base,components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.static{position:static}.flex{display:flex}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.line-through{text-decoration-line:line-through}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}