:root{--color-bg:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-hover:#f1f5f9;--color-text:#0f172a;--color-muted:#64748b;--color-primary:#4f46e5;--color-primary-soft:#eef2ff;--radius:6px}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.layout{min-height:100vh;display:flex}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-shrink:0;width:15rem;padding:1rem .75rem}.brand{color:var(--color-primary);align-items:center;gap:.5rem;padding:.25rem .75rem 1rem;font-size:1.125rem;font-weight:700;display:flex}.nav-link{border-radius:var(--radius);color:var(--color-muted);align-items:center;gap:.75rem;padding:.625rem .75rem;text-decoration:none;display:flex}.nav-link:hover{background:var(--color-hover);color:var(--color-text)}.nav-link.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;height:3.5rem;padding:0 1.25rem;display:flex}.page-title{margin:0;font-size:1.125rem;font-weight:600}.menu-toggle{display:none}.topbar-spacer{flex:1}.user-email{color:var(--color-muted);font-size:.875rem}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{width:100%;max-width:24rem}.login-brand{color:var(--color-primary);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.login-brand h1{margin:0;font-size:1.5rem}.login-error{margin-bottom:1rem}.login-password{margin:1rem 0 1.5rem}.content{padding:1.25rem}.page{flex-direction:column;gap:1rem;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.page-subtitle{color:var(--color-muted);margin:0}.project-name{flex-direction:column;display:flex}.project-key{font-family:ui-monospace,monospace;font-size:.75rem}.origin-list{flex-direction:column;font-size:.875rem;display:flex}.row-actions{justify-content:flex-end;gap:.25rem;display:flex}.modal-card{width:36rem;max-width:calc(100vw - 2rem)}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-actions{justify-content:flex-end;gap:.5rem;display:flex}.form-alert{margin-bottom:1rem}.snippet-help{color:var(--color-muted);margin:0 0 .75rem;font-size:.875rem}.snippet-code{color:#e2e8f0;white-space:pre-wrap;word-break:break-all;background:#0f172a;border-radius:6px;margin:0 0 .75rem;padding:.75rem;font-size:.8125rem;overflow-x:auto}.snippet-actions{align-items:center;gap:.75rem;display:flex}.backdrop{display:none}.empty-state{padding:3rem 1rem}.status-card{max-width:28rem}.status-row{justify-content:space-between;align-items:center;display:flex}@media (width<=768px){.sidebar{z-index:20;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.backdrop{z-index:10;background:#0000004d;display:block;position:fixed;inset:0}.menu-toggle{display:inline-flex}.user-email{display:none}.form-row{grid-template-columns:1fr;gap:0}}