:root{--navy: #15264f;--navy-soft: #1f3568;--orange: #f2a33a;--bg: #f4f6fb;--surface: #ffffff;--text: #15264f;--text-muted: #5b6680;--border: #d9dee9;--shadow: 0 1px 3px rgba(21, 38, 79, .12)}:root[data-theme=dark]{--bg: #0e1730;--surface: #15224a;--text: #eef1f8;--text-muted: #9aa6c4;--border: #2a3a66;--shadow: 0 1px 3px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}.app-header{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--navy);color:#fff;box-shadow:var(--shadow)}.app-header img{width:36px;height:36px;border-radius:8px}.app-header h1{font-size:1.15rem;margin:0;font-weight:700;letter-spacing:.2px}.theme-toggle{margin-left:auto;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.1rem;line-height:1;padding:8px 10px;border-radius:8px;cursor:pointer}.theme-toggle:hover{background:#ffffff38}main{max-width:880px;margin:0 auto;padding:28px 20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:var(--shadow)}.muted{color:var(--text-muted)}.badge{display:inline-block;background:var(--orange);color:#15264f;font-weight:600;font-size:.8rem;padding:3px 10px;border-radius:999px}