:root{--bg: #f2efe8;--panel: rgba(255, 255, 255, .86);--panel-strong: #ffffff;--text: #12211c;--muted: #5f6d67;--line: rgba(18, 33, 28, .12);--brand: #1e6b52;--brand-strong: #14503d;--danger: #a93b32;--shadow: 0 20px 50px rgba(18, 33, 28, .12);--font: "Avenir Next", "IBM Plex Sans", "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:var(--font);background:radial-gradient(circle at top left,rgba(30,107,82,.12),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.45),transparent 40%),var(--bg);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(18,33,28,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(18,33,28,.04) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(circle at center,black 35%,transparent 78%)}h1,h2,h3,p{margin:0}code,pre{font-family:SFMono-Regular,JetBrains Mono,monospace}.eyebrow{color:var(--brand);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.35rem}.muted{color:var(--muted)}.page-shell,.auth-screen{position:relative;z-index:1}.auth-screen{display:grid;place-items:center;padding:2rem}.auth-gate-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card{width:min(520px,100%);padding:2rem;border:1px solid var(--line);border-radius:28px;background:var(--panel);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.auth-gate-card{text-align:left}.auth-copy{margin-bottom:1.5rem}.auth-copy h1{font-size:clamp(2rem,6vw,3rem);margin-bottom:.65rem}.auth-copy p:last-child{color:var(--muted);line-height:1.6}.auth-form{display:grid;gap:1rem}.page-shell{padding:1.5rem}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;margin-bottom:1.5rem}.topbar h1{font-size:clamp(1.8rem,3vw,2.5rem)}.topbar-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.session-pill{padding:.75rem 1rem;border-radius:999px;background:#1e6b521a;color:var(--brand-strong);font-size:.95rem}.workspace{display:grid;gap:1rem;grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}.panel,.detail-panel{padding:1.25rem;border:1px solid var(--line);border-radius:24px;background:var(--panel);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.detail-panel{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.detail-panel--create,.detail-panel--edit{border-color:#1e6b523d;background:#edf8f2f0}.detail-panel--cue{animation:detail-cue .42s ease}.panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.panel-header>:first-child{flex:1 1 auto;min-width:0}.detail-state-pill{display:inline-flex;margin-top:.65rem;padding:.35rem .72rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#12211c14;color:var(--muted)}.detail-state-pill--create,.detail-state-pill--edit{background:#1e6b5224;color:var(--brand-strong)}.search-form{display:flex;flex:0 1 34rem;gap:.5rem;align-items:center;flex-wrap:nowrap;min-width:min(100%,34rem)}.search-form input{flex:1 1 auto;min-width:0}.search-form .button{flex:0 0 auto;white-space:nowrap}.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line)}.data-table{width:100%;border-collapse:collapse;background:var(--panel-strong)}.data-table th,.data-table td{padding:.95rem .9rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.row-actions{display:flex;gap:.5rem;flex-wrap:wrap}.panel-footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-top:1rem}.pagination-controls{display:flex;gap:.75rem}.detail-grid{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.detail-grid div,.code-panel{padding:.9rem;border-radius:18px;border:1px solid var(--line);background:#ffffffb3}.detail-grid dt{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem}.detail-grid dd{margin:0;line-height:1.5}.code-header{margin-bottom:.75rem;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.code-panel pre{margin:0;white-space:pre-wrap;font-size:.92rem}.field,.toggle{display:grid;gap:.5rem}.field span,.toggle span{font-size:.88rem;font-weight:600}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:.9rem 1rem;border:1px solid var(--line);border-radius:14px;background:#ffffffeb;color:var(--text)}textarea{resize:vertical}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#a93b327a}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1rem;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .12s ease}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.6;transform:none}.button.primary{background:var(--brand);color:#fff}.button.ghost{background:#fff9;border-color:var(--line);color:var(--text)}.button.danger{background:var(--danger);color:#fff}.button.small{padding:.45rem .75rem;font-size:.88rem}.danger-text{color:var(--danger)}.editor-grid,.form-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.editor-actions,.detail-actions{display:flex;gap:.75rem;flex-wrap:wrap}.detail-actions{margin-top:1rem}.toggle-input{display:flex;align-items:center;gap:.75rem;min-height:52px;padding:.9rem 1rem;border:1px solid var(--line);border-radius:14px;background:#ffffffeb}.toggle-input input{width:auto}.feedback{padding:.85rem 1rem;border-radius:14px}.feedback.error{background:#a93b321a;color:var(--danger)}.auth-notice{background:#1e6b521a;color:var(--brand-strong)}.empty-state{padding:2rem;text-align:center;border:1px dashed var(--line);border-radius:18px;margin-top:1rem}.inline-confirmation{margin-top:1rem;padding:1rem;border:1px solid rgba(169,59,50,.18);border-radius:20px;background:#a93b320a}.inline-confirmation h3{margin-bottom:.45rem}.inline-confirmation p{margin-bottom:.9rem;line-height:1.6}.modal{width:min(760px,calc(100vw - 2rem));border:none;padding:0;border-radius:28px;background:var(--panel-strong);color:var(--text);box-shadow:var(--shadow)}.modal::backdrop{background:#12211c66}.modal.compact{width:min(480px,calc(100vw - 2rem))}.editor-form,.modal form{padding:1.5rem}.modal-header,.modal-footer{display:flex;justify-content:space-between;gap:1rem;align-items:center}.modal-header{margin-bottom:1rem}.modal-footer{margin-top:1rem}.field.full{grid-column:1 / -1}.modal-copy{color:var(--muted);line-height:1.6}@keyframes detail-cue{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}to{transform:translate(0)}}@media(max-width:980px){.workspace,.detail-grid,.editor-grid,.form-grid{grid-template-columns:1fr}}@media(max-width:720px){.page-shell{padding:1rem}.topbar,.panel-header,.panel-footer,.modal-header,.modal-footer{flex-direction:column;align-items:stretch}.topbar-actions,.pagination-controls,.button{width:100%}.search-form{flex-wrap:wrap;min-width:0}}