:root{--bg:#0f1115;--panel:#181b22;--panel-2:#20242d;--border:#2b313c;--text:#e6e9ef;--muted:#9aa3b2;--accent:#4f8cff;--accent-2:#3a6fd8;--ok:#34c759;--warn:#ffb020;--err:#ff5c5c}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif;direction:rtl}a{color:var(--accent);text-decoration:none}.container{max-width:980px;margin:0 auto;padding:24px 16px}.nav{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--border);align-items:center}.nav a{padding:6px 12px;border-radius:8px;color:var(--muted)}.nav a.active,.nav a:hover{background:var(--panel-2);color:var(--text)}.nav .spacer{flex:1 1}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:16px}h1{font-size:22px;margin:0 0 16px}h2{font-size:17px;margin:0 0 12px}label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}input,select{width:100%;padding:9px 11px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px}button{padding:9px 16px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer}button:hover{background:var(--accent-2)}button.ghost{background:transparent;border:1px solid var(--border);color:var(--muted)}button.danger{background:var(--err)}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:right;padding:9px 8px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1 1;min-width:140px}.badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;background:var(--panel-2);color:var(--muted)}.badge.ok{color:var(--ok)}.badge.warn{color:var(--warn)}.badge.err{color:var(--err)}.msg{padding:9px 12px;border-radius:8px;font-size:13px;margin:10px 0}.msg.err{background:rgba(255,92,92,.12);color:var(--err)}.msg.ok{background:rgba(52,199,89,.12);color:var(--ok)}.muted{color:var(--muted);font-size:13px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-wrap .card{width:360px}