@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500;600&display=swap";:root{--brand: #4f46e5;--brand-weak: #eef0fe;--brand-strong: #4338ca;--bg: #f5f6f8;--surface: #ffffff;--surface-2: #fafbfc;--surface-hover: #f5f6f8;--border: #e7e9ee;--border-strong: #d6dae1;--text: #1a1d23;--text-2: #5b6470;--text-3: #98a1b0;--green: #16a34a;--green-weak: #e7f6ed;--red: #dc2626;--red-weak: #fdeaea;--amber: #d97706;--amber-weak: #fdf2e3;--radius: 14px;--radius-sm: 10px;--radius-lg: 18px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(16,24,40,.05);--shadow: 0 1px 3px rgba(16,24,40,.06), 0 1px 2px rgba(16,24,40,.04);--shadow-lg: 0 8px 24px rgba(16,24,40,.1), 0 2px 6px rgba(16,24,40,.05);--pad: 16px;--card: var(--surface);--line: var(--border);--ink: var(--text);--muted: var(--text-2);--brand-soft: var(--brand-weak);--font: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-num: "Geist Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:13.5px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.num,.da,.dmeta,td.num{font-family:var(--font-num);font-feature-settings:"tnum" 1}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#78829647;border-radius:99px}::-webkit-scrollbar-track{background:transparent}::selection{background:var(--brand-weak)}.app{display:flex;min-height:100vh}.sidebar{width:232px;background:var(--surface);border-right:1px solid var(--border);padding:18px 14px;position:sticky;top:0;height:100vh;flex-shrink:0;display:flex;flex-direction:column}.logo{padding:4px 8px 16px}.logo span{color:var(--brand)}.brandlock{display:flex;align-items:center;gap:10px}.brandlock-ic{width:34px;height:34px;border-radius:9px;background:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px color-mix(in srgb,var(--brand) 40%,transparent)}.brandlock-tx{line-height:1.15;min-width:0}.brandlock-tx .bl-name{font-weight:800;font-size:15.5px;letter-spacing:-.02em;white-space:nowrap}.brandlock-tx .bl-sub{font-size:10.5px;color:var(--text-3);font-weight:600;letter-spacing:.02em;margin-top:1px}.sidebar .nav-item{margin-bottom:2px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-2);font-weight:600;font-size:14px;transition:background .12s,color .12s}.nav-item:hover{background:var(--surface-hover)}.nav-item.active{background:var(--brand-weak);color:var(--brand-strong)}.nav-item .ic{display:inline-flex}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;padding:16px 26px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:30;min-height:64px}.topbar h1{margin:0;font-size:19px;font-weight:800;letter-spacing:-.02em}.content{padding:24px 26px;flex:1}.grow{flex:1}.impersonation-banner{display:flex;align-items:center;gap:10px;padding:9px 26px;background:var(--amber-weak);color:var(--amber);font-size:13px;font-weight:600;border-bottom:1px solid var(--border)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.card.pad{padding:var(--pad)}.grid{display:grid;gap:16px}.row{display:flex;align-items:center;gap:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.field{margin-bottom:12px}.field>label{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--brand);color:#fff;font-weight:600;font-size:13.5px;cursor:pointer;transition:background .14s,transform .06s,border-color .14s,box-shadow .14s;white-space:nowrap}.btn:hover{background:var(--brand-strong)}.btn:active{transform:translateY(1px)}.btn.ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn.ghost:hover{background:var(--surface-hover)}.btn.danger{background:var(--red);color:#fff}.btn.danger:hover{filter:brightness(.93)}.btn.sm{padding:6px 11px;font-size:12.5px;border-radius:var(--radius-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:inherit}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],input[type=search],input:not([type]),select,textarea,.input{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:9px 12px;font-size:13.5px;outline:none;transition:border-color .14s,box-shadow .14s}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-weak)}input::placeholder,textarea::placeholder{color:var(--text-3)}.search{position:relative}.search input{background:var(--surface)}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;line-height:1;padding:5px 9px;border-radius:var(--radius-pill);white-space:nowrap;background:var(--brand-weak);color:var(--brand-strong)}.pill.open{background:var(--brand-weak);color:var(--brand-strong)}.pill.won{background:var(--green-weak);color:var(--green)}.pill.lost{background:var(--red-weak);color:var(--red)}.badge{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 9px;border-radius:var(--radius-pill);background:var(--brand-weak);color:var(--brand-strong)}.deal-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);background:var(--brand-weak);color:var(--brand-strong);cursor:pointer}.deal-chip:hover{background:color-mix(in srgb,var(--brand-weak) 70%,var(--brand) 12%)}.kv{font-size:12.5px;color:var(--text-2)}.kv .kl{color:var(--text-3);font-weight:600}.avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:var(--brand-weak);color:var(--brand-strong);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;text-transform:uppercase}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.tab{padding:7px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);font-weight:600;cursor:pointer;font-size:13px;transition:background .12s,color .12s,border-color .12s}.tab:hover{background:var(--surface-hover)}.tab.active{background:var(--brand);color:#fff;border-color:var(--brand)}.tab.view-tab{display:inline-flex;align-items:center;gap:6px}.view-sys{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:var(--brand-weak);color:var(--brand-strong);padding:1px 5px;border-radius:6px}.tab.active .view-sys{background:#ffffff40;color:#fff}.view-del{font-size:14px;line-height:1;color:var(--text-3);cursor:pointer;padding:0 2px;border-radius:4px}.view-del:hover{color:var(--red);background:var(--red-weak)}.tab.active .view-del{color:#fffc}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-weight:600;font-size:11.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--text-3);padding:11px 14px;background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0}td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover{background:var(--surface-hover);cursor:pointer}.deal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 12px;margin-bottom:9px;cursor:pointer;box-shadow:var(--shadow-sm);position:relative;transition:box-shadow .12s,transform .06s}.deal:hover{box-shadow:var(--shadow)}.deal:active{transform:translateY(1px)}.deal .dn{font-weight:700;font-size:13.5px;letter-spacing:-.01em}.deal .da{color:var(--green);font-weight:700;font-size:14px;margin-top:2px}.deal .dm{color:var(--text-2);font-size:12.5px;margin-top:3px}.deal .dphone{display:inline-block;color:var(--brand);font-size:12px;font-weight:600;margin-top:3px}.deal .dphone:hover{text-decoration:underline}.deal .dnote{margin-top:6px;font-size:12px;color:var(--text-2);background:var(--surface-2);border-left:2px solid var(--brand-weak);padding:5px 8px;border-radius:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.deal .dmeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px;font-size:11px;color:var(--text-3)}.deal.stale-warn{border-left:3px solid var(--amber)}.deal.stale-stale{border-left:3px solid var(--red)}.deal-ribbon{position:absolute;top:8px;right:8px;font-size:10px;font-weight:700;padding:1px 6px;border-radius:var(--radius-pill)}.ribbon-warn{background:var(--amber-weak);color:var(--amber)}.ribbon-stale{background:var(--red-weak);color:var(--red)}.contact-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.bottomnav{display:none}.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;color:var(--text-3);font-size:10.5px;font-weight:600}.bottomnav a.active{color:var(--brand)}.bottomnav .ic{font-size:18px}.datefilter,.filterpop{position:relative;display:inline-block}.btn.df-active,.btn.fp-active{background:var(--brand-weak);color:var(--brand-strong);border-color:var(--brand)}.df-backdrop,.fp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.df-panel,.fp-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:61;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:10px}.df-opt{display:flex;align-items:center;gap:8px;padding:7px 8px;font-size:13.5px;border-radius:8px;cursor:pointer}.df-opt:hover{background:var(--surface-hover)}.df-opt input{width:auto}.df-custom{display:flex;flex-direction:column;gap:8px;padding:8px 4px 4px;border-top:1px solid var(--border);margin-top:6px}.df-custom label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-2)}.df-actions,.fp-actions{display:flex;justify-content:space-between;gap:8px;padding-top:10px;margin-top:8px;border-top:1px solid var(--border)}.fp-search{position:relative;margin-bottom:8px}.fp-search input{padding:8px 11px;font-size:13px}.fp-list{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.fp-opt{display:flex;align-items:center;gap:9px;padding:7px 8px;font-size:13.5px;border-radius:8px;cursor:pointer;color:var(--text)}.fp-opt:hover{background:var(--surface-hover)}.fp-opt.sel{background:var(--brand-weak)}.fp-opt input{width:auto;accent-color:var(--brand)}.fp-empty{padding:14px 8px;text-align:center;color:var(--text-3);font-size:12.5px}.multi-input{display:flex;flex-direction:column;gap:6px}.multi-row{display:flex;gap:6px;align-items:center}.multi-row input{flex:1}.mi-remove{flex:0 0 auto;width:30px;height:30px;border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;cursor:pointer;color:var(--red);font-size:12px;line-height:1}.mi-remove:hover{background:var(--red-weak);border-color:#fca5a5}.mi-add{align-self:flex-start;background:none;border:1px dashed var(--border-strong);color:var(--brand);border-radius:8px;padding:5px 10px;font-size:13px;font-weight:600;cursor:pointer}.mi-add:hover{border-color:var(--brand)}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px}.loader-ring{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}.loader-text{font-size:13px;color:var(--text-3);font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;margin:48px auto;font-size:0}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 860px){.sidebar{display:none}.content{padding:14px 14px 78px}.topbar{padding:13px 16px;min-height:54px}.desktop-only{display:none}.mobile-only{display:block}.two{grid-template-columns:1fr}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--surface);border-top:1px solid var(--border);padding:7px 6px calc(7px + env(safe-area-inset-bottom,0px))}.impersonation-banner{padding:9px 16px}}.board{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.board .col{scroll-snap-align:start}.col{min-width:272px;width:272px;flex-shrink:0;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:9px}.col.dragover{outline:2px dashed var(--brand);outline-offset:-2px;background:var(--brand-weak)}.col h3{font-size:13px;margin:6px 8px;display:flex;justify-content:space-between;align-items:center;font-weight:700}.col h3 .cnt{color:var(--text-3);font-weight:600;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:1px 8px;font-size:11.5px}.col .total{font-size:12px;color:var(--text-2);margin:0 8px 9px;font-family:var(--font-num);font-feature-settings:"tnum" 1}.stat{padding:var(--pad)}.stat .v{font-size:26px;font-weight:800;letter-spacing:-.03em;font-family:var(--font-num);font-feature-settings:"tnum" 1}.stat .l{color:var(--text-2);font-size:12.5px;margin-top:3px}.sidebar .spacer,.spacer{flex:1}.userbox{border-top:1px solid var(--border);padding-top:12px;font-size:13px}.userbox-row{display:flex;align-items:center;gap:10px;margin-bottom:9px}.userbox .uname{color:var(--text);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userbox .urole{color:var(--text-3);text-transform:capitalize;font-size:11.5px;margin-top:1px}.userbox button{margin-top:9px;width:100%;background:var(--surface);color:var(--text-2);border:1px solid var(--border-strong);padding:8px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;cursor:pointer}.userbox button:hover{background:var(--surface-hover)}.timeline-item{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid var(--border)}.timeline-item:last-child{border-bottom:none}.timeline-item .ti-ic{width:32px;height:32px;border-radius:50%;background:var(--brand-weak);color:var(--brand);display:flex;align-items:center;justify-content:center;flex-shrink:0}.fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:45}.fab .fbtn{width:56px;height:56px;border-radius:50%;background:var(--brand);color:#fff;border:none;font-size:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px color-mix(in srgb,var(--brand) 48%,transparent);cursor:pointer;transition:transform .18s cubic-bezier(.3,1.4,.5,1)}.fab .fbtn:hover{background:var(--brand-strong)}.fab .menu{position:absolute;right:0;bottom:66px;display:flex;flex-direction:column;gap:9px;align-items:flex-end}.fab .menu button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:9px 15px;font-weight:700;font-size:13.5px;box-shadow:var(--shadow-lg);white-space:nowrap;cursor:pointer}.fab .menu button:hover{background:var(--surface-hover)}.fab-add{position:fixed;right:20px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:46;width:56px;height:56px;border-radius:50%;background:var(--brand);color:#fff;border:none;font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px color-mix(in srgb,var(--brand) 48%,transparent);cursor:pointer;transition:transform .18s cubic-bezier(.3,1.4,.5,1)}.fab-add:hover{background:var(--brand-strong)}.fab-add:active{transform:scale(.94)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12141c6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--surface);width:100%;max-width:480px;border-radius:var(--radius-lg);max-height:90vh;overflow-y:auto;padding:20px;box-shadow:var(--shadow-lg)}.modal.wide{max-width:560px}.modal h2{margin:0 0 16px;font-size:17px;font-weight:700;letter-spacing:-.01em}.modal .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;position:sticky;bottom:0;background:var(--surface);padding-top:12px}.detail-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.edit-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--pad)}.muted{color:var(--text-2)}.empty{text-align:center;color:var(--text-3);padding:40px 16px;font-size:13.5px}.bottomnav-spacer{height:8px}@media (max-width: 860px){.board{gap:10px;margin:0 -14px;padding:0 14px 12px}.col{min-width:82vw;width:82vw}.modal{max-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;align-self:flex-end}.overlay{align-items:flex-end;padding:0}}.contacts-table{table-layout:fixed;min-width:1080px}.contacts-table th,.contacts-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-count{font-size:11px;font-weight:700;opacity:.65;font-family:var(--font-num)}.tab.active .view-count{opacity:.9}@media (max-width: 860px){.fab{bottom:calc(78px + env(safe-area-inset-bottom));z-index:46}}