:root{color-scheme:light;--font: "Figtree", ui-sans-serif, sans-serif;--font-display: "Syne", "Figtree", ui-sans-serif, sans-serif;--paper: #eef2f4;--paper-2: #e2e8ec;--ink: #12151c;--ink-2: #3d4554;--ink-3: #6b7384;--line: #d0d7de;--surface: #fbfcfd;--surface-2: #f1f5f7;--rail: #12151c;--rail-ink: #eef2f4;--rail-muted: #8b93a3;--rail-line: #2a3140;--rail-hover: #1c2230;--rail-active: #14a594;--btn: #12151c;--btn-ink: #f6f8fa;--accent: #0f9a88;--accent-soft: color-mix(in srgb, var(--accent) 14%, transparent);--ok: #1a8f5c;--warn: #b7791f;--bad: #c9373a;--sidebar-w: 268px;--topbar-h: 60px;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 0 color-mix(in srgb, var(--ink) 5%, transparent);--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:.975rem;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(720px 380px at 8% -8%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 62%),radial-gradient(560px 320px at 96% 8%,color-mix(in srgb,#c9373a 10%,transparent),transparent 58%),linear-gradient(165deg,#f5f8f9 0%,var(--paper) 48%,#e7edf0 100%);position:relative;overflow:hidden}.auth-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);pointer-events:none}.auth-card{position:relative;width:min(100%,420px);display:grid;gap:18px;animation:rise .55s var(--ease) both}.auth-card .brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--font-display);font-weight:800;font-size:1.55rem;letter-spacing:-.04em}.auth-card .brand .mark{width:34px;height:34px}.app-shell{min-height:100vh;display:flex;align-items:stretch;background:radial-gradient(900px 480px at 100% -20%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%),linear-gradient(180deg,#f4f7f8 0%,var(--paper) 40%,#e9eef1 100%);position:relative}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(-18deg,transparent,transparent 11px,color-mix(in srgb,var(--ink) 2.5%,transparent) 11px,color-mix(in srgb,var(--ink) 2.5%,transparent) 12px);pointer-events:none;opacity:.55}.app-sidebar{position:sticky;top:0;flex:0 0 var(--sidebar-w);width:var(--sidebar-w);max-width:var(--sidebar-w);height:100vh;display:flex;flex-direction:column;gap:6px;padding:20px 14px 16px;background:var(--rail);color:var(--rail-ink);z-index:20;overflow:auto;border-right:1px solid var(--rail-line)}.side-brand{display:flex;align-items:center;gap:11px;padding:4px 10px 16px;text-decoration:none;font-family:var(--font-display);font-weight:800;font-size:1.35rem;letter-spacing:-.045em;color:var(--rail-ink)}.side-brand .mark{width:30px;height:30px;color:var(--rail-ink)}.side-org{margin:0 6px 12px;padding:12px 12px 11px;border:1px solid var(--rail-line);border-radius:var(--radius-sm);background:color-mix(in srgb,#fff 4%,transparent)}.side-org strong{display:block;font-size:.92rem;font-weight:700;letter-spacing:-.02em}.side-org span{color:var(--rail-muted);font-size:.78rem;text-transform:lowercase}.nav-group{margin:8px 8px 4px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rail-muted)}.side-nav{display:grid;gap:2px;flex:1;overflow:auto;padding-bottom:8px}.side-link{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border-radius:var(--radius-sm);text-decoration:none;color:color-mix(in srgb,var(--rail-ink) 78%,transparent);font-weight:560;transition:background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}.side-link:hover{background:var(--rail-hover);color:var(--rail-ink)}.side-link.active{background:color-mix(in srgb,var(--rail-active) 18%,transparent);color:#fff;box-shadow:inset 3px 0 0 var(--rail-active)}.side-link .dot{width:6px;height:6px;border-radius:2px;background:currentColor;opacity:.5;transition:transform .2s var(--ease),opacity .2s var(--ease)}.side-link.active .dot{opacity:1;background:var(--rail-active);transform:scale(1.15)}.side-footer{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--rail-line)}.side-user{display:grid;gap:2px;padding:6px 10px;font-size:.86rem}.side-user strong{font-weight:650}.side-user span{color:var(--rail-muted)}.side-footer .btn-ghost{color:var(--rail-ink);border-color:var(--rail-line)}.side-footer .btn-ghost:hover{background:var(--rail-hover)}.app-main{position:relative;flex:1 1 auto;min-width:0;width:100%;display:flex;flex-direction:column;min-height:100vh;z-index:1}.top-left{display:flex;align-items:center;gap:10px;min-width:0}.app-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--topbar-h);padding:0 28px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:color-mix(in srgb,var(--paper) 78%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1)}.top-title{display:grid;gap:1px}.top-title h1{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.03em}.top-title p{margin:0;color:var(--ink-3);font-size:.8rem}.app-content{flex:1;width:100%;max-width:1160px;padding:30px 28px 56px;margin:0;animation:rise .45s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.page-head h1{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,2.6vw,2.15rem);font-weight:800;letter-spacing:-.045em;line-height:1.05}.page-head .lead{margin:8px 0 0;color:var(--ink-2);max-width:52ch;font-size:1rem}.page-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.panel{display:grid;gap:14px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel+.panel{margin-top:14px}.panel h2{margin:0;font-family:var(--font-display);font-size:1.02rem;font-weight:700;letter-spacing:-.025em}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--ink-2);font-size:.92rem}.err{color:var(--bad);font-size:.92rem}.ok-msg{color:var(--ok);font-size:.92rem}.btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;border-radius:var(--radius-sm);border:1.5px solid var(--btn);background:var(--btn);color:var(--btn-ink);font-weight:650;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .15s var(--ease),background .15s var(--ease),border-color .15s var(--ease)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover:not(:disabled){background:var(--surface);border-color:color-mix(in srgb,var(--ink) 22%,var(--line))}.btn-sm{height:34px;padding:0 12px;font-size:.88rem}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.stack{display:grid;gap:10px}.form{display:grid;gap:12px}.form label,.field{display:grid;gap:6px;font-size:.88rem;color:var(--ink-2)}.form input,.field input:not([type=color]),.search,.select,.form textarea{width:100%;height:42px;padding:0 12px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.form textarea{height:auto;min-height:88px;padding:10px 12px;resize:vertical}.field input[type=color]{width:52px;height:36px;padding:0;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:transparent}.form-inline{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.form-inline label{flex:1;min-width:140px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.stat{padding:18px 16px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 90%,transparent);position:relative;overflow:hidden}.stat:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:.85}.stat b{display:block;font-family:var(--font-display);font-size:1.7rem;font-weight:800;letter-spacing:-.04em}.stat span{color:var(--ink-3);font-size:.84rem}.data-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.data-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface-2);text-decoration:none;transition:background .15s var(--ease)}a.data-row:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}.data-row>div{display:grid;gap:2px;min-width:0}.data-row strong{font-weight:680;letter-spacing:-.015em}.data-row span{color:var(--ink-3);font-size:.86rem}.chip{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:7px;background:var(--paper-2);font-size:.78rem;font-weight:650;letter-spacing:.01em;white-space:nowrap}.chip.ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.chip.warn{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.chip.bad{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}.chip.accent{background:var(--accent-soft);color:var(--accent)}.status-inline{display:inline-flex;align-items:center;gap:8px;color:var(--ink-3);font-size:.86rem}.status-inline i{width:8px;height:8px;border-radius:50%;background:var(--ink-3)}.status-inline.ok i{background:var(--ok)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-display);font-weight:800;letter-spacing:-.04em}.mark{width:28px;height:28px}.task-actions{display:flex;flex-wrap:wrap;gap:6px}.live-chip{position:relative;text-transform:lowercase;letter-spacing:.04em}.live-chip:before{content:"";width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--ok);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.meeting-card{display:grid;gap:10px}.rsvp-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid var(--line)}.rsvp-counts{font-size:.85rem;color:var(--ink-3)}.rsvp-actions{display:flex;flex-wrap:wrap;gap:6px}.rsvp-actions .btn.active{border-color:var(--ink);background:var(--surface)}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}.board-col{min-height:180px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 88%,transparent)}.board-col-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:.88rem;font-family:var(--font-display);font-weight:700}.board-col-head span{color:var(--ink-3);font-family:var(--font);font-weight:600}.board-cards{list-style:none;margin:0;padding:0;display:grid;gap:8px}.board-card{display:grid;gap:8px;padding:12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid transparent;transition:border-color .15s var(--ease),transform .15s var(--ease)}.board-card:hover{border-color:var(--line);transform:translateY(-1px)}.board-card strong{font-size:.95rem;font-weight:650}.board-empty{margin:8px 0 0;font-size:.85rem}.rank-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.rank-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);background:var(--surface-2)}.rank-swatch{width:14px;height:36px;border-radius:4px;flex-shrink:0}.rank-meta{flex:1;min-width:0;display:grid}.rank-meta strong{font-weight:680}.rank-meta span{font-size:.85rem;color:var(--ink-3)}.rank-stats{display:flex;flex-wrap:wrap;gap:6px}.pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.pipe-col{display:grid;gap:8px;align-content:start}.pipe-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-display);font-weight:700;font-size:.9rem;letter-spacing:-.02em;padding:0 2px}.pipe-head span{color:var(--ink-3);font-family:var(--font);font-weight:600;font-size:.82rem}.pipe-card{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);transition:transform .15s var(--ease)}.pipe-card:hover{transform:translateY(-1px)}.pipe-card strong{font-weight:680;letter-spacing:-.015em}.pipe-card .meta{font-size:.84rem;color:var(--ink-3)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:color-mix(in srgb,var(--ink) 42%,transparent);display:grid;place-items:center;padding:20px;animation:fade .2s var(--ease) both}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:min(100%,480px);max-height:min(88vh,720px);overflow:auto;padding:20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);display:grid;gap:14px;animation:rise .3s var(--ease) both}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-head h3{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:750;letter-spacing:-.03em}.modal-kicker{margin:0 0 4px;font-size:.78rem;color:var(--ink-3)}.icon-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:transparent;cursor:pointer}.role-list{list-style:none;margin:0;padding:0;overflow:auto;display:grid;gap:6px}.role-opt{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:var(--surface-2);text-align:left;cursor:pointer}.role-opt:hover:not(:disabled){border-color:var(--line)}.role-opt.active{border-color:var(--ink)}.role-opt.taken,.role-opt:disabled{opacity:.4;cursor:not-allowed}.role-opt.clear{background:transparent;border-style:dashed;border-color:var(--line)}.role-name{flex:1;font-weight:600}.role-list .empty{padding:16px;color:var(--ink-3)}.menu-toggle,.scrim{display:none}@media(max-width:1100px){.board,.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.app-shell{display:block}.app-sidebar{position:fixed;top:0;left:0;bottom:0;flex:none;width:min(84vw,288px);max-width:288px;height:100vh;z-index:40;transform:translate(-105%);transition:transform .22s var(--ease);box-shadow:16px 0 48px color-mix(in srgb,#000 28%,transparent)}.app-shell.nav-open .app-sidebar{transform:translate(0)}.app-main{width:100%;min-height:100vh}.menu-toggle{display:inline-flex}.app-content{padding:20px 16px 40px}.app-topbar{padding:0 16px}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;border:0;padding:0;margin:0;background:color-mix(in srgb,#12151c 48%,transparent);cursor:pointer}}@media(max-width:640px){.board,.pipeline{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:stretch}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
