:root{color:#302b2a;--ink:#302b2a;--muted:#71635f;--line:#e7dfe3;--wash:#f8f4f6;--accent:#d64b87;--accent-soft:#fde8f1;--error:#8c2f2f;background:#fff;font-family:Segoe UI,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:#fff;margin:0}a{color:inherit}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:28px;line-height:1.2}h2{margin-bottom:8px;font-size:20px;line-height:1.3}p,li{line-height:1.5}.lede{max-width:68ch;color:var(--muted)}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;padding:24px 16px}.brand{margin:0;font-size:20px;font-weight:700}.brand-note{color:var(--muted);margin:4px 0 20px;font-size:14px}.sidebar ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.sidebar a{border-radius:10px;align-items:center;min-height:40px;padding:8px 12px;text-decoration:none;display:flex}.sidebar a[aria-current=page]{background:var(--accent-soft);color:#9d2458;font-weight:600}.content{padding:32px 40px 48px}.status{margin-top:16px}.status-error{color:var(--error)}button,input,select,textarea{font:inherit;color:var(--ink)}button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;min-height:40px;padding:8px 14px}button[type=submit]{background:var(--accent);color:#fff;border-color:#0000}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stack{gap:12px;max-width:720px;display:grid}.stack label,.form label{color:var(--muted);gap:6px;font-size:14px;display:grid}.stack input,.stack textarea,.stack select,.form input,.form textarea,.form select,.toolbar input,.toolbar select{background:#fff;border:1px solid #d9d0d4;border-radius:10px;width:100%;min-height:44px;padding:10px 12px}.stack textarea,.form textarea{resize:vertical;min-height:120px}.toolbar{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.toolbar input,.toolbar select{width:auto;min-width:180px}.tabs{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.tabs button[aria-selected=true]{background:var(--accent);color:#fff;border-color:#0000}.table-wrap{border:1px solid var(--line);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px}th{color:var(--muted);font-size:14px;font-weight:600}tr:last-child td{border-bottom:0}td a{color:#9d2458;font-weight:600}.preview,.panel,fieldset{border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px}.preview{white-space:pre-wrap}fieldset{margin:0}.records{gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.records li{border:1px solid var(--line);border-radius:12px;padding:12px 14px}.row-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}@media (max-width:720px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.content{padding:24px 16px 40px}}