:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:"Avenir Next Condensed", "Bahnschrift SemiCondensed", "Arial Narrow", sans-serif;--bg:#040506;--bg-deep:#090d12;--bg-grid:#ffffff09;--surface:#10151de0;--surface-strong:#151c26f0;--surface-soft:#1c2431eb;--surface-raise:#212b3af2;--surface-highlight:#dfe8f30f;--border:#8295b033;--border-strong:#bbcce457;--text:#f4f7fb;--text-soft:#d8e2ef;--muted:#9eadc0;--brand:#dbe6f3;--brand-strong:#9fc1dc;--brand-shadow:#78a5c92e;--accent:#e7c98b;--accent-shadow:#e7c98b1f;--start:#56b88a;--start-strong:#409d73;--stop:#e07b88;--stop-strong:#c16070;--pill-live:#1b4231f2;--pill-live-text:#9ef0c0;--pill-idle:#253042f5;--pill-idle-text:#ced9ef;--shadow-lg:0 24px 60px #00000070;--shadow-md:0 14px 34px #00000047;--radius-xl:28px;--radius-lg:22px;--radius-md:18px;--radius-sm:14px;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 10%,#84a1c01a,#0000 26%),radial-gradient(circle at 88% 8%,#e7c98b14,#0000 18%),radial-gradient(circle at 50% 100%,#5ec2d414,#0000 26%),linear-gradient(#05070a 0%,#090d13 100%);margin:0;padding:0;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;line-height:1.6;position:relative}body:before{content:"";background:linear-gradient(transparent 95%, var(--bg-grid) 95%), linear-gradient(90deg, transparent 95%, var(--bg-grid) 95%);pointer-events:none;opacity:.34;z-index:-1;background-size:24px 24px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000bf,#0000 92%);mask-image:linear-gradient(#000000bf,#0000 92%)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}h1,h2,h3,h4,strong,th,.brand-title,.stat-value{font-family:var(--font-display);letter-spacing:.02em}h1,h2,h3,h4,p,ul,ol{margin:0}.shell{width:min(1280px,100vw - 2rem);margin-inline:auto}.site-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#07090de6 0%,#070a0ebd 100%);border-bottom:1px solid #c2d0e41f;position:sticky;top:0;box-shadow:0 10px 30px #0000003d}.nav-row{justify-content:space-between;align-items:center;gap:1rem;min-height:86px;display:flex}.brand{align-items:center;gap:1rem;display:inline-flex}.brand-mark{background:linear-gradient(#1a222ef2 0%,#0a0e14f2 100%);border:1px solid #d6e3f324;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 10px 26px #00000059}.brand-logo{object-fit:contain;background:0 0;width:100%;height:100%}.brand-copy{gap:.1rem;display:grid}.brand-kicker{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.brand-title{color:var(--text);text-transform:uppercase;font-size:1.1rem;font-weight:800;line-height:1}.nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.page{padding-block:2rem 4rem}.hero{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:radial-gradient(circle at 100% 0,#9fc1dc24,#0000 34%),radial-gradient(circle at 0 100%,#e7c98b1f,#0000 28%),linear-gradient(145deg,#0f141cf2 0%,#090d13fa 100%);padding:clamp(1.4rem,3vw,3rem);position:relative;overflow:hidden}.hero:after{content:"";filter:blur(12px);pointer-events:none;background:radial-gradient(circle,#9fc1dc29,#0000 65%);border-radius:999px;width:22rem;height:22rem;position:absolute;inset:auto -4rem -8rem auto}.hero-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:1.35rem;display:grid}.hero-copy{z-index:1;position:relative}.hero-logo-wrap{justify-content:flex-start;margin-bottom:.25rem}.hero-logo{filter:drop-shadow(0 18px 38px #0000006b);width:clamp(148px,20vw,212px);height:auto}.eyebrow{color:var(--accent);letter-spacing:.2em;text-transform:uppercase;font-size:.78rem;font-weight:700}.hero h1{text-transform:uppercase;max-width:12ch;font-size:clamp(2.4rem,5vw,4.5rem);line-height:.96}.lead{max-width:62ch;color:var(--text-soft);font-size:1.02rem;line-height:1.72}.hero-panel{gap:1rem;display:grid}.hero-panel-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:linear-gradient(#121923eb 0%,#0b1017f5 100%);border:1px solid #c6d4e724;padding:1.2rem}.hero-feature-list{gap:.9rem;display:grid}.hero-feature{border-radius:var(--radius-sm);background:linear-gradient(#ffffff05 0%,#080a0e38 100%);border:1px solid #b4c6dd1a;gap:.35rem;padding:.95rem 1rem;display:grid}.hero-feature strong{font-size:1.02rem}.hero-feature span{color:var(--muted);line-height:1.65}.hero-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.hero-kpi{border-radius:var(--radius-sm);background:linear-gradient(#141c27e6 0%,#090d12f5 100%);border:1px solid #b4c6dd1a;gap:.2rem;padding:.95rem 1rem;display:grid}.hero-kpi strong{font-size:1.15rem}.hero-actions{flex-wrap:wrap;gap:.9rem;display:flex}.btn{background:linear-gradient(180deg, var(--brand) 0%, #bfcfe1 100%);color:#0b0f15;letter-spacing:.03em;cursor:pointer;min-height:46px;box-shadow:0 10px 24px var(--brand-shadow);border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.72rem 1.15rem;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s,color .18s;display:inline-flex}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 26px #9fc1dc38}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{color:var(--text);box-shadow:none;background:#ffffff05;border-color:#c4d3e724}.btn-ghost:hover{background:#ffffff0d;border-color:#d7e5f442}.btn-start{background:linear-gradient(180deg, var(--start) 0%, var(--start-strong) 100%);color:#f6fffb;border-color:#6ed8a02e;box-shadow:0 10px 24px #56b88a2e}.btn-start:hover{box-shadow:0 14px 28px #56b88a3d}.btn-stop{background:linear-gradient(180deg, var(--stop) 0%, var(--stop-strong) 100%);color:#fff7f8;border-color:#e07b8829;box-shadow:0 10px 24px #e07b882e}.btn-stop:hover{box-shadow:0 14px 28px #e07b883d}.auth-wrap{place-items:center;min-height:calc(100vh - 220px);display:grid}.session-indicator,.session-card,.session-card-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.session-indicator{background:#111720eb;border:1px solid #c6d4e729;border-radius:999px;padding:.5rem .8rem;box-shadow:inset 0 1px #ffffff08}.session-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:min(32vw,320px);font-size:.85rem;overflow:hidden}.session-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:linear-gradient(#121923e6 0%,#0a0e15f5 100%);border:1px solid #c4d3e729;justify-content:space-between;padding:1rem 1.1rem}.session-copy{max-width:34rem}.session-card-actions{justify-content:flex-end}.stack-xs{gap:.45rem;display:grid}.stack-sm{gap:.8rem;display:grid}.stack-md{gap:1.1rem;display:grid}.stack-lg{gap:1.6rem;display:grid}.title-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.muted{color:var(--muted);line-height:1.68}.pill{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:.28rem .8rem;font-size:.76rem;font-weight:800;display:inline-flex}.pill-admin{color:#f4d58b;background:#453a1ceb;border-color:#f4d58b24}.pill-user{color:#9ecaff;background:#1d2c47eb;border-color:#9ecaff1f}.pill-live{background:var(--pill-live);color:var(--pill-live-text);border-color:#9ef0c01f}.pill-idle{background:var(--pill-idle);color:var(--pill-idle-text);border-color:#ced9ef1f}.pill-stop{color:#ffbec9;background:#4e1b26f2;border-color:#ffbec91f}.pill-subtle{color:#d4ddec;background:#1f2737f2;border-color:#d4ddec14}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.stat-card,.card,.summary-card,.workspace-stat,.snapshot-line-item,.pricing-preview,.step-item,.project-metrics div,.session-list li,.update-item,.reply-item{box-shadow:inset 0 1px #ffffff08}.stat-card,.card{border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:linear-gradient(#121923ed 0%,#0b1017fa 100%);border:1px solid #c4d3e724;padding:1.15rem}.stat-value{margin-top:.4rem;font-size:1.7rem;line-height:1}.admin-board{gap:1.45rem}.admin-board-header,.detail-header,.workspace-header{justify-content:space-between;align-items:flex-start;gap:1.4rem;display:flex}.admin-board-copy,.detail-title-copy{max-width:56rem}.admin-board-actions,.detail-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.card-alert,.summary-card-alert,.alert-card{background:linear-gradient(#2c131af2 0%,#12141efa 100%);border-color:#e07b8847}.field{gap:.5rem;font-size:.94rem;display:grid}.field span{color:var(--text-soft);letter-spacing:.02em;font-weight:600}.field input,.field textarea,.field select{width:100%;color:var(--text);background:linear-gradient(#1c2431eb 0%,#121821fa 100%);border:1px solid #cbd8eb24;border-radius:16px;padding:.82rem .92rem;transition:border-color .16s,box-shadow .16s,background .16s}.field input::placeholder,.field textarea::placeholder{color:#9eadc0b8}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{background:linear-gradient(#212b3af5 0%,#131a25fa 100%);border-color:#9fc1dc6b;outline:none;box-shadow:0 0 0 4px #9fc1dc1f}.field textarea{resize:vertical;min-height:108px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.client-table-card,.workspace-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:radial-gradient(circle at 100% 0,#9fc1dc14,#0000 28%),linear-gradient(#131922f5 0%,#0a0e14fc 100%);border:1px solid #c4d3e724;padding:1.25rem}.client-table-wrap{border:1px solid #c4d3e714;border-radius:18px;overflow-x:auto}.client-table{border-collapse:separate;border-spacing:0;background:#0a0e146b;width:100%;min-width:1080px}.client-table th,.client-table td{text-align:left;vertical-align:top;border-bottom:1px solid #c4d3e714;padding:1rem .95rem}.client-table thead th{z-index:1;color:var(--brand);letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(#171f2cfa 0%,#111720fa 100%);font-size:.78rem;font-weight:800;position:sticky;top:0}.client-row{transition:background .16s}.client-row:nth-child(odd){background:#ffffff04}.client-row:hover{background:#9fc1dc0f}.client-row.is-selected{background:linear-gradient(90deg,#9fc1dc1f 0%,#0f151deb 100%)}.table-name-cell,.table-job-cell,.table-hours-cell{gap:.3rem;display:grid}.table-name-link{display:block}.table-name-cell strong,.table-job-cell strong,.table-hours-cell strong{font-size:1.03rem}.btn-table{min-width:92px;padding-inline:.85rem}.table-action-placeholder{color:#9eadc0b3}.icon-btn{color:#ffc3cb;cursor:pointer;background:linear-gradient(#40161ff5 0%,#200e14f5 100%);border:1px solid #e07b8833;border-radius:12px;width:40px;height:40px;font-weight:800;transition:transform .16s,border-color .16s}.icon-btn:hover{border-color:#ffbec952;transform:translateY(-1px)}.workspace-card{min-height:360px}.detail-shell,.onboarding-shell,.pricing-shell{gap:1.35rem}.page-back-link{color:var(--accent);letter-spacing:.03em;width:fit-content;font-weight:700}.workspace-stats,.summary-grid,.snapshot-meta-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.95rem;display:grid}.workspace-stats{min-width:min(100%,620px)}.workspace-stat,.summary-card{border-radius:var(--radius-md);background:linear-gradient(#151c26f5 0%,#0c1118fa 100%);border:1px solid #c4d3e71f;padding:1rem}.workspace-stat strong{font-size:1.15rem}.workspace-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.workspace-grid.single-column{grid-template-columns:minmax(0,480px)}.workspace-accordion,.project-accordion-list,.step-list,.snapshot-list,.snapshot-line-list,.session-list,.update-list{gap:1rem;display:grid}.accordion-card,.project-accordion-card,.snapshot-card,.project-workspace-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:linear-gradient(#121923f2 0%,#0a0f15fc 100%);border:1px solid #c4d3e71f;overflow:hidden}.accordion-card>summary,.snapshot-card>summary{list-style:none}.accordion-card>summary::-webkit-details-marker{display:none}.snapshot-card>summary::-webkit-details-marker{display:none}.accordion-summary,.project-accordion-summary,.snapshot-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.accordion-summary:hover,.project-accordion-summary:hover,.snapshot-summary:hover{background:#ffffff08}.snapshot-card-static .snapshot-summary{cursor:default}.snapshot-card-static .snapshot-summary:hover{background:0 0}.accordion-summary-copy,.project-accordion-copy{gap:.35rem;display:grid}.accordion-summary-copy h3,.project-accordion-copy h4{line-height:1.04}.accordion-summary-meta,.project-accordion-meta,.snapshot-summary-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.7rem;display:flex}.accordion-chevron{color:var(--muted);font-size:1rem;transition:transform .16s}.accordion-card[open] .accordion-chevron,.project-accordion-card[open] .accordion-chevron,.project-accordion-shell[open] .accordion-chevron{transform:rotate(180deg)}.accordion-content,.snapshot-details{border-top:1px solid #c4d3e714;padding:0 1.25rem 1.25rem}.project-accordion-shell>.accordion-content{padding-top:1rem}.project-accordion-summary{align-items:flex-start}.project-accordion-meta{min-width:fit-content}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.pricing-preview{border-radius:var(--radius-sm);background:linear-gradient(#131a25f0 0%,#0b1017fa 100%);border:1px solid #c4d3e71a;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.onboarding-grid{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.onboarding-panel{min-height:420px}.step-item{border-radius:var(--radius-md);background:linear-gradient(#11171ff5 0%,#0b1017fc 100%);border:1px solid #c4d3e71f;align-items:flex-start;gap:.9rem;padding:1rem}.step-item.is-active{background:linear-gradient(#2a2314e6 0%,#12161efa 100%);border-color:#e7c98b57}.step-index{background:#ffffff0a;border:1px solid #c4d3e71f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-weight:800;display:inline-flex}.alert-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:1rem}.snapshot-form-row{align-items:stretch}.snapshot-form-card{justify-content:center}.snapshot-line-item{border-radius:var(--radius-sm);background:linear-gradient(#0f141df2 0%,#090d13fa 100%);border:1px solid #c4d3e71a;gap:.65rem;padding:1rem}.snapshot-line-metrics{flex-wrap:wrap;gap:.9rem;display:flex}.empty-workspace{text-align:center;border-radius:var(--radius-md);background:linear-gradient(#10161edb 0%,#0a0e14f2 100%);border:1px dashed #c4d3e72e;place-items:center;gap:.6rem;min-height:190px;padding:2rem;display:grid}.empty-workspace.compact{min-height:150px}.project-workspace-card{padding:0}.project-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.9rem;display:grid}.project-metrics div{border-radius:var(--radius-sm);background:linear-gradient(#1b2431f0 0%,#0d1219fa 100%);border:1px solid #c4d3e71a;gap:.35rem;padding:.9rem;display:grid}.compact-session-list li{padding:.75rem .85rem}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.switch-field{color:var(--text-soft);align-items:center;gap:.65rem;display:inline-flex}.session-list li{border-radius:var(--radius-sm);background:linear-gradient(#0f151df0 0%,#090d13fa 100%);border:1px solid #c4d3e714;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .85rem;font-size:.92rem;display:flex}.session-meta{gap:.25rem;display:grid}.update-thread{gap:.75rem;display:grid}.update-item,.reply-item{border-radius:var(--radius-sm);background:linear-gradient(#111822f2 0%,#0a0e14fa 100%);border:1px solid #c4d3e714;gap:.45rem;padding:.95rem 1rem;display:grid}.update-item p,.reply-item p{white-space:pre-wrap;line-height:1.72}.thread-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.thread-empty{padding:0 .2rem}.reply-list{border-left:1px solid #c4d3e714;gap:.65rem;margin:0;padding:0 0 0 1.15rem;list-style:none;display:grid}.reply-item.is-customer{background:linear-gradient(#121e2ef2 0%,#0a111afa 100%);border-color:#9fc1dc29}.reply-item.is-admin{border-color:#c4d3e71a}.reply-form{border-left:1px solid #c4d3e714;padding:.2rem 0 0 1.15rem}.plain-list{margin:0;padding:0;list-style:none}.btn-inline{width:fit-content}.badge-billable,.badge-nonbillable{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:.16rem .65rem;font-size:.72rem;font-weight:800}.badge-billable{color:#9ff0c1;background:#102c1df2}.badge-nonbillable{color:#f6b3c0;background:#3d1b24f2}@media (max-width:1024px){.hero-layout,.onboarding-grid,.project-grid,.admin-grid,.workspace-grid,.form-row,.stats-grid{grid-template-columns:1fr}.hero h1{max-width:13ch}}@media (max-width:900px){.workspace-stats,.summary-grid,.snapshot-meta-grid,.project-metrics,.hero-kpi-grid{grid-template-columns:1fr}.title-row,.admin-board-header,.workspace-header,.detail-header,.accordion-summary,.project-accordion-summary,.snapshot-summary{flex-direction:column;align-items:flex-start}.accordion-summary-meta,.project-accordion-meta,.snapshot-summary-meta{justify-content:space-between;width:100%}.nav-row{flex-direction:column;justify-content:center;gap:.85rem;padding-block:.95rem}.nav-actions,.session-card,.session-card-actions,.detail-header-actions,.admin-board-actions{justify-content:flex-start}.session-email{max-width:100%}.client-table-card,.workspace-card,.hero{padding:1rem}.brand{width:100%}}@media (max-width:640px){.shell{width:min(100vw - 1rem,1280px)}.page{padding-block:1.25rem 3rem}.hero h1{font-size:clamp(2rem,12vw,3rem)}.hero-logo{width:148px}.brand-mark{width:52px;height:52px}.brand-title{font-size:.96rem}.btn,.btn-table,.session-card,.session-card-actions,.hero-actions{width:100%}}