:root{--tf-bg:#f5f4f0;--tf-surface:#faf9f5;--tf-card:#fff;--tf-accent:#c8840f;--tf-accent-soft:#f4e6c9;--tf-accent-hover:#a56c0a;--tf-navy:#0a1628;--tf-navy-soft:#1b2940;--tf-text:#1a1a1a;--tf-text-2:#3d3d3d;--tf-muted:#6b6657;--tf-muted-2:#9a9485;--tf-border:#e8e6df;--tf-border-2:#d8d5cb;--tf-success:#2d7a4f;--tf-success-soft:#d9ead7;--tf-warning:#c8840f;--tf-error:#c0392b;--tf-error-soft:#f4d5cf;--tf-info:#1a5276;--font-display:"Syne", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--shadow-sm:0 1px 2px #1a16080a, 0 1px 1px #1a160808;--shadow-md:0 4px 16px -4px #1a160814, 0 2px 4px #1a16080a;--shadow-lg:0 16px 48px -12px #1a16082e, 0 4px 12px #1a16080f}[data-theme=dark]{--tf-bg:#0a0a0a;--tf-surface:#0f0f11;--tf-card:#111113;--tf-accent:#ffd600;--tf-accent-soft:#ffd60014;--tf-accent-hover:#e6c200;--tf-navy:#161619;--tf-navy-soft:#1e1e22;--tf-text:#fff;--tf-text-2:#c8c8cc;--tf-muted:#8b8b93;--tf-muted-2:#5a5a62;--tf-border:#ffffff0f;--tf-border-2:#ffffff1a;--tf-success:#34d399;--tf-success-soft:#34d3991f;--tf-warning:#fbbf24;--tf-error:#ef4444;--tf-error-soft:#ef44441f;--tf-info:#60a5fa;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px -4px #00000080;--shadow-lg:0 16px 48px -12px #000000b3}[data-theme=dark] body:before{background-image:radial-gradient(at 0 0,#ffd60008,#0000 50%),radial-gradient(at 100% 100%,#ffd60004,#0000 55%)}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--tf-bg);font-family:var(--font-body);color:var(--tf-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01", "cv11";overflow-x:hidden}#root{min-height:100dvh}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::selection{background:var(--tf-accent);color:#fff}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(at 0 0,#c8840f0a,#0000 50%),radial-gradient(at 100% 100%,#1a527606,#0000 55%);position:fixed;inset:0}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display);letter-spacing:-.01em}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--tf-border-2);border:2px solid var(--tf-bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--tf-muted-2)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseRed{0%,to{box-shadow:0 0 #c0392b99}50%{box-shadow:0 0 0 8px #c0392b00}}@keyframes pulseGold{0%,to{box-shadow:0 0 #c8840f80}50%{box-shadow:0 0 0 8px #c8840f00}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes checkPop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:none}}.fade-up{animation:.24s cubic-bezier(.2,.7,.2,1) both fadeUp}.fade-in{animation:.2s both fadeIn}.tf-card{background:var(--tf-card);border:1px solid var(--tf-border);box-shadow:var(--shadow-sm);border-radius:14px}.tf-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.tf-btn{letter-spacing:-.005em;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.tf-btn-gold{background:var(--tf-accent);color:#fff;border-color:var(--tf-accent)}.tf-btn-gold:hover{background:var(--tf-accent-hover);border-color:var(--tf-accent-hover)}.tf-btn-ghost{background:var(--tf-card);color:var(--tf-accent);border-color:var(--tf-accent)}.tf-btn-ghost:hover{background:var(--tf-accent);color:#fff}.tf-btn-navy{background:var(--tf-navy);color:#fff;border-color:var(--tf-navy)}.tf-btn-navy:hover{background:var(--tf-navy-soft)}.tf-btn-quiet{background:var(--tf-card);color:var(--tf-text);border-color:var(--tf-border)}.tf-btn-quiet:hover{border-color:var(--tf-muted-2);background:var(--tf-surface)}.tf-input{border:1px solid var(--tf-border-2);background:var(--tf-surface);width:100%;color:var(--tf-text);border-radius:10px;outline:none;padding:11px 14px;font-size:14px;transition:all .16s}.tf-input:focus{border-color:var(--tf-accent);background:var(--tf-card);box-shadow:0 0 0 3px #c8840f1f}.tf-toggle{background:var(--tf-border-2);cursor:pointer;border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .18s;position:relative}.tf-toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.tf-toggle.on{background:var(--tf-accent)}.tf-toggle.on:after{transform:translate(16px)}.gold-left{border-left:3px solid var(--tf-accent)}.tf-mark{background:var(--tf-navy);color:var(--tf-accent);font-family:var(--font-display);border-radius:8px;justify-content:center;align-items:center;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.tf-mark:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#c8840f59,#0000 60%);position:absolute;inset:0}.tier-bar{background:var(--tf-navy);color:#cfd5e0;z-index:50;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;font-size:12px;display:flex;position:sticky;top:0}.tier-pills{background:#ffffff0f;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.tier-pill{letter-spacing:.08em;text-transform:uppercase;color:#b8bdc7;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .16s}.tier-pill:hover{color:#fff}.tier-pill.active{background:var(--tf-accent);color:#fff;box-shadow:0 2px 6px #c8840f59}.sidebar{background:var(--tf-surface);border-right:1px solid var(--tf-border);flex-direction:column;flex-shrink:0;width:248px;height:calc(100dvh - 41px);display:flex;position:sticky;top:41px}.sidebar-nav-item{color:var(--tf-text-2);cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;margin:0 10px;padding:9px 14px;font-size:13px;font-weight:500;transition:all .14s;display:flex}.sidebar-nav-item:hover{background:var(--tf-card);color:var(--tf-text)}.sidebar-nav-item.active{background:var(--tf-card);color:var(--tf-accent);border-color:var(--tf-border);box-shadow:var(--shadow-sm);font-weight:600}.sidebar-nav-item .nav-ico{flex-shrink:0;width:18px;height:18px}.main{flex:1;min-width:0;padding:28px 36px 80px}.kanban-scroll{gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.kanban-col{border:1px solid var(--tf-border);background:#ffffff80;border-radius:12px;flex-shrink:0;width:280px;padding:12px}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot.gold{background:var(--tf-accent)}.dot.green{background:var(--tf-success)}.dot.red{background:var(--tf-error)}.dot.navy{background:var(--tf-navy)}.dot.purple{background:#7c4f9e}.dot.blue{background:var(--tf-info)}.dot.muted{background:var(--tf-muted-2)}.dot.pulse-red{background:var(--tf-error);animation:1.6s infinite pulseRed}.dot.pulse-gold{background:var(--tf-accent);animation:2s infinite pulseGold}.avatar{background:var(--tf-navy);color:#fff;width:28px;height:28px;font-size:11px;font-weight:700;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.stars{color:var(--tf-accent);letter-spacing:1px;font-size:14px}.stars.muted{color:var(--tf-border-2)}.upgrade-inline{background:var(--tf-card);border:1px solid var(--tf-border);border-left:3px solid var(--tf-accent);border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.toast-wrap{z-index:100;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;background:var(--tf-navy);color:#fff;box-shadow:var(--shadow-lg);border-radius:10px;align-items:center;gap:10px;min-width:240px;padding:12px 16px;font-size:13px;font-weight:500;animation:.22s cubic-bezier(.2,.8,.2,1) both toastIn;display:flex}.toast .ok{color:var(--tf-accent)}.mobile-tabbar{display:none}@media (width<=900px){.sidebar{display:none}.main{padding:16px 16px 96px}.tier-bar .tier-bar-meta{display:none}.mobile-tabbar{background:var(--tf-surface);border-top:1px solid var(--tf-border);padding:8px 4px env(safe-area-inset-bottom);z-index:40;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tabbar button{min-height:44px;color:var(--tf-muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-size:10px;font-weight:600;display:flex}.mobile-tabbar button.active{color:var(--tf-accent)}.mobile-tabbar button svg{width:20px;height:20px}}.onb-overlay{z-index:200;background:var(--tf-navy);justify-content:center;align-items:center;padding:24px;animation:.28s fadeIn;display:flex;position:fixed;inset:0}.auth-overlay{z-index:200;background:var(--tf-navy);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.img-placeholder{background-color:var(--tf-surface);background-image:repeating-linear-gradient(135deg, var(--tf-border) 0 1px, transparent 1px 12px);border:1px solid var(--tf-border);color:var(--tf-muted-2);font-family:var(--font-mono);text-align:center;border-radius:10px;justify-content:center;align-items:center;padding:12px;font-size:11px;display:flex}.hbar{background:var(--tf-border);border-radius:6px;height:12px;overflow:hidden}.hbar>span{background:linear-gradient(90deg, var(--tf-accent), #e0a93e);border-radius:6px;height:100%;display:block}.tf-table{border-collapse:collapse;width:100%;font-size:13px}.tf-table th{text-align:left;color:var(--tf-muted);border-bottom:1px solid var(--tf-border);letter-spacing:.06em;text-transform:uppercase;padding:10px 12px;font-size:11px;font-weight:600}.tf-table td{border-bottom:1px solid var(--tf-border);color:var(--tf-text);padding:12px}.tf-table tr:last-child td{border-bottom:none}.tf-table tr:hover td{background:var(--tf-surface)}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-2{grid-template-columns:1.5fr 1fr;gap:20px;display:grid}.grid-bookings{grid-template-columns:1.85fr 1fr;gap:20px;display:grid}@media (width<=1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-bookings{grid-template-columns:1fr}}.h-app{min-height:calc(100dvh - 41px);display:flex}.pipeline-strip{background:var(--tf-card);border:1px solid var(--tf-border);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:0;padding:10px 16px;display:flex;overflow-x:auto}.pipeline-stage-wrapper{flex:1;align-items:center;min-width:0;display:flex}.pipeline-stage{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:8px 12px;transition:all .14s;display:flex}.pipeline-stage:hover{background:var(--tf-surface);border-color:var(--tf-border)}.pipeline-stage-icon{background:var(--stage-color,var(--tf-accent-soft));width:28px;height:28px;color:var(--tf-accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pipeline-stage-count{font-family:var(--font-mono);color:var(--tf-text);font-size:20px;font-weight:700;line-height:1}.pipeline-stage-label{color:var(--tf-muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.pipeline-arrow{color:var(--tf-border-2);flex-shrink:0;align-items:center;padding:0 2px;display:flex}@media (width<=900px){.pipeline-strip{padding:8px 10px}.pipeline-stage{gap:6px;padding:6px 8px}.pipeline-stage-count{font-size:16px}.pipeline-stage-label{font-size:9px}.pipeline-stage-icon{width:24px;height:24px}}