:root{--bg:#0f1412;--bg-elevated:#171d1a;--bg-soft:#1e2622;--border:#2a3430;--border-strong:#35423c;--text:#e8efe9;--text-muted:#8a9a91;--accent:#3dd68c;--accent-dim:#2a9f68;--accent-soft:#3dd68c1f;--accent-glow:#3dd68c59;--danger:#f07178;--warn:#e6c07b;--radius:10px;--radius-lg:14px;--font-sans:"DM Sans", system-ui, sans-serif;--font-display:"Instrument Serif", Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--shadow:0 18px 50px #00000059;--shadow-soft:0 10px 30px #00000038;--ease-out:cubic-bezier(.22, .8, .28, 1);--dur-fast:.15s;--dur:.25s;--dur-slow:.5s}*,:after,:before{box-sizing:border-box}body,html{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}html{scrollbar-color:var(--border-strong) transparent}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--accent-dim);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000}::-webkit-scrollbar-track{background:0 0}.btn{cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease,box-shadow var(--dur) ease,transform var(--dur-fast) ease;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-weight:500;line-height:1.2;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#052015;font-weight:600}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px -6px var(--accent-glow);background:#52e09c}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-soft);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.btn-danger{border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:color-mix(in srgb,var(--danger) 60%,transparent)}.field{flex-direction:column;gap:.4rem;margin-bottom:1.1rem;display:flex}.field label{color:var(--text-muted);font-size:.82rem;font-weight:500}.field input,.field select,.field textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease,background-color var(--dur-fast) ease;border-radius:8px;outline:none;padding:.65rem .8rem}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--border-strong)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-soft)}.field input::-moz-placeholder{color:color-mix(in srgb,var(--text-muted) 70%,transparent)}.field textarea::-moz-placeholder{color:color-mix(in srgb,var(--text-muted) 70%,transparent)}.field input::placeholder,.field textarea::placeholder{color:color-mix(in srgb,var(--text-muted) 70%,transparent)}.field textarea{resize:vertical;min-height:140px}.field select{appearance:none;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%238a9a91%22%20d%3D%22M7.41%208.59%2012%2013.17l4.59-4.58L18%2010l-6%206-6-6z%22%2F%3E%3C%2Fsvg%3E);background-position:right .7rem center;background-repeat:no-repeat;padding-right:2.2rem}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-draft{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.badge-published{background:var(--accent-soft);color:var(--accent)}.badge-archived{background:color-mix(in srgb,var(--text-muted) 18%,transparent);color:var(--text-muted)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem 1.5rem;margin-bottom:1.5rem;display:flex}.page-head h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(1.9rem,3vw,2.3rem);font-weight:400;line-height:1.1}.page-head p{max-width:44rem;color:var(--text-muted);margin:.4rem 0 0;line-height:1.55}.actions,.head-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .4rem;font-size:.72rem;font-weight:600}.meta,.muted{color:var(--text-muted)}.error{color:var(--danger)}.message{color:var(--text-muted);font-size:.9rem}.card,.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--dur) ease,box-shadow var(--dur) ease,transform var(--dur) var(--ease-out);padding:1.15rem 1.2rem;position:relative}.card:hover,.panel:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem 1rem;margin-bottom:.9rem;display:flex}.panel-head h2,.panel>h2:first-child{font-family:var(--font-display);margin:0;font-size:1.4rem;font-weight:400;line-height:1.2}.list{margin:0;padding:0;list-style:none}.list .row{transition:background-color var(--dur-fast) ease,border-color var(--dur-fast) ease}.empty{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;background:radial-gradient(80% 60% at 50% 0,var(--accent-soft),transparent 70%),color-mix(in srgb,var(--bg-elevated) 80%,transparent);animation:fade-up var(--dur-slow) var(--ease-out) both;padding:2.25rem 1.5rem;position:relative}.empty h2{font-family:var(--font-display);margin:0 0 .4rem;font-size:1.6rem;font-weight:400}.empty p{color:var(--text-muted);margin:0;line-height:1.55}.empty-actions{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1.1rem;display:flex}code{font-family:var(--font-mono)}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes soft-glow{0%,to{opacity:.45}50%{opacity:.75}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}