:root{--bg: #0f2417;--card: #ffffff;--accent: #2e7d32;--text: #1a1a1a;--warn: #8a6d00;--err: #b00020}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--text)}.app{max-width:460px;margin:0 auto;padding:24px 16px}.app header h1{color:#fff;font-size:1.3rem}.topbar{display:flex;justify-content:space-between;align-items:center;color:#cfe9d4;margin-bottom:16px}.topbar-actions{display:flex;align-items:center;gap:10px}button.link{width:auto;margin:0;padding:4px 8px;background:transparent;color:#cfe9d4;font-weight:500;text-decoration:underline}.card{background:var(--card);border-radius:12px;padding:20px;box-shadow:0 6px 20px #00000040}label{display:block;font-weight:600;margin-bottom:6px}input{width:100%;padding:12px;font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid #ccc;border-radius:8px}button{margin-top:14px;width:100%;padding:12px;font-size:1rem;font-weight:600;color:#fff;background:var(--accent);border:0;border-radius:8px;cursor:pointer}button:disabled{opacity:.6;cursor:default}button.secondary{background:#e0e0e0;color:#333}.actions{display:flex;flex-direction:column;gap:4px}.warning{color:var(--warn)}.error{color:var(--err)}.success{color:var(--accent);font-weight:600}select{padding:6px;border-radius:6px}