*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}:root{--bg: #f7f8fb;--surface: #ffffff;--text: #0b1221;--muted: #5b6781;--border: #e5e7eb;--primary: #3b82f6;--primary-hover: #2563eb;--danger: #ef4444;--danger-hover: #dc2626;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .06)}@media(prefers-color-scheme:dark){:root{--bg: #0b1221;--surface: #0f172a;--text: #e5e7eb;--muted: #a3a8b8;--border: #1f2937;--shadow: 0 1px 2px rgba(0,0,0,.25), 0 8px 24px rgba(0,0,0,.25)}}html{color-scheme:light dark}:root[data-theme=light]{--bg: #f7f8fb;--surface: #ffffff;--text: #0b1221;--muted: #5b6781;--border: #e5e7eb;--primary: #3b82f6;--primary-hover: #2563eb;--danger: #ef4444;--danger-hover: #dc2626;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .06)}:root[data-theme=dark]{--bg: #0b1221;--surface: #0f172a;--text: #e5e7eb;--muted: #a3a8b8;--border: #1f2937;--primary: #3b82f6;--primary-hover: #2563eb;--danger: #ef4444;--danger-hover: #dc2626;--shadow: 0 1px 2px rgba(0,0,0,.25), 0 8px 24px rgba(0,0,0,.25)}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5;background:var(--bg);color:var(--text)}#root{display:block}.container{width:100%;max-width:1100px;margin:0 auto;padding:24px 16px}.narrow{max-width:560px}.nav{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.nav .container{display:flex;align-items:center;gap:12px;padding:12px 16px}.nav-link{color:var(--text);text-decoration:none;font-weight:600;padding:8px 10px;border-radius:8px;transition:background-color .2s ease,color .2s ease}.nav-link:hover{background:#3b82f61f;color:var(--primary)}.nav-icon{width:40px;height:40px;padding:0;display:inline-grid;place-items:center;border-radius:10px;border:1px solid transparent}.nav-icon:hover{background:#3b82f61f;color:var(--primary);border-color:var(--primary)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3{margin:0 0 12px;line-height:1.25}h2{font-size:1.6rem;font-weight:700}p{margin:0 0 10px}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:12px}.list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.form{display:grid;gap:10px}.input,select,textarea{width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 12px;font-size:1rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f640}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px 14px;font-size:.95rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .02s ease}.btn:hover{border-color:var(--primary)}.btn:active{transform:translateY(1px)}.btn-primary{border-color:var(--primary);background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{border-color:var(--danger);background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.btn-outline{background:transparent}hr{border:none;border-top:1px solid var(--border);margin:16px 0}.row{display:flex;gap:10px}.space-between{display:flex;align-items:center;justify-content:space-between}.center{display:grid;place-items:center}