:root{--bg:#f5f7fb;--panel:#fff;--ink:#111827;--muted:#667085;--line:#e5e7eb;--brand:#ef6820;--good:#067647;--warn:#b54708;--bad:#b42318;--dark:#111827}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}.ec-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}aside{background:var(--dark);color:#fff;padding:22px;height:100vh;position:sticky;top:0;overflow:auto}aside h2{margin:0 0 4px}aside p{margin:0 0 20px;color:#cbd5e1;font-size:13px}.ec-nav-section{margin:18px 0 8px;color:#94a3b8;font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:900}nav a{display:block;padding:11px 12px;border-radius:12px;text-decoration:none;color:#f8fafc;font-weight:800;margin:4px 0}nav a:hover{background:rgba(239,104,32,.18)}main{padding:28px;max-width:1400px;width:100%}.ec-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.ec-top h1{margin:0 0 4px;font-size:28px}.ec-top p{margin:0;color:var(--muted)}.ec-btn{background:var(--brand);border:0;color:#fff;border-radius:12px;padding:11px 16px;font-weight:900;cursor:pointer}.ec-loading,.ec-note{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:14px;padding:13px;margin:0 0 16px}.ec-error{background:#fef3f2;border:1px solid #fecdca;color:var(--bad);border-radius:14px;padding:13px;margin-bottom:16px}.ec-ok{background:#ecfdf3;border:1px solid #abefc6;color:var(--good);border-radius:14px;padding:13px;margin-bottom:16px}.ec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.ec-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 8px 22px rgba(16,24,40,.05)}.ec-card small{display:block;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.06em}.ec-card b{display:block;font-size:28px;margin:8px 0}.ec-card span{color:var(--muted);font-size:13px}.ec-table-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 22px rgba(16,24,40,.05);margin-bottom:18px;overflow:hidden}.ec-table-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--line);gap:12px}.ec-table-head h2{font-size:18px;margin:0}.ec-table-head input{border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:240px}.ec-table-wrap{overflow:auto}.ec-table{width:100%;border-collapse:collapse;font-size:14px}.ec-table th,.ec-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.ec-table th{background:#f9fafb;color:#344054;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.badge{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;background:#f2f4f7;color:#344054}.badge.good{background:#dcfae6;color:#067647}.badge.warn{background:#fef0c7;color:#b54708}.badge.bad{background:#fee4e2;color:#b42318}.ec-chart{height:10px;background:#eef2f7;border-radius:999px;overflow:hidden;min-width:90px}.ec-chart>i{display:block;height:100%;background:var(--brand)}@media(max-width:950px){.ec-shell{grid-template-columns:1fr}aside{position:relative;height:auto}.ec-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.ec-grid{grid-template-columns:1fr}.ec-top{display:block}.ec-table-head{display:block}.ec-table-head input{width:100%;min-width:0;margin-top:10px}}
.ec-mini-btn{display:inline-block;background:#f97316;color:#fff!important;text-decoration:none;border-radius:8px;padding:7px 10px;font-weight:800;font-size:12px;margin:2px}.ec-mini-btn.secondary{background:#111827}