:root{--bg: #0f1117;--bg-card: #1a1d27;--bg-input: #252830;--border: #2e3140;--text: #e4e6eb;--text-muted: #8b8fa3;--accent: #4f8ff7;--accent-hover: #3a7ae0;--green: #4caf50;--orange: #ff9800;--red: #f44336;--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:56px;background:var(--bg-card);border-bottom:1px solid var(--border)}.nav-brand a{font-size:1.1rem;font-weight:600;color:var(--text)}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{color:var(--text-muted);font-size:.9rem}.nav-links a.router-link-active{color:var(--accent)}.btn-link{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem}.btn-link:hover{color:var(--text)}.content{max-width:1200px;margin:0 auto;padding:1.5rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.btn{padding:.5rem 1rem;border:none;border-radius:var(--radius);cursor:pointer;font-size:.875rem;background:var(--accent);color:#fff}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}input,select{padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem}input:focus,select:focus{outline:none;border-color:var(--accent)}.loading{text-align:center;padding:2rem;color:var(--text-muted)}.error{color:var(--red);padding:1rem;text-align:center}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:600}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--text-muted);border-radius:2px}@media(max-width:640px){.content{padding:1rem .75rem}.navbar{flex-wrap:wrap;height:auto;padding:0 1rem;min-height:52px}.nav-brand{padding:.75rem 0}.nav-hamburger{display:flex}.nav-links{display:none;flex-direction:column;align-items:flex-start;gap:0;width:100%;padding-bottom:.75rem;border-top:1px solid var(--border)}.nav-links.open{display:flex}.nav-links a,.nav-links .btn-link{width:100%;padding:.6rem 0;font-size:.95rem;border-bottom:1px solid var(--border)}.nav-links a:last-of-type,.nav-links .btn-link{border-bottom:none}}