:root{--navy: #0b2545;--teal: #13a89e;--bg: #f4f9f8;--surface: #ffffff;--text: #0f1b2d;--muted: #5b6b7f;--success: #1e9e5a;--warning: #e0a21b;--danger: #d64545;--border: #dde7e5;--radius: 16px;--shadow: 0 2px 12px rgba(11, 37, 69, .08);font-family:Cairo,Tajawal,Segoe UI,Tahoma,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:15px}a{color:var(--teal)}h1{font-size:1.5rem;margin:0 0 16px;color:var(--navy)}h2{font-size:1.15rem;margin:0 0 12px;color:var(--navy)}h3{font-size:1rem;margin:16px 0 8px;color:var(--navy)}.muted{color:var(--muted)}.shell{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--navy);color:#fff;padding:16px;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:24px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar a{color:#d7e3ea;text-decoration:none;padding:10px 12px;border-radius:10px}.sidebar a.active,.sidebar a:hover{background:#13a89e40;color:#fff}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 24px;background:var(--surface);border-bottom:1px solid var(--border)}.menu-btn{display:none}.content{padding:24px}.banner{padding:10px 24px}.banner.warn{background:#fff4d6;color:#6b4d00}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 16px}.stat{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.stat-value{font-size:1.8rem;font-weight:700;color:var(--navy)}.stat-label{color:var(--muted)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end;margin-top:16px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-bottom:16px}.toolbar .grow{flex:1}.btn{border:1px solid var(--teal);background:var(--teal);color:#fff;border-radius:10px;padding:8px 14px;min-height:40px;cursor:pointer;font:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--navy);border-color:var(--border)}.btn.danger{background:var(--danger);border-color:var(--danger)}.btn.warn{background:var(--warning);border-color:var(--warning);color:#2b1e00}.btn.small{padding:4px 10px;min-height:32px;font-size:.9rem}.btn.icon{font-size:1.4rem;line-height:1;padding:4px 12px}input,select,textarea{font:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fff;min-height:40px;width:100%;color:var(--text)}textarea{min-height:80px;resize:vertical}input:focus,select:focus,textarea:focus,.btn:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.field{display:flex;flex-direction:column;gap:4px}.field>span{font-weight:600;font-size:.9rem}.field small{color:var(--muted)}table{width:100%;border-collapse:collapse;background:var(--surface)}.table-wrap{overflow-x:auto;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}th,td{padding:10px 12px;text-align:start;border-bottom:1px solid var(--border);vertical-align:top}th{background:#eef5f4;color:var(--navy);font-weight:600;white-space:nowrap}tr:last-child td{border-bottom:none}.mono{font-family:ui-monospace,Consolas,monospace;direction:ltr;unicode-bidi:embed}.chip{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.85rem;background:#e6eef0;color:var(--navy);white-space:nowrap}.chip-active,.chip-delivered,.chip-resolved,.chip-valid,.chip-imported{background:#dcf3e6;color:#13693c}.chip-pending,.chip-received,.chip-open,.chip-duplicate{background:#fff1cf;color:#6b4d00}.chip-preparing{background:#d9eefc;color:#0d4f80}.chip-suspended,.chip-cancelled,.chip-rejected,.chip-invalid,.chip-expired{background:#fbe0e0;color:#8c1f1f}.pagination{display:flex;gap:12px;align-items:center;justify-content:center;margin:16px 0}.state{padding:32px;text-align:center;color:var(--muted)}.state.error{color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b254573;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:var(--surface);border-radius:var(--radius);width:min(560px,100%);max-height:92vh;overflow:auto}.modal.wide{width:min(900px,100%)}.modal header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 0}.modal header h2{margin:0}.modal-body{padding:16px}.toasts{position:fixed;bottom:16px;inset-inline-start:16px;display:flex;flex-direction:column;gap:8px;z-index:100}.toast{padding:12px 16px;border-radius:12px;color:#fff;box-shadow:var(--shadow);max-width:420px}.toast.ok{background:var(--success)}.toast.err{background:var(--danger)}.images{display:flex;gap:8px;flex-wrap:wrap}.images img{width:140px;height:180px;object-fit:cover;border-radius:10px;cursor:zoom-in;border:1px solid var(--border)}.zoom{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:60;overflow:auto;display:flex;align-items:center;justify-content:center}.zoom img{max-width:95vw;max-height:95vh;cursor:zoom-in;transition:transform .2s}.zoom img.big{max-width:none;max-height:none;transform:scale(1.6);cursor:zoom-out}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:6px 0;border-inline-start:3px solid var(--teal);padding-inline-start:12px}.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px}.kv dt{color:var(--muted)}.kv dd{margin:0}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login .card{width:min(380px,100%);display:flex;flex-direction:column;gap:12px}.err-text{color:var(--danger)}@media (max-width: 860px){.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:40;transform:translate(-100%);transition:transform .2s}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.open{transform:none!important}.menu-btn{display:inline-block}.content{padding:16px}}