:root{--bg:#0b0d12;--card:#0f1720;--muted:#9aa4b2;--text:#e6eef8;--accent:#4ea1ff;--danger:#ff6b6b;--border:#1a2534}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:"Cairo",Tahoma,Arial,sans-serif;background:linear-gradient(180deg,#07090f 0%, #0b0d12 100%);color:var(--text)}
.container{max-width:1200px;margin:18px auto;padding:12px}
.header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:42px;height:42px;border-radius:10px;border:1px solid #121a28}
.title{font-size:18px;font-weight:800;letter-spacing:.3px}
.small{color:var(--muted)}
.controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.btn{background:var(--accent);color:#fff;padding:8px 12px;border-radius:10px;border:0;cursor:pointer}
.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}
.btn.warn{background:var(--danger)}
.select,input[type=text],input[type=file],select{background:transparent;border:1px solid var(--border);color:var(--text);padding:8px;border-radius:8px}
.card{background:var(--card);padding:12px;border-radius:12px;border:1px solid var(--border);margin-bottom:12px}
.table-wrap{overflow:auto;border-radius:10px;border:1px solid var(--border)}
table{width:100%;border-collapse:collapse;min-width:980px}
th,td{padding:10px;border-bottom:1px dashed var(--border);text-align:right}
th{background:#0c1320;position:sticky;top:0}
.badge{background:#0f2236;padding:6px 10px;border-radius:10px;color:var(--accent);font-weight:700}
.actions-small button{padding:6px 8px;border-radius:8px}
.modal{position:fixed;inset:0;background:rgba(2,4,8,0.6);display:none;align-items:center;justify-content:center;z-index:80}
.modal .box{width:640px;max-width:96%;background:var(--card);border-radius:12px;padding:14px;border:1px solid var(--border)}
.field{display:flex;flex-direction:column;margin-bottom:8px}
.field label{font-size:13px;color:var(--muted);margin-bottom:6px}
.field input,.field select{padding:8px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text)}
.print-card{padding:18px;background:#fff;color:#111;border-radius:8px;max-width:600px}
.footer{padding:16px;text-align:center;color:var(--muted)}
@media (max-width:720px){th,td{font-size:13px}.header{flex-direction:column;align-items:flex-start}}