*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:sans-serif;background:#111318;color:#e2e6f0;min-height:100vh}.logo{height:40px;width:auto}table{width:100%;border-collapse:collapse}th{background:#1c1f26;color:#8891a5;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:10px 16px;text-align:left;border-bottom:1px solid #2e3340}td{padding:10px 16px;font-size:14px;border-bottom:1px solid #1e2128;color:#e2e6f0}tr:hover td{background:#1c1f26}.badge-green{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:600;background:#0d3320;color:#4caf75;border:1px solid #1a6b3a}.badge-yellow{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:600;background:#332b00;color:#ffd54f;border:1px solid #6b5a00}.badge-gray{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:600;background:#1e2128;color:#8891a5;border:1px solid #2e3340}input,select{background:#1c1f26;color:#e2e6f0;border:1px solid #2e3340;border-radius:4px;padding:10px;font-size:14px;outline:none;width:100%}input:focus,select:focus{border-color:#0ad}input::placeholder{color:#8891a5}.btn-primary{padding:10px 16px;background:#0ad;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.btn-primary:hover{background:#09c}.btn-ghost{padding:8px 16px;background:transparent;color:#8891a5;border:1px solid #2e3340;border-radius:4px;font-size:14px;cursor:pointer}.btn-ghost:hover{color:#e2e6f0;border-color:#4a5060}.btn-tab{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;background:transparent;color:#8891a5}.btn-tab:hover{color:#e2e6f0}.btn-tab.active{background:#0ad;color:#fff;font-weight:600}.surface{background:#1c1f26;border-radius:8px;border:1px solid #2e3340}