*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1d2e;--surface2: #252840;--accent: #00d4aa;--accent2: #ff6b35;--text: #e8eaf0;--text-muted: #8b8fa8;--border: #2e3150;--green: #4caf50;--red: #f44336;--yellow: #ffb300;--radius: 12px;--radius-sm: 8px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;font-family:inherit;font-size:inherit}input[type=number],input[type=text],input[type=password]{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:inherit;padding:8px 12px;outline:none;transition:border-color .2s}input:focus{border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.btn{background:var(--accent);color:#000;border-radius:var(--radius-sm);padding:10px 20px;font-weight:600;transition:opacity .2s,transform .1s}.btn:hover{opacity:.85}.btn:active{transform:scale(.97)}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--red);color:#fff}.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:12px;font-weight:600}.badge-green{background:#4caf5033;color:var(--green)}.badge-yellow{background:#ffb30033;color:var(--yellow)}.badge-red{background:#f4433633;color:var(--red)}.badge-blue{background:#00d4aa26;color:var(--accent)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.page{max-width:800px;margin:0 auto;padding:20px 16px 80px}.flag{width:28px;height:auto;border-radius:3px;vertical-align:middle}table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:600;font-size:12px;text-transform:uppercase}
