:root{--bg: #f4f2ee;--surface: #ffffff;--surface-2: #faf8f4;--ink: #17171a;--ink-soft: #3a3a40;--muted: #6c6c74;--line: #e6e2da;--sidebar: #17171a;--sidebar-ink: #e9e6df;--sidebar-muted: #8f8c88;--accent: #e01a26;--accent-strong: #c2121d;--accent-ink: #b3121c;--accent-wash: #fdeceb;--ok: #1f7a4d;--warn-ink: #9a6a00;--warn-wash: #fbf1d8;--danger-ink: #b3121c;--step--1: .8rem;--step-0: 1rem;--step-1: 1.25rem;--step-2: 1.563rem;--step-3: 1.953rem;--step-4: 2.441rem;--step-5: 3.052rem;--font-display: "Oswald", "Arial Narrow", sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--s1: 8px;--s2: 16px;--s3: 24px;--s4: 32px;--s5: 48px;--s6: 64px;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(23,23,26,.05), 0 8px 24px rgba(23,23,26,.05);--shadow-lg: 0 12px 40px rgba(23,23,26,.14);--sidebar-w: 248px;--sidebar-w-collapsed: 74px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.08;letter-spacing:-.01em;margin:0;color:var(--ink)}h1{font-size:var(--step-4)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}p{margin:0 0 var(--s2);max-width:66ch}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;font-size:var(--step--1);font-weight:600;color:var(--accent-ink)}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}*{scrollbar-width:thin;scrollbar-color:#cfcabf transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#d5cfc4;border-radius:8px;border:2px solid var(--bg)}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--sidebar);color:var(--sidebar-ink);display:flex;flex-direction:column;padding:var(--s3) var(--s2);z-index:40;transition:width .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.brand{display:flex;align-items:center;gap:12px;padding:0 6px var(--s4)}.brand-badge{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:-.02em}.brand-name{font-family:var(--font-display);font-weight:600;letter-spacing:.01em;line-height:1.1}.brand-name small{display:block;color:var(--sidebar-muted);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-family:var(--font-body)}.sidebar.collapsed .brand-name,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-group-label{display:none}.nav{display:flex;flex-direction:column;gap:2px}.nav-group-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.16em;color:var(--sidebar-muted);padding:var(--s3) 10px var(--s1);font-weight:600}.nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;color:var(--sidebar-muted);font-weight:500;font-size:.95rem;cursor:pointer;text-decoration:none;transition:color .18s,background .18s}.nav-item svg{flex:0 0 auto}.nav-item:hover{color:var(--sidebar-ink);background:#ffffff0d;text-decoration:none}.nav-item.active{color:#fff;background:#e01a2629}.nav-item.active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--accent)}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:4px;padding-top:var(--s3)}.collapse-btn,.signout-btn{display:flex;align-items:center;gap:12px;background:none;border:none;color:var(--sidebar-muted);font:inherit;font-size:.9rem;cursor:pointer;padding:10px 12px;border-radius:9px;width:100%}.collapse-btn:hover,.signout-btn:hover{color:var(--sidebar-ink);background:#ffffff0d}.sidebar.collapsed .collapse-btn,.sidebar.collapsed .signout-btn{justify-content:center}.main{flex:1;min-width:0;margin-left:var(--sidebar-w);transition:margin-left .28s cubic-bezier(.4,0,.2,1)}.main.collapsed{margin-left:var(--sidebar-w-collapsed)}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);background:#f4f2eed1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--ink);padding:6px}.search{flex:1;max-width:460px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:9px 16px;color:var(--muted)}.search input{border:none;outline:none;background:none;font:inherit;color:var(--ink);width:100%}.topbar-spacer{flex:1}.content{padding:var(--s4);max-width:1240px}.page-head{margin-bottom:var(--s4)}.page-head h1{margin-top:6px}.page-head p{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--s3)}.card.flush{padding:0;overflow:hidden}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:.92rem;padding:10px 18px;border-radius:9px;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,background .18s,box-shadow .18s;min-height:44px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#17171a;font-weight:700}.btn-primary:hover{background:var(--accent-strong);color:#fff}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-ghost:hover{background:var(--surface-2)}.btn-sm{padding:7px 12px;min-height:36px;font-size:.85rem}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;letter-spacing:.02em;padding:3px 10px;border-radius:999px;background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line)}.badge.red{background:var(--accent-wash);color:var(--accent-ink);border-color:#f6d5d3}.badge.green{background:#e7f4ec;color:var(--ok);border-color:#cfe8da}.badge.warn{background:var(--warn-wash);color:var(--warn-ink);border-color:#efe0b8}.badge.grey{background:#eeeae2;color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--s2)}.field label{font-size:.82rem;font-weight:600;color:var(--ink-soft)}.input,.select,.textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:10px 12px;width:100%;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e01a2624}.textarea{resize:vertical;min-height:88px}.grid{display:grid;gap:var(--s3)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.two-col{grid-template-columns:1.6fr 1fr}.stat .eyebrow{display:block;margin-bottom:8px}.stat-value{font-family:var(--font-display);font-size:var(--step-4);font-weight:700;line-height:1}.stat-sub{color:var(--muted);font-size:.85rem;margin-top:6px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600;padding:12px var(--s3);border-bottom:1px solid var(--line)}.table td{padding:14px var(--s3);border-bottom:1px solid var(--line)}.table tr:last-child td{border-bottom:none}.table tbody tr{cursor:pointer;transition:background .14s}.table tbody tr:hover{background:var(--surface-2)}.record-name{font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:6px}.empty{text-align:center;color:var(--muted);padding:var(--s6) var(--s3)}.empty svg{color:#cbc6bc;margin-bottom:var(--s2)}.kanban{display:flex;gap:var(--s2);overflow-x:auto;padding-bottom:var(--s2)}.kanban-col{flex:0 0 268px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s2)}.kanban-col h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:var(--s2)}.kanban-card{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:9px;padding:12px;margin-bottom:10px;box-shadow:var(--shadow);cursor:grab}.kanban-card:active{cursor:grabbing}.kanban-card.drag-over{border-style:dashed}.chat{display:flex;flex-direction:column;height:calc(100vh - 210px);min-height:420px}.chat-log{flex:1;overflow-y:auto;padding:var(--s2);display:flex;flex-direction:column;gap:var(--s2)}.msg{max-width:78%;padding:12px 16px;border-radius:14px;line-height:1.55;white-space:pre-wrap}.msg.user{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}.msg.ai{align-self:flex-start;background:var(--surface-2);border:1px solid var(--line);border-bottom-left-radius:4px}.chat-input{display:flex;gap:10px;padding:var(--s2);border-top:1px solid var(--line)}.chat-input textarea{flex:1;min-height:46px;max-height:160px}.auth-wrap{position:relative;min-height:100vh;overflow:hidden;background:var(--sidebar)}.auth-scene{position:absolute;top:0;right:0;bottom:0;left:0}.auth-slide{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 30%;opacity:0;transform:scale(1.06);transition:opacity 1.2s ease-out;filter:grayscale(.4) contrast(1.06) brightness(.92);will-change:opacity,transform}.auth-slide.is-active{opacity:1;animation:kenburns 9s ease-out forwards}@keyframes kenburns{0%{transform:scale(1.06)}to{transform:scale(1.13) translate(-1.2%)}}.auth-grade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#17171aeb,#17171a9e 46%,#17171a73),linear-gradient(0deg,#17171a8c,#17171a00 40%),linear-gradient(160deg,#e01a2647,#e01a2600 55%)}.auth-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.09;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}.auth-stage{position:relative;z-index:1;min-height:100vh;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 400px;align-items:center;gap:var(--s6);padding:var(--s5)}.auth-hero{color:#f4f2ee}.auth-kicker{margin:0 0 var(--s2);font-family:var(--font-display);font-size:var(--step--1);font-weight:500;text-transform:uppercase;letter-spacing:.32em;color:#f4f2eeb8}.auth-kicker:before{content:"";display:inline-block;width:28px;height:2px;background:var(--accent);vertical-align:middle;margin-right:12px}.auth-line{font-size:clamp(var(--step-4),6vw,4.4rem);font-weight:600;color:#f4f2ee;text-transform:uppercase;letter-spacing:.01em;max-width:12ch;animation:lineIn .38s ease-out both}.auth-sub{margin:var(--s2) 0 0;font-size:var(--step-0);color:#f4f2eec7}@keyframes lineIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.auth-dots{display:flex;gap:8px;margin-top:var(--s4)}.auth-dot{width:22px;height:3px;border-radius:2px;background:#f4f2ee47;transition:background .3s ease-out}.auth-dot.is-active{background:var(--accent)}.auth-card{width:100%;max-width:400px;justify-self:end;background:var(--surface);border-radius:16px;padding:var(--s5) var(--s4);box-shadow:0 24px 64px #00000073}.auth-card .brand{justify-content:center;padding-bottom:var(--s3)}@media (max-width: 900px){.auth-stage{grid-template-columns:1fr;gap:var(--s4);padding:var(--s4) var(--s3);align-content:center;justify-items:center;text-align:center}.auth-hero{display:flex;flex-direction:column;align-items:center}.auth-kicker:before{display:none}.auth-line{font-size:var(--step-4);max-width:none}.auth-dots{margin-top:var(--s3)}.auth-card{justify-self:center}}@media (prefers-reduced-motion: reduce){.auth-slide{transition:none;transform:none}.auth-slide.is-active,.auth-line{animation:none}}.notice{display:flex;gap:12px;padding:var(--s2);border-radius:10px;background:var(--warn-wash);color:var(--warn-ink);border:1px solid #efe0b8;margin-bottom:var(--s2);font-size:.9rem}.ai-panel{background:linear-gradient(180deg,var(--accent-wash),var(--surface));border:1px solid #f6d5d3;border-radius:var(--radius);padding:var(--s3)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:var(--s3)}.spacer{flex:1}.muted{color:var(--muted)}.divider{height:1px;background:var(--line);margin:var(--s3) 0}.scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#17171a80;z-index:39}@media (max-width: 900px){.sidebar{transform:translate(-100%);width:var(--sidebar-w);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-w)}.main,.main.collapsed{margin-left:0}.hamburger{display:inline-flex}.scrim.show{display:block}.two-col{grid-template-columns:1fr}.content{padding:var(--s3)}.topbar{padding:var(--s2)}.collapse-btn{display:none}}@media (max-width: 400px){.content{padding:var(--s2)}h1{font-size:var(--step-3)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rise{animation:rise .32s cubic-bezier(.2,.7,.2,1) both}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}