:root{color:#17322d;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#f5f2e8,#e8efe9);line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}code{background:#0f5f4b1f;border-radius:6px;padding:2px 6px}.auth-screen{display:grid;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(340px,420px);min-height:100vh;padding:32px}.auth-hero,.auth-card,.workspace-sidebar,.panel,.highlight-panel,.metric-card{background:#ffffffd6;border:1px solid rgba(23,50,45,.12);border-radius:24px;box-shadow:0 24px 70px #17322d14}.auth-hero,.workspace-sidebar{background:radial-gradient(circle at top left,rgba(240,180,41,.24),transparent 32%),linear-gradient(145deg,#12313b,#0f5f4b);color:#f6efe1;padding:32px}.auth-card,.panel,.highlight-panel,.metric-card{padding:24px}.auth-hero h1,.page-heading h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:12px 0}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.18em;margin:0;text-transform:uppercase}.hero-copy,.sidebar-copy,.muted-text{color:#17322db8}.auth-hero .hero-copy,.workspace-sidebar .sidebar-copy{color:#f6efe1d1}.hero-grid,.card-grid{display:grid;gap:16px}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px}.hero-grid article{background:#ffffff14;border-radius:18px;padding:16px}.hero-grid strong,.metric-card strong{display:block;font-size:1.5rem}.stack{display:grid;gap:16px}.field{display:grid;gap:8px}.field input,.field textarea{background:#fbfaf5;border:1px solid rgba(23,50,45,.16);border-radius:14px;min-height:48px;padding:12px 14px}.field input[type=checkbox]{min-height:auto;width:18px}.primary-button,.ghost-button,.danger-button,.nav-link,.conversation-card{border:0;border-radius:999px;transition:transform .12s ease,background-color .12s ease}.primary-button{background:linear-gradient(135deg,#0f5f4b,#164e63);color:#fff;padding:14px 18px}.ghost-button{background:#0f5f4b1a;color:#17322d;padding:12px 16px}.danger-button{background:#a42a2a1f;color:#7b1d1d;padding:12px 16px}.workspace-shell{display:grid;gap:24px;grid-template-columns:280px minmax(0,1fr);min-height:100vh;padding:24px}.workspace-sidebar{display:grid;gap:24px;grid-template-rows:auto 1fr auto}.workspace-nav{display:grid;gap:10px}.nav-link{background:#ffffff14;color:#f6efe1;padding:12px 16px}.nav-link.active{background:#f0b429;color:#17322d}.workspace-main,.page-section{display:grid;gap:24px}.page-heading,.panel-header,.list-card-header,.button-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.two-column-grid{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.two-column-grid.wide{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.list-stack,.message-thread{display:grid;gap:14px}.list-card,.conversation-card,.message-bubble{background:#fbfaf5;border:1px solid rgba(23,50,45,.12);border-radius:18px;padding:16px}.conversation-card{align-items:center;display:flex;justify-content:space-between;text-align:left}.conversation-card.active{border-color:#0f5f4b;box-shadow:inset 0 0 0 1px #0f5f4b}.message-thread{max-height:520px;overflow:auto}.message-bubble.own{background:#0f5f4b;color:#fff;justify-self:end;max-width:80%}.status-pill{background:#17322d14;border-radius:999px;font-size:.8rem;padding:6px 10px}.status-pill.live{background:#0f5f4b24;color:#0f5f4b}.error-text{color:#a42a2a;margin:0}@media (max-width: 1080px){.auth-screen,.workspace-shell,.two-column-grid,.two-column-grid.wide,.hero-grid{grid-template-columns:1fr}}.skeleton-list{display:grid;gap:16px}.skeleton-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.skeleton-card{background:#ffffffd6;border:1px solid rgba(23,50,45,.12);border-radius:24px;padding:24px;display:grid;gap:12px}.skeleton-line{height:14px;border-radius:8px;background:linear-gradient(90deg,#17322d0f 25%,#17322d1f 37%,#17322d0f 63%);background-size:400% 100%;animation:app-shimmer 1.4s ease infinite}.skeleton-line--lg{width:60%;height:20px}.skeleton-line--md{width:90%}.skeleton-line--sm{width:40%}@keyframes app-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.skeleton-line{animation:none}}
