*{box-sizing:border-box;margin:0;padding:0}body{font-family:Tajawal,system-ui,sans-serif;background:#f1f5f9;color:#0f172a;min-height:100vh}.wrap{max-width:1000px;margin:0 auto;padding:24px 16px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0f172a0f}.card.center{text-align:center;padding:48px 20px}.card.login{max-width:400px;margin:60px auto 0}h1{font-size:22px;font-weight:800;color:#0f766e}h2{font-size:18px;font-weight:800}.muted{color:#64748b}.small{font-size:13px}.mono{font-family:ui-monospace,monospace;font-size:13px}.center-cell{text-align:center;padding:24px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}label{display:block;font-size:13px;font-weight:700;color:#334155;margin:14px 0 6px}input,select{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:14px;background:#fff;color:#0f172a}input:focus,select:focus{outline:2px solid #0f766e;outline-offset:1px;border-color:#0f766e}button{font-family:inherit;font-size:14px;font-weight:700;padding:9px 16px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:opacity .15s}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:#0f766e;color:#fff}button.danger{background:#fee2e2;color:#b91c1c}button.ghost{background:transparent;color:#334155;border-color:#cbd5e1}form button{margin-top:18px;width:100%}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px 8px;text-align:right;border-bottom:1px solid #f1f5f9;vertical-align:middle}th{color:#475569;font-size:12px;font-weight:800;background:#f8fafc}td select{width:auto;min-width:100px;padding:6px 8px}td button{padding:6px 12px;font-size:13px}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800}.badge.on{background:#dcfce7;color:#15803d}.badge.off{background:#fee2e2;color:#b91c1c}.error{color:#b91c1c;font-size:13px;font-weight:700;margin-top:10px}.error.bar{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;margin-bottom:14px}.overlay{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.card.modal{width:100%;max-width:520px;max-height:90vh;overflow:auto}.result h3.ok{color:#15803d;margin-bottom:12px}.result p{margin:8px 0;font-size:14px}.result p b{color:#334155}