:root{--bg: #ffffff;--text: #121212;--muted: #6b7280;--brand: #6d28d9;--brand-contrast: #ffffff;--surface: #f8fafc}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}.app{min-height:100%;display:flex;flex-direction:column}.header{position:sticky;top:0;background:var(--bg);border-bottom:1px solid #e5e7eb;z-index:10}.nav{display:flex;gap:1rem;padding:.75rem 1rem;align-items:center;justify-content:center}.nav a{text-decoration:none;color:var(--text);padding:.5rem .75rem;border-radius:999px}.nav a.active{background:var(--surface);color:var(--brand);font-weight:600}.container{width:100%;max-width:720px;padding:1rem;margin:0 auto}h1{font-size:1.75rem;margin:0 0 .5rem}h2{font-size:1.25rem;margin:1.5rem 0 .5rem}p{color:var(--muted);line-height:1.6}.card{background:var(--surface);border:1px solid #e5e7eb;border-radius:12px;padding:1rem}.row{display:flex;gap:.75rem;flex-wrap:wrap}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:10px;padding:.75rem 1rem;font-weight:600;cursor:pointer;background:var(--brand);color:var(--brand-contrast)}.btn.secondary{background:#0f766e}.btn.ghost{background:transparent;color:var(--brand);border:1px solid var(--brand)}form{display:grid;gap:.75rem}label{display:grid;gap:.375rem;font-weight:600}input,select,textarea{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:10px;font-size:1rem;background:#fff}.footer{margin-top:auto;padding:2rem 1rem;text-align:center;color:var(--muted)}.list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.list li{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.section{display:grid;gap:.75rem}