@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&display=swap");:root{--color-primary-50:#effcf9;--color-primary-100:#d0f7ef;--color-primary-200:#a4eedf;--color-primary-300:#6bdece;--color-primary-400:#38c9b8;--color-primary-500:#1aaea0;--color-primary-600:#0f8d83;--color-primary-700:#10716a;--color-primary-800:#125a56;--color-primary-900:#134b48;--color-primary-950:#042f2e;--color-accent-50:#eaf2fc;--color-accent-100:#d3e4f9;--color-accent-200:#a8c8ee;--color-accent-300:#79a8e4;--color-accent-400:#4d8fe0;--color-accent-500:#2f74cc;--color-accent-600:#1e5fb4;--color-accent-700:#184e94;--color-accent-800:#163f75;--color-accent-900:#0b1f3a;--color-accent-950:#071529;--color-gray-50:#f8fafb;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-gray-950:#020617;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-white:#ffffff;--surface-canvas:#f0faf9;--surface-base:var(--color-white);--surface-subtle:#f0fdf9;--surface-accent:#ecfdf8;--surface-accent-strong:#d7f8ef;--text-strong:var(--color-gray-900);--text-body:var(--color-gray-800);--text-muted:var(--color-gray-600);--border-subtle:#d1fae5;--border-base:#a7f3d0;--border-accent:var(--color-primary-200);--focus-ring:0 0 0 3px rgba(15,141,131,0.25);--gradient-cta:linear-gradient(90deg,#0f8d83,#14c4ad);--gradient-cta-dark:linear-gradient(90deg,#2dd4bf,#34e3cf);--gradient-ink-highlight:linear-gradient(90deg,#2dd4bf,#5b8cff);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code",ui-monospace,monospace;--font-brand:"Bricolage Grotesque","Inter",system-ui,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--container-max:1240px;--container-padding:var(--space-6);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.06),0 2px 4px -2px rgba(0,0,0,0.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.07),0 4px 6px -4px rgba(0,0,0,0.03);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.07),0 8px 10px -6px rgba(0,0,0,0.03);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.15);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease-in-out}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-body);background:var(--surface-canvas);-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-strong);line-height:var(--leading-tight)}h1{font-size:clamp(var(--text-3xl),4vw,var(--text-5xl))}h2{font-size:clamp(var(--text-2xl),3vw,var(--text-4xl))}h3{font-size:clamp(var(--text-xl),2vw,var(--text-2xl))}p{margin:0;color:var(--text-muted);line-height:var(--leading-relaxed)}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{width:100%;max-width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-base);border-radius:var(--radius-md);background:var(--surface-base);color:var(--text-strong);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.btn:focus-visible,.ui-btn:focus-visible,button:focus-visible,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--color-primary-500);box-shadow:var(--focus-ring)}textarea{min-height:6.75rem}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.65;cursor:not-allowed}.btn,.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-tight);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn--primary,.ui-btn--primary{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--color-white)}.btn--primary:hover,.ui-btn--primary:hover{background:var(--color-primary-700);border-color:var(--color-primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--secondary,.ui-btn--secondary{background:var(--surface-base);border-color:var(--border-base);color:var(--color-gray-900)}.btn--secondary:hover,.ui-btn--secondary:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.btn--ghost,.ui-btn--ghost{background:transparent;border-color:transparent;color:var(--color-primary-700)}.btn--ghost:hover,.ui-btn--ghost:hover{background:var(--color-primary-50);border-color:var(--color-primary-200)}.btn--cta{background:var(--gradient-cta);border-color:transparent;color:var(--color-white)}.btn--cta:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);filter:saturate(1.05)}[data-theme=dark] .btn--cta{background:var(--gradient-cta-dark);color:#04121b}.btn--large,.ui-btn--large{padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);font-size:var(--text-lg)}.card,.ui-card{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.panel,.ui-panel{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.badge,.ui-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:.3rem var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-accent);background:var(--surface-accent);color:var(--color-primary-700);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase}.ui-table{width:100%;border-collapse:collapse;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-base)}.ui-table td,.ui-table th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:top}.ui-table th{background:var(--color-gray-100);color:var(--text-strong);font-size:var(--text-sm);font-weight:var(--font-semibold)}.ui-table tr:last-child td{border-bottom:none}:root{--page-bg:#070d18;--surface:rgba(255,255,255,0.04);--surface-hover:rgba(26,174,160,0.08);--surface-alt:#0a111e;--border:rgba(255,255,255,0.09);--border-strong:rgba(56,201,184,0.45);--text-1:#f0f6ff;--text-2:rgba(255,255,255,0.62);--text-3:rgba(255,255,255,0.34);--accent:#38c9b8;--accent-strong:#1aaea0;--accent-ink:#042f2e;--input-bg:rgba(255,255,255,0.05);--input-border:rgba(255,255,255,0.12);--danger:#f87171;--text-strong:var(--text-1);--text-body:var(--text-1);--text-muted:var(--text-2);--surface-canvas:var(--page-bg);--surface-base:var(--surface-alt);--surface-subtle:var(--surface-alt);--surface-accent:var(--surface);--surface-accent-strong:var(--surface-hover);--border-subtle:var(--border);--border-default:var(--border);--border-accent:var(--border-strong);--radius:12px;--radius-sm:8px;--max-width:880px;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--page-bg);color:var(--text-1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:Bricolage Grotesque,Inter,sans-serif;letter-spacing:-.02em;margin:0;color:var(--text-1)}.shell{max-width:var(--max-width);margin:0 auto;padding:0 20px 64px}.topbar{border-bottom:1px solid var(--border);background:rgba(7,13,24,.95);position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar-inner{max-width:var(--max-width);margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.wordmark{font-family:Bricolage Grotesque,Inter,sans-serif;font-weight:800;letter-spacing:.14em;font-size:15px;color:#fff}.topbar-meta{margin-left:auto;display:flex;align-items:center;gap:14px;color:var(--text-2);font-size:13px;flex-wrap:wrap}.linkish{background:none;border:0;padding:0;color:var(--text-2);font:inherit;cursor:pointer;text-decoration:underline}.linkish:hover{color:var(--text-1)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:40px 0 24px}.page-head p{margin:6px 0 0;color:var(--text-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:10px 18px;font:inherit;font-weight:600;cursor:pointer}.button:hover{background:var(--accent-strong);border-color:var(--accent-strong);text-decoration:none}.button-ghost{background:transparent;color:var(--text-1);border-color:var(--input-border)}.button-ghost:hover{background:var(--surface-hover);border-color:var(--border-strong)}.field{display:block;margin-bottom:18px}.field>span{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field small{display:block;font-weight:400;color:var(--text-2);margin-top:2px}input,select,textarea{width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-1);font:inherit;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--border-strong);outline-offset:1px}textarea{min-height:140px;resize:vertical}select option{background:var(--surface-alt)}.pill{display:inline-block;border:1px solid var(--border);background:rgba(255,255,255,.05);border-radius:999px;padding:2px 10px;font-size:12px;color:var(--text-2);white-space:nowrap}.pill-open{border-color:rgba(56,201,184,.4);color:var(--accent)}.pill-done{border-color:rgba(255,255,255,.18);color:var(--text-2)}.ticket-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.ticket-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit}.ticket-row:hover{background:var(--surface-hover);border-color:var(--border-strong);text-decoration:none}.ticket-ref{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-3);font-size:13px;min-width:56px}.ticket-title{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.ticket-date{color:var(--text-3);font-size:13px;white-space:nowrap}.timeline{display:grid;grid-gap:12px;gap:12px;margin:24px 0}.message{border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;background:var(--surface)}.message-mine{background:rgba(56,201,184,.07);border-color:rgba(56,201,184,.24)}.message-head{display:flex;gap:10px;align-items:baseline;font-size:13px;color:var(--text-3);margin-bottom:6px}.message-author{color:var(--text-1);font-weight:600}.message-body{white-space:pre-wrap;margin:0}.people{display:grid;grid-gap:10px;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border);font-size:14px}.people-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.people-label{color:var(--text-2);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;min-width:92px}.people-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.people-item{align-items:center;gap:4px;border:1px solid var(--border);background:rgba(255,255,255,.05);border-radius:999px;padding:3px 6px 3px 12px;font-size:13px;color:var(--text-1)}.icon-button,.people-inline-form,.people-item{display:inline-flex}.icon-button{align-items:center;justify-content:center;width:22px;height:22px;border:0;border-radius:999px;background:transparent;color:var(--text-2);cursor:pointer;padding:0}.icon-button:hover{color:var(--danger);background:rgba(248,113,113,.12)}.icon-button:disabled{opacity:.5;cursor:default}.people-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:4px}.people-form .field{flex:1 1 220px;margin-bottom:0}.people-error{flex-basis:100%;margin:0;color:#fecaca;font-size:13px}.empty{border:1px dashed var(--border);border-radius:var(--radius);padding:40px 20px;text-align:center;color:var(--text-2)}.notice{border:1px solid rgba(248,113,113,.4);background:rgba(248,113,113,.08);color:#fecaca;border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:20px}.muted{color:var(--text-2)}.footer{border-top:1px solid var(--border);color:var(--text-3);font-size:12px;padding:24px 20px 40px;max-width:var(--max-width);margin:48px auto 0}.login{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:36px 32px;text-align:center}.login-card h1{font-size:26px;margin-bottom:10px}.login-card p{color:var(--text-2);margin:0 0 26px}