:root{--bg:#0b0d12;--card:#151922;--border:#232a36;--text:#e7ecf3;--muted:#8b97a8;--green:#2ecc71;--red:#e74c3c;--accent:#5b8cff}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}.container{max-width:960px;margin:0 auto;padding:20px 16px 80px}.row{display:flex;gap:12px;flex-wrap:wrap}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}.kpi{flex:1 1 150px}.kpi .label{color:var(--muted);font-size:13px}.kpi .value{font-size:26px;font-weight:700;margin-top:4px}.muted{color:var(--muted)}.btn{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer;font-size:15px}.btn.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}th{color:var(--muted)}.badge,th{font-weight:600}.badge{padding:2px 8px;border-radius:999px;font-size:12px}.badge.ok{background:rgba(46,204,113,.15);color:var(--green)}.badge.no{background:rgba(231,76,60,.15);color:var(--red)}.code{font-family:ui-monospace,monospace;background:#0e1218;border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px;word-break:break-all}input,select{background:#0e1218;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;font-size:15px;width:100%}select{cursor:pointer}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;margin-top:12px}label:first-child{margin-top:0}.input{background:#0e1218;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;font-size:15px;width:100%;display:block}h1{font-size:22px}h2{font-size:16px;color:var(--muted);font-weight:600}.tab-bar{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:0}.tab{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font-size:14px;font-weight:600;padding:8px 14px;margin-bottom:-1px}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.kpi.green .value{color:var(--green)}.kpi.red .value{color:var(--red)}.kpi.blue .value{color:var(--accent)}.badge.pending{background:rgba(255,200,0,.12);color:#ffc800}.progress-bar{background:var(--border);border-radius:999px;height:6px;overflow:hidden}.progress-bar-fill{background:var(--accent);height:100%;border-radius:999px}.nav{display:flex;gap:16px;align-items:center;margin-bottom:24px}.nav a,.nav button{font-size:14px;font-weight:600;color:var(--muted);background:none;border:0;cursor:pointer;padding:0}.nav a.active,.nav a:hover{color:var(--text)}