:root{--bg:#0b0e12;--surface:#121722;--surface2:#0e1320;--line:#1e2635;--line2:#2b3750;--text:#eef3fb;--muted:#9fb0c9;--accent:#31c3a0;--accent2:#ff4d4d;--radius:14px}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Helvetica Neue", Helvetica, Arial, system-ui;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-weight:700;margin:12px 0 6px}
.subheading,.strong{font-weight:500}
p, label, input, select, button, td, th{font-weight:400}
.brand{position:relative;background:#121722;border-bottom:1px solid var(--line)}
.brand .in{max-width:1060px;margin:0 auto;padding:28px 20px 18px}
.logo img{filter:none !important;background:transparent;padding:0;margin:0;width:240px;max-width:60vw;height:auto;display:block}
.wrap{max-width:1060px;margin:0 auto;padding:20px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.tab-btn{border:1px solid var(--line2);background:#0e1524;color:#dfe7f7;padding:10px 14px;border-radius:10px;cursor:pointer;transition:.18s ease;font-weight:500}
.tab-btn[aria-selected="true"]{background:linear-gradient(90deg, rgba(49,195,160,.15), rgba(255,77,77,.12));color:#fff;border-color:#a63d3d;box-shadow:0 0 0 2px rgba(255,77,77,.12) inset}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:780px){.grid{grid-template-columns:1fr}}
label{font-size:13px;color:var(--muted);display:block;margin:0 0 6px}
.input-caption{font-size:12px;color:#8ea2c2;margin-top:4px}
input,select{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line2);background:#0c1220;color:#fff;outline:none;font-variant-numeric:tabular-nums}
input:focus,select:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgba(255,77,77,.22)}
.row{display:flex;gap:10px} .row>*{flex:1}
.actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}
.button{padding:10px 14px;border-radius:10px;border:1px solid var(--line2);background:linear-gradient(90deg, rgba(49,195,160,.22), rgba(255,77,77,.18));color:#fff;cursor:pointer;font-weight:700;letter-spacing:.2px}
.out{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;background:#0d1424;border:1px dashed #2a3a58;border-radius:12px;padding:12px 14px;font-variant-numeric:tabular-nums;margin-top:12px}
.table{width:100%;overflow:auto;margin-top:12px} .table table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.table th,.table td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left}
.table th{color:#dfe7f7;font-weight:600}
.hr{height:1px;background:linear-gradient(90deg,transparent,var(--line2),transparent);margin:16px 0}
.note{font-size:12px;color:#9fb0c9}
footer .cta{display:block;text-align:center;font-weight:700;font-size:20px;padding:16px;border:1px solid #2b3750;border-radius:12px;background:linear-gradient(90deg, rgba(49,195,160,.12), rgba(255,77,77,.10));color:#eef3fb;text-decoration:none}