:root{--bg:#f5f6f8;--card:#fff;--text:#15171a;--muted:#717782;--line:#e4e7eb;--accent:#111827;--ok:#0f8a4b;--danger:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}header{height:68px;background:#0f1115;color:white;display:flex;align-items:center;padding:0 28px;gap:34px;position:sticky;top:0}.brand{font-weight:800;font-size:20px;white-space:nowrap}.brand span{font-weight:500;color:#b8bec8}nav{display:flex;gap:20px;flex:1}nav a{color:#d7dbe2;text-decoration:none}nav a:hover{color:white}main{max-width:1500px;margin:0 auto;padding:30px}.pagehead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}h1{margin:0 0 6px;font-size:30px}h2{font-size:19px;margin-top:0}.muted,.hint{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:18px}.kpi{font-size:30px;font-weight:800;margin-bottom:6px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;font-weight:700;margin:13px 0}input{width:100%;padding:11px 12px;border:1px solid #d5d9df;border-radius:8px;margin-top:6px;background:white}button{border:0;border-radius:8px;background:var(--accent);color:#fff;padding:11px 15px;font-weight:700;cursor:pointer}.secondary{background:#e8ebef;color:#111}.linkbtn{background:transparent;padding:0}.actions{display:flex;gap:10px}.statusrow{padding:11px 0;border-bottom:1px solid var(--line)}.badge{margin-left:8px;border-radius:99px;padding:4px 8px;background:#eef0f3;font-size:12px}.badge.ok{background:#e8f6ef;color:var(--ok)}.badge.error{background:#fbeceb;color:var(--danger)}.error{background:#fbeceb;color:var(--danger);padding:10px;border-radius:8px;margin:10px 0}.small{font-size:12px}.tablewrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;min-width:1150px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}th{background:#fafbfc;position:sticky;top:0}.inline{display:flex;gap:5px;min-width:240px}.inline input{margin:0;padding:7px;width:92px}.inline button{padding:7px 10px}.login-card{max-width:420px;margin:90px auto;background:white;border:1px solid var(--line);border-radius:16px;padding:28px}@media(max-width:850px){.cards,.grid2{grid-template-columns:1fr}.pagehead{align-items:flex-start;flex-direction:column}header{overflow:auto}nav{min-width:max-content}main{padding:18px}}