:root{--slate-0:#06070a;--slate-1:#0a0b0f;--slate-2:#0e1015;--slate-3:#14161d;--slate-4:#1a1d26;--slate-5:#22262f;--slate-6:#262a35;--slate-7:#323744;--slate-8:#454b5b;--slate-9:#6b7280;--slate-10:#8a94a6;--slate-11:#c1c7d4;--slate-12:#f5f6fa;--brand-3:#1a1230;--brand-4:#241946;--brand-5:#2f215c;--brand-6:#3d2d78;--brand-7:#4f3c9a;--brand-8:#6b52cf;--brand-9:#7c5cff;--brand-10:#8f74ff;--brand-11:#b9a5ff;--brand-12:#e9e0ff;--brand-bg:#7c5cff1a;--brand-bg-hi:#7c5cff29;--red-9:#e5484d;--red-10:#ec5d5e;--red-11:#ff9899;--red-bg:#e5484d1a;--red-bg-hi:#e5484d29;--amber-9:#ffb224;--amber-10:#ffcb47;--amber-11:#ffcd6f;--amber-bg:#ffb2241a;--green-9:#30a46c;--green-10:#3cb179;--green-11:#4cc38a;--green-bg:#30a46c1a;--blue-9:#0090ff;--blue-10:#369eff;--blue-11:#6cb4ff;--blue-bg:#0090ff1a;--pink-9:#d6409f;--pink-11:#f65cb6;--grad:linear-gradient(135deg, #7c5cff 0%, #b84dff 55%, #ff5ea8 100%);--grad-soft:linear-gradient(135deg, #7c5cff24, #ff5ea81a);--grad-line:linear-gradient(90deg, transparent, #7c5cff66, transparent);--bg:var(--slate-0);--bg-elevated:var(--slate-2);--surface:var(--slate-3);--surface-hover:var(--slate-4);--surface-active:var(--slate-5);--border:var(--slate-6);--border-strong:var(--slate-7);--border-focus:var(--brand-9);--text:var(--slate-12);--text-secondary:var(--slate-11);--text-muted:var(--slate-10);--text-subtle:var(--slate-9);--radius-1:4px;--radius-2:6px;--radius-3:8px;--radius-4:10px;--radius-5:12px;--radius-6:16px;--radius-round:999px;--shadow-1:0 1px 2px #00000080, 0 0 0 1px #ffffff05;--shadow-2:0 4px 16px #0006, 0 0 0 1px #ffffff08;--shadow-3:0 20px 48px #0000008c, 0 0 0 1px #ffffff0a;--shadow-focus:0 0 0 3px #7c5cff59;--shadow-inset:inset 0 1px 0 #ffffff08;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-base:13.5px;--fs-lg:15px;--fs-xl:18px;--fs-2xl:22px;--fs-3xl:30px;--ease:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:var(--fs-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01", "cv11", "tnum";letter-spacing:-.005em;line-height:1.5}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;letter-spacing:inherit;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;letter-spacing:inherit;background:0 0;border:none;outline:none}h1,h2,h3,h4{letter-spacing:-.018em;color:var(--text);font-weight:620;line-height:1.2}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.text-mono{font-variant-numeric:tabular-nums;letter-spacing:0;font-family:JetBrains Mono,SF Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.btn{border-radius:var(--radius-2);height:30px;font-size:var(--fs-md);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex;position:relative}.btn-primary{background:var(--brand-9);color:#fff;box-shadow:var(--shadow-inset), 0 1px 0 #00000040}.btn-primary:hover{background:var(--brand-10)}.btn-primary:active{background:var(--brand-8)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text);box-shadow:var(--shadow-inset)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--slate-8)}.btn-secondary:active{background:var(--surface-active)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-lg{height:34px;font-size:var(--fs-base);padding:0 14px}.btn-sm{height:24px;font-size:var(--fs-sm);border-radius:var(--radius-1);gap:4px;padding:0 8px}.btn-icon{border-radius:var(--radius-2);width:30px;height:30px;color:var(--text-muted);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);justify-content:center;align-items:center;display:inline-flex;position:relative}.btn-icon:hover{background:var(--surface-hover);color:var(--text)}.badge{border-radius:var(--radius-1);height:20px;font-size:var(--fs-xs);background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--border);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:4px;padding:0 7px;font-weight:500;display:inline-flex}.badge-lg{height:24px;font-size:var(--fs-sm);padding:0 10px}.badge.brand{background:var(--brand-bg);color:var(--brand-11);border-color:#7c5cff3d}.badge.green{background:var(--green-bg);color:var(--green-11);border-color:#4cc38a38}.badge.red{background:var(--red-bg);color:var(--red-11);border-color:#ff989938}.badge.amber{background:var(--amber-bg);color:var(--amber-11);border-color:#ffcd6f38}.badge.blue{background:var(--blue-bg);color:var(--blue-11);border-color:#6cb4ff38}.badge.pink{color:var(--pink-11);background:#d6409f1a;border-color:#f65cb638}.status-dot{background:var(--slate-9);border-radius:50%;flex-shrink:0;width:6px;height:6px;position:relative}.status-dot.green{background:var(--green-10);box-shadow:0 0 0 3px #4cc38a24}.status-dot.amber{background:var(--amber-10);box-shadow:0 0 0 3px #ffcd6f24}.status-dot.red{background:var(--red-10);box-shadow:0 0 0 3px #ec5d5e24}.status-dot.blue{background:var(--blue-10);box-shadow:0 0 0 3px #6cb4ff24}.chip{border-radius:var(--radius-1);height:20px;font-size:var(--fs-xs);background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--border);align-items:center;gap:4px;padding:0 7px;font-weight:500;display:inline-flex}.chip.success,.chip.green{background:var(--green-bg);color:var(--green-11);border-color:#4cc38a38}.chip.warning,.chip.amber{background:var(--amber-bg);color:var(--amber-11);border-color:#ffcd6f38}.chip.danger,.chip.red{background:var(--red-bg);color:var(--red-11);border-color:#ff989938}.chip.info,.chip.blue{background:var(--blue-bg);color:var(--blue-11);border-color:#6cb4ff38}.chip.grad,.chip.brand{background:var(--brand-bg);color:var(--brand-11);border-color:#7c5cff3d}.chip.mute{color:var(--text-muted);background:0 0}.nm{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-5)}.nm-inset{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-5)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--slate-6);background-clip:padding-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--slate-7);background-clip:padding-box;border:2px solid #0000}select option{background:var(--bg-elevated);color:var(--text)}textarea{font-family:inherit}.card.card-linky{cursor:pointer}.card.card-linky:hover{background:var(--surface-hover);border-color:var(--border-strong)}:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-2);outline:none}::selection{color:var(--text);background:#7c5cff59}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}.link{color:var(--brand-11);transition:border-color var(--dur-fast) var(--ease);border-bottom:1px solid #b9a5ff4d}.link:hover{border-color:var(--brand-11)}.app-shell{background:var(--bg);grid-template-columns:232px 1fr;width:100vw;height:100vh;display:grid}.sidebar{background:var(--bg-elevated);border-right:1px solid var(--border);flex-direction:column;gap:18px;padding:14px 10px;display:flex;position:relative;overflow-y:auto}.sidebar:before{content:"";background:linear-gradient(180deg, transparent, var(--brand-6), transparent);opacity:.3;pointer-events:none;width:1px;position:absolute;top:0;bottom:0;right:0}.brand{align-items:center;gap:10px;padding:4px 10px;display:flex}.brand-mark{background:var(--grad);border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 12px #7c5cff59,inset 0 1px #fff3}.brand-mark:after{content:"";background:linear-gradient(135deg,#0000 30%,#ffffff26 50%,#0000 70%);animation:4s ease-in-out infinite brand-shine;position:absolute;inset:0}@keyframes brand-shine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.brand-dot{z-index:1;background:#fff;border-radius:50%;width:10px;height:10px;position:relative;box-shadow:inset 0 -1px #00000026}.brand-name{font-weight:620;font-size:var(--fs-md);color:var(--text);letter-spacing:-.01em}.brand-sub{color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:600}.nav{flex-direction:column;gap:1px;display:flex}.nav-item{border-radius:var(--radius-2);color:var(--text-secondary);font-size:var(--fs-md);transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);text-align:left;align-items:center;gap:10px;width:100%;height:30px;padding:6px 10px;font-weight:500;display:flex;position:relative}.nav-item svg{z-index:1;opacity:.85;transition:opacity var(--dur-fast) var(--ease);flex-shrink:0;position:relative}.nav-item>span{z-index:1;flex:1;position:relative}.nav-item .chev{z-index:1;transition:transform var(--dur-base) var(--ease);color:var(--text-muted);opacity:.6;position:relative}.nav-item .chev.open{opacity:1;transform:rotate(90deg)}.nav-item:hover{color:var(--text)}.nav-item:hover svg{opacity:1}.nav-item.active{color:var(--text)}.nav-item.active svg{opacity:1;color:var(--brand-11)}.nav-pill{background:var(--surface-hover);border-radius:var(--radius-2);box-shadow:var(--shadow-inset);position:absolute;inset:0}.nav-pill:before{content:"";background:var(--grad);border-radius:0 2px 2px 0;width:2px;position:absolute;top:6px;bottom:6px;left:0}.subnav{flex-direction:column;gap:1px;margin-top:3px;padding-left:22px;display:flex;overflow:hidden}.subnav-item{border-radius:var(--radius-2);color:var(--text-muted);font-size:var(--fs-sm);transition:all var(--dur-fast) var(--ease);align-items:center;gap:8px;height:26px;padding:5px 10px;font-weight:500;display:flex;position:relative}.subnav-item:before{content:"";background:var(--border);width:6px;height:1px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.subnav-item:hover{color:var(--text);background:var(--surface-hover)}.subnav-item.active{color:var(--brand-11);background:var(--brand-bg)}.subnav-count{border-radius:var(--radius-1);background:var(--surface-hover);color:var(--text-muted);text-align:center;border:1px solid var(--border);min-width:18px;margin-left:auto;padding:0 6px;font-size:10px;line-height:16px}.nav-section{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.12em;margin-top:4px;padding:8px 10px 4px;font-size:10px;font-weight:600}.sidebar-footer{margin-top:auto}.user-card{border-radius:var(--radius-3);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-inset);transition:border-color var(--dur-fast) var(--ease);align-items:center;gap:10px;padding:8px;display:flex}.user-card:hover{border-color:var(--border-strong)}.avatar{border-radius:var(--radius-2);color:#fff;width:32px;height:32px;font-weight:620;font-size:var(--fs-sm);letter-spacing:-.02em;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 -1px #0000002e,inset 0 1px #ffffff26}.avatar-sm{border-radius:var(--radius-1);width:22px;height:22px;font-size:10px}.user-info{flex:1;min-width:0}.user-name{font-size:var(--fs-sm);color:var(--text);font-weight:620}.user-role{font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:5px}.xp-track{background:var(--surface-active);border-radius:2px;height:3px;overflow:hidden}.xp-fill{background:var(--grad);border-radius:2px;height:100%;box-shadow:0 0 6px #7c5cff80}.main{background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:52px;padding:10px 20px;display:flex;position:relative}.topbar:after{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#7c5cff59,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.search{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);width:340px;height:30px;color:var(--text-muted);transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);box-shadow:var(--shadow-inset);align-items:center;gap:8px;padding:0 10px;display:flex}.search:hover{background:var(--surface-hover)}.search:focus-within{border-color:var(--brand-8);box-shadow:0 0 0 3px #7c5cff26, var(--shadow-inset)}.search input{color:var(--text);font-size:var(--fs-md);flex:1;height:100%}.search input::placeholder{color:var(--text-muted)}.search kbd{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-family:inherit;font-size:10px;font-weight:500}.topbar-right{align-items:center;gap:6px;display:flex}.ai-btn{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-2);height:30px;color:var(--text);font-size:var(--fs-sm);transition:all var(--dur-fast) var(--ease);box-shadow:var(--shadow-inset);align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.ai-btn:before{content:"";background:var(--grad-soft);opacity:0;transition:opacity var(--dur-base) var(--ease);position:absolute;inset:0}.ai-btn>*{z-index:1;position:relative}.ai-btn:hover{border-color:var(--brand-7)}.ai-btn:hover:before{opacity:1}.ai-btn svg{color:var(--brand-11)}.btn-icon .dot{background:var(--red-9);width:6px;height:6px;box-shadow:0 0 0 2px var(--bg), 0 0 8px var(--red-10);border-radius:50%;animation:2s ease-in-out infinite pulse-red;position:absolute;top:6px;right:6px}@keyframes pulse-red{0%,to{box-shadow:0 0 0 2px var(--bg), 0 0 6px #ec5d5e99}50%{box-shadow:0 0 0 2px var(--bg), 0 0 12px #ec5d5ee6}}.streak{border-radius:var(--radius-2);background:var(--amber-bg);height:30px;color:var(--amber-11);font-size:var(--fs-sm);box-shadow:var(--shadow-inset);border:1px solid #ffcd6f38;align-items:center;gap:5px;padding:0 10px;font-weight:620;display:inline-flex}.streak svg{filter:drop-shadow(0 0 4px #ffb22499)}.content-wrap{flex:1;overflow-y:auto}.content{max-width:1440px;margin:0 auto;padding:24px 32px 80px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-title{font-size:var(--fs-3xl);letter-spacing:-.025em;color:var(--text);font-weight:700;line-height:1.1}.page-sub{font-size:var(--fs-md);color:var(--text-muted);margin-top:6px}.section-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:12px;font-weight:620;display:flex}.grid{gap:12px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.grid.cols-3{grid-template-columns:repeat(2,1fr)}.grid.cols-2{grid-template-columns:1fr}.app-shell{grid-template-columns:56px 1fr}.sidebar .nav-item>span,.brand>div:last-child,.user-info,.subnav,.nav-section{display:none}.search{width:200px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-5);transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);box-shadow:var(--shadow-inset);padding:16px}.card:hover{border-color:var(--border-strong)}.card-linky:hover{background:var(--surface-hover);cursor:pointer;box-shadow:var(--shadow-2);transform:translateY(-1px)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-5);box-shadow:var(--shadow-inset);transition:all var(--dur-base) var(--ease-out);padding:16px;position:relative;overflow:hidden}.stat-card:before{content:"";opacity:0;height:1px;transition:opacity var(--dur-base) var(--ease);background:linear-gradient(90deg,#0000,#7c5cff66,#0000);position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:620}.stat-value{font-size:var(--fs-3xl);letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;margin-top:8px;font-weight:700;line-height:1}.stat-delta{font-size:var(--fs-sm);align-items:center;gap:4px;margin-top:6px;font-weight:500;display:inline-flex}.stat-delta.up{color:var(--green-11)}.stat-delta.down{color:var(--red-11)}.stat-icon{border-radius:var(--radius-2);background:var(--brand-bg);width:30px;height:30px;color:var(--brand-11);box-shadow:var(--shadow-inset);border:1px solid #7c5cff33;place-items:center;display:grid;position:absolute;top:14px;right:14px}.attention{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-3);transition:all var(--dur-fast) var(--ease);box-shadow:var(--shadow-inset);align-items:center;gap:12px;padding:10px 12px;display:flex}.attention:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translate(2px)}.attention.urgent{border-left:2px solid var(--red-9);background:linear-gradient(90deg, var(--red-bg) 0%, var(--surface) 40%)}.attention-icon{border-radius:var(--radius-2);background:var(--surface-hover);width:28px;height:28px;color:var(--text-secondary);border:1px solid var(--border);flex-shrink:0;place-items:center;display:grid}.attention-icon.urgent{background:var(--red-bg);color:var(--red-11);border-color:#ff989938}.attention-text{font-size:var(--fs-md);color:var(--text);flex:1;font-weight:500}.attention-when{color:var(--text-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.client-row{border-radius:var(--radius-3);background:var(--surface);border:1px solid var(--border);transition:all var(--dur-fast) var(--ease);box-shadow:var(--shadow-inset);grid-template-columns:36px 1fr auto auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.client-row:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translate(2px)}.client-emoji{border-radius:var(--radius-2);background:var(--bg-elevated);border:1px solid var(--border);width:36px;height:36px;box-shadow:var(--shadow-inset);place-items:center;font-size:18px;display:grid}.client-name{font-weight:620;font-size:var(--fs-md);color:var(--text);letter-spacing:-.01em}.client-next{font-size:var(--fs-xs);color:var(--text-muted);margin-top:3px}.progress-track{background:var(--surface-active);border-radius:3px;width:140px;height:5px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}.progress-fill{background:var(--grad);border-radius:3px;height:100%;position:relative;box-shadow:0 0 8px #7c5cff66}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);animation:2.4s ease-in-out infinite progress-shine;position:absolute;inset:0}@keyframes progress-shine{0%,to{transform:translate(-100%)}60%{transform:translate(200%)}}.progress-value{font-size:var(--fs-sm);color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;min-width:40px;font-weight:620}.shoot-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-4);transition:all var(--dur-fast) var(--ease);box-shadow:var(--shadow-inset);flex-direction:column;gap:8px;padding:14px;display:flex}.shoot-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-2px)}.shoot-date{font-size:var(--fs-xs);color:var(--text-muted);align-items:center;gap:6px;font-weight:500;display:inline-flex}.shoot-title{font-weight:620;font-size:var(--fs-md);color:var(--text)}.shoot-meta{font-size:var(--fs-sm);color:var(--text-secondary)}.shoot-crew{align-items:center;display:flex}.shoot-crew .avatar-sm{border:2px solid var(--surface);margin-left:-6px}.shoot-crew .avatar-sm:first-child{margin-left:0}.team-row{border-radius:var(--radius-3);background:var(--surface);border:1px solid var(--border);transition:all var(--dur-fast) var(--ease);box-shadow:var(--shadow-inset);grid-template-columns:32px 1fr auto auto auto;align-items:center;gap:14px;padding:10px 14px;display:grid}.team-row:hover{background:var(--surface-hover);border-color:var(--border-strong)}.team-name{font-weight:620;font-size:var(--fs-md);color:var(--text)}.team-role{font-size:var(--fs-xs);color:var(--text-muted)}.workload-bar{border-radius:var(--radius-1);background:var(--surface-hover);border:1px solid var(--border);box-shadow:var(--shadow-inset);gap:2px;padding:3px 6px;display:flex}.workload-bar span{background:var(--slate-7);width:4px;height:12px;transition:background var(--dur-fast) var(--ease);border-radius:1px}.workload-bar span.on{background:var(--brand-9);box-shadow:0 0 4px #7c5cff66}.filter-tabs{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-3);width:fit-content;box-shadow:var(--shadow-inset);gap:2px;margin-bottom:20px;padding:3px;display:flex}.tab{border-radius:var(--radius-2);height:26px;font-size:var(--fs-sm);color:var(--text-muted);transition:all var(--dur-fast) var(--ease);padding:0 12px;font-weight:500}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-5);transition:all var(--dur-base) var(--ease-out);cursor:pointer;box-shadow:var(--shadow-inset);flex-direction:column;gap:14px;padding:18px;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";opacity:0;height:1px;transition:opacity var(--dur-base) var(--ease);background:linear-gradient(90deg,#0000,#7c5cff66,#0000);position:absolute;top:0;left:0;right:0}.project-card:hover{border-color:var(--border-strong);background:var(--surface-hover);box-shadow:var(--shadow-2);transform:translateY(-2px)}.project-card:hover:before{opacity:1}.project-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.project-title{font-weight:620;font-size:var(--fs-lg);letter-spacing:-.015em;color:var(--text)}.project-client{font-size:var(--fs-sm);color:var(--text-muted);margin-top:3px}.project-progress-circle{flex-shrink:0;width:44px;height:44px;position:relative}.project-footer{font-size:var(--fs-xs);color:var(--text-muted);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.flow-container{max-width:720px;margin:0 auto}.flow-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-6);box-shadow:var(--shadow-2);padding:28px}.flow-step-pill{border-radius:var(--radius-1);background:var(--brand-bg-hi);height:22px;color:var(--brand-11);font-size:var(--fs-xs);letter-spacing:.02em;border:1px solid #7c5cff47;align-items:center;gap:6px;padding:0 10px;font-weight:620;display:inline-flex}.flow-title{font-size:var(--fs-2xl);letter-spacing:-.025em;color:var(--text);margin:14px 0 6px;font-weight:700}.flow-sub{color:var(--text-secondary);font-size:var(--fs-base);margin-bottom:20px}.flow-steps{background:var(--bg-elevated);border-radius:var(--radius-3);border:1px solid var(--border);box-shadow:var(--shadow-inset);align-items:center;gap:4px;margin:24px 0;padding:8px;display:flex}.flow-step-dot{background:var(--surface-active);height:4px;transition:background var(--dur-base) var(--ease);border-radius:2px;flex:1}.flow-step-dot.done{background:var(--brand-9);box-shadow:0 0 4px #7c5cff66}.flow-step-dot.current{background:var(--brand-9);position:relative;overflow:hidden;box-shadow:0 0 8px #7c5cff99}.flow-step-dot.current:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.6s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.flow-actions{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:24px;display:grid}.flow-action{border-radius:var(--radius-3);background:var(--surface-hover);border:1px solid var(--border);transition:all var(--dur-fast) var(--ease);font-size:var(--fs-sm);color:var(--text-secondary);box-shadow:var(--shadow-inset);flex-direction:column;align-items:center;gap:6px;padding:14px;font-weight:500;display:flex}.flow-action:hover{background:var(--surface-active);color:var(--text);border-color:var(--border-strong);transform:translateY(-2px)}.flow-action.primary{background:var(--brand-9);border-color:var(--brand-9);color:#fff;box-shadow:0 8px 20px #7c5cff4d,inset 0 1px #ffffff26}.flow-action.primary:hover{background:var(--brand-10);box-shadow:0 12px 28px #7c5cff66,inset 0 1px #ffffff26}.flow-action.danger{color:var(--red-11)}.flow-action.danger:hover{border-color:var(--red-9);color:var(--red-11);background:var(--red-bg)}.flow-meta-row{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.cal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cal-nav{align-items:center;gap:4px;display:flex}.cal-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-4);box-shadow:var(--shadow-2);grid-template-columns:repeat(7,1fr);gap:1px;padding:1px;display:grid;overflow:hidden}.cal-dow{background:var(--bg-elevated);color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.08em;padding:8px 0;font-size:10px;font-weight:620}.cal-cell{background:var(--surface);aspect-ratio:1/.95;transition:background var(--dur-fast) var(--ease);cursor:pointer;flex-direction:column;gap:3px;min-height:96px;padding:6px 8px;display:flex;position:relative;overflow:hidden}.cal-cell:hover{background:var(--surface-hover)}.cal-cell.other{opacity:.35}.cal-cell.today{background:var(--brand-bg);box-shadow:inset 0 0 0 1px #7c5cff40}.cal-cell.today .cal-date{color:var(--brand-11);font-weight:700}.cal-date{font-size:var(--fs-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:620}.cal-event{border-radius:var(--radius-1);background:var(--surface-hover);color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-left:2px solid var(--brand-9);transition:background var(--dur-fast) var(--ease);padding:2px 6px;font-size:10.5px;overflow:hidden}.cal-event:hover{background:var(--surface-active)}.cal-event.more{color:var(--text-muted);background:0 0;border:none;padding-left:0}.chat-layout{grid-template-columns:300px 1fr;gap:16px;height:calc(100vh - 168px);display:grid}.chat-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-4);box-shadow:var(--shadow-inset);flex-direction:column;display:flex;overflow-y:auto}.chat-list-item{cursor:pointer;border-bottom:1px solid var(--border);transition:background var(--dur-fast) var(--ease);padding:12px 14px}.chat-list-item:hover,.chat-list-item.active{background:var(--surface-hover)}.chat-list-item.active{border-left:2px solid var(--brand-9)}.chat-name{font-weight:620;font-size:var(--fs-md);color:var(--text);margin-bottom:2px}.chat-preview{font-size:var(--fs-sm);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-4);box-shadow:var(--shadow-inset);flex-direction:column;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 18px;font-weight:620;display:flex}.chat-body{flex-direction:column;flex:1;gap:10px;padding:18px;display:flex;overflow-y:auto}.msg{border-radius:var(--radius-3);max-width:70%;font-size:var(--fs-md);padding:8px 12px;line-height:1.45}.msg.them{background:var(--surface-hover);border-top-left-radius:var(--radius-1);border:1px solid var(--border);align-self:flex-start}.msg.me{background:var(--brand-9);color:#fff;border-top-right-radius:var(--radius-1);align-self:flex-end;box-shadow:0 4px 12px #7c5cff40}.msg-time{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:10px}.msg.me .msg-time{color:#ffffffb8}.suggestion-card{background:var(--bg-elevated);border-radius:var(--radius-4);border:1px dashed #7c5cff59;flex-direction:column;align-self:center;gap:8px;max-width:420px;padding:12px 14px;display:flex}.suggestion-label{text-transform:uppercase;letter-spacing:.08em;color:var(--brand-11);font-size:10px;font-weight:620}.hub-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=900px){.hub-grid{grid-template-columns:repeat(2,1fr)}}.hub-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-5);transition:all var(--dur-base) var(--ease-out);cursor:pointer;box-shadow:var(--shadow-inset);flex-direction:column;gap:6px;padding:18px;display:flex;position:relative;overflow:hidden}.hub-tile:before{content:"";opacity:0;height:1px;transition:opacity var(--dur-base) var(--ease);background:linear-gradient(90deg,#0000,#7c5cff66,#0000);position:absolute;top:0;left:0;right:0}.hub-tile:hover{border-color:var(--border-strong);background:var(--surface-hover);box-shadow:var(--shadow-2);transform:translateY(-3px)}.hub-tile:hover:before{opacity:1}.hub-icon{border-radius:var(--radius-3);background:var(--brand-bg-hi);width:36px;height:36px;color:var(--brand-11);box-shadow:var(--shadow-inset);transition:transform var(--dur-base) var(--ease-out);border:1px solid #7c5cff3d;place-items:center;margin-bottom:8px;display:grid}.hub-tile:hover .hub-icon{transform:scale(1.06)rotate(-3deg)}.hub-title{font-weight:620;font-size:var(--fs-md);color:var(--text);letter-spacing:-.005em}.hub-desc{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.5}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--fs-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-4);box-shadow:var(--shadow-inset);overflow:hidden}.table thead th{text-align:left;font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:10px 14px;font-weight:620}.table tbody td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:12px 14px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--dur-fast) var(--ease)}.table tbody tr:hover{background:var(--surface-hover)}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.segment{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-2);box-shadow:var(--shadow-inset);padding:2px;display:inline-flex}.segment button{border-radius:var(--radius-1);height:24px;font-size:var(--fs-sm);color:var(--text-muted);text-transform:capitalize;transition:all var(--dur-fast) var(--ease);padding:4px 12px;font-weight:500}.segment button:hover{color:var(--text)}.segment button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.switch{background:var(--surface-active);border:1px solid var(--border);width:32px;height:18px;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);cursor:pointer;box-shadow:var(--shadow-inset);border-radius:9px;align-items:center;padding:2px;display:inline-flex}.switch-thumb{background:var(--text-muted);width:12px;height:12px;transition:transform var(--dur-base) var(--ease), background var(--dur-fast) var(--ease);border-radius:50%;box-shadow:0 1px 2px #00000080}.switch.on{background:var(--brand-9);border-color:var(--brand-9);box-shadow:0 0 12px #7c5cff66}.switch.on .switch-thumb{background:#fff;transform:translate(14px)}.divider{background:var(--border);height:1px;margin:20px 0}.detail-layout{grid-template-columns:1fr 320px;gap:20px;display:grid}@media (width<=1100px){.detail-layout{grid-template-columns:1fr}}.detail-side .card{padding:14px}.kv-row{border-bottom:1px solid var(--border);font-size:var(--fs-md);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.kv-row:last-child{border-bottom:none}.kv-row .k{color:var(--text-muted);font-size:var(--fs-sm)}.kv-row .v{color:var(--text);text-align:right;font-weight:500}.journey-path{margin-bottom:8px;padding:4px 0 12px}.stage-map{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-6);min-height:180px;box-shadow:var(--shadow-inset);justify-content:space-between;align-items:center;margin-bottom:20px;padding:40px 32px;display:flex;position:relative}.stage-node{cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.stage-node-inner{border-radius:var(--radius-4);border:1px solid var(--border);background:var(--bg-elevated);width:52px;height:52px;transition:all var(--dur-base) var(--ease-out);box-shadow:var(--shadow-inset);place-items:center;display:grid}.stage-label{font-size:var(--fs-sm);color:var(--text-secondary)}.stage-pulse{border-radius:var(--radius-4);border:2px solid var(--brand-9);pointer-events:none;width:52px;height:52px;position:absolute;top:0;left:50%;transform:translate(-50%)}.onboarding{background:var(--bg);flex-direction:column;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.onb-backdrop{pointer-events:none;z-index:0;opacity:.5;position:absolute;inset:0}.onb-rail{z-index:2;justify-content:space-between;align-items:center;width:100%;max-width:560px;margin:0 auto 20px;padding:4px 24px;display:flex;position:relative}.onb-dot{background:var(--surface);border:1px solid var(--border);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.onb-scene{z-index:1;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.onb-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:640px;display:flex}.onb-emoji{border-radius:var(--radius-4);background:var(--surface);border:1px solid var(--border);width:72px;height:72px;box-shadow:var(--shadow-2);place-items:center;margin-bottom:20px;font-size:40px;display:grid}.onb-title{letter-spacing:-.025em;color:var(--text);margin-bottom:6px;font-size:28px;font-weight:700}.onb-sub{font-size:var(--fs-base);color:var(--text-muted)}.onb-nav{z-index:2;justify-content:space-between;align-items:center;padding:16px 24px 0;display:flex}.onb-choice{border-radius:var(--radius-3);font-weight:500;font-size:var(--fs-base);transition:all var(--dur-fast) var(--ease);background:var(--surface);color:var(--text);border:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.onb-input{border-radius:var(--radius-3);background:var(--surface);border:1px solid var(--border);width:100%;font-size:var(--fs-lg);color:var(--text);padding:14px 16px}.onb-input::placeholder{color:var(--text-muted)}.onb-playbook{border-radius:var(--radius-3);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all var(--dur-fast) var(--ease);align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.onb-playbook:hover{background:var(--surface-hover);border-color:var(--border-strong)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-hover) 50%, var(--surface) 75%);border-radius:var(--radius-2);background-size:200% 100%;animation:1.6s ease-in-out infinite skeleton}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{flex-wrap:wrap;gap:8px;height:auto;padding:8px 12px}.topbar:after{display:none}.search{flex:100%;order:-1;width:100%}.topbar-right{flex-wrap:wrap;gap:4px}.topbar-right .btn,.topbar-right .ai-btn{height:32px;padding:0 10px;font-size:11px}.topbar-right .streak{height:32px}.topbar-right kbd{display:none}.content{padding:16px 14px 100px}.page-title{font-size:22px}.page-head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px}.page-head>div:last-child{flex-wrap:wrap;gap:6px;width:100%;display:flex}.grid.cols-2,.grid.cols-3,.grid.cols-4,.detail-layout{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr;height:auto}.chat-list{max-height:240px}.btn,.btn-primary,.btn-secondary,.btn-ghost{min-height:36px}.btn-sm{min-height:30px}.btn-icon{min-width:36px;min-height:36px}.table{font-size:12px}.table thead th,.table tbody td{padding:8px 10px}.cal-grid{gap:1px;padding:4px}.cal-cell{min-height:72px;padding:4px}.cal-event{padding:1px 4px;font-size:9.5px}.flow-card{padding:20px}.flow-actions{grid-template-columns:1fr;gap:6px}.app-shell+button[title*=Add]{bottom:88px!important;right:16px!important}.mobile-nav-btn{display:inline-flex}}@media (width>=761px){.mobile-nav-btn{display:none}}.mobile-nav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:180;background:#00000080;display:none;position:fixed;inset:0}.mobile-nav-overlay.open{display:block}.mobile-nav-overlay .mobile-sidebar{background:var(--bg-elevated);border-right:1px solid var(--border);width:260px;max-width:85vw;padding:14px 10px;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}