:root { --ink:#604373; --plum:#604373; --gold:#d7b16d; --paper:#fff9f5; --line:#eadfe4; --muted:#8d7b76; --green:#34725a; --red:#a94b4b; --blue:#456f91; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif; font-size:13px; } a { color:inherit; text-decoration:none; } button,input,select,textarea { color:inherit; font:inherit; } button { cursor:pointer; }
.admin-body { min-height:100vh; background:var(--paper); }
.admin-sidebar { position:fixed; z-index:50; inset-block:0; inset-inline-start:0; width:250px; padding:28px 20px; background:#2b1c28; color:rgba(255,255,255,.72); display:flex; flex-direction:column; }
.admin-brand { display:flex; align-items:center; gap:13px; margin:0 8px 42px; }.admin-brand>img { width:34px;height:58px;object-fit:contain;filter:brightness(0) invert(1); }.admin-brand div { display:grid; }.admin-brand b { color:#fff;font:18px Georgia,serif; }.admin-brand small { color:var(--gold);font-size:8px; }
.admin-sidebar nav { display:grid; gap:5px; }.admin-sidebar nav a { display:flex;align-items:center;gap:13px;padding:12px 15px;border-radius:4px;font-size:11px; }.admin-sidebar nav a span { width:21px;text-align:center;color:var(--gold);font-size:16px; }.admin-sidebar nav a:hover,.admin-sidebar nav a.active { background:rgba(255,255,255,.08);color:#fff; }
.admin-sidebar-bottom { margin-top:auto;display:grid;gap:5px;border-top:1px solid rgba(255,255,255,.1);padding-top:15px; }.admin-sidebar-bottom>a,.admin-sidebar-bottom button { display:block;width:100%;padding:9px 12px;border:0;background:transparent;color:inherit;text-align:start;font-size:10px; }.admin-sidebar-bottom a:hover,.admin-sidebar-bottom button:hover { color:#fff; }
.admin-shell { min-height:100vh;margin-inline-start:250px; }.admin-topbar { height:75px;padding:0 40px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end; }.admin-topbar>button { display:none; }.admin-topbar>div { display:flex;align-items:center;gap:18px; }.admin-topbar span { color:var(--muted);font-size:9px; }.admin-topbar b { padding-inline-start:18px;border-inline-start:1px solid var(--line);font-size:10px; }
.admin-main { padding:40px;max-width:1550px;margin:0 auto; }.admin-flashes { display:grid;gap:8px;margin-bottom:20px; }.admin-alert { padding:12px 15px;background:#fff;border-inline-start:3px solid var(--green);box-shadow:0 5px 18px rgba(40,25,36,.06);font-size:10px; }.admin-alert.error { border-color:var(--red); }
.admin-page-head { display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px; }.admin-page-head>div>span { color:var(--gold);font-size:9px; }.admin-page-head h1 { margin:2px 0;font-size:30px;font-weight:600; }.admin-page-head p { margin:0;color:var(--muted);font-size:10px; }.back-link { display:inline-block;margin-bottom:8px;color:var(--gold);font-size:9px; }
.admin-primary-button { min-height:43px;padding:11px 20px;border:0;border-radius:3px;background:var(--plum);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px; }.admin-primary-button:hover { background:#311f2d; }
.stat-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px; }.stat-grid article { padding:25px;background:#fff;border:1px solid var(--line); }.stat-grid span { color:var(--muted);font-size:9px; }.stat-grid strong { display:block;margin:7px 0 3px;font-size:25px;font-weight:600; }.stat-grid small { color:#9a9095;font-size:8px; }
.admin-content-grid { display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start; }.admin-card { background:#fff;border:1px solid var(--line); }.admin-card.wide { min-width:0; }.card-head { padding:22px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px; }.card-head h2 { margin:0;font-size:14px;font-weight:600; }.card-head p { margin:2px 0 0;color:var(--muted);font-size:8px; }.card-head>a { color:var(--gold);font-size:9px; }
.table-wrap { overflow-x:auto; } table { width:100%;border-collapse:collapse;white-space:nowrap; } th { padding:12px 18px;background:#fbfaf9;color:var(--muted);font-size:8px;font-weight:500;text-align:start; } td { padding:15px 18px;border-top:1px solid #f0ebe8;font-size:9px; } td>a { color:var(--plum);font-weight:600; }.table-empty { height:170px;text-align:center;color:var(--muted); }.cell-small { display:block;color:var(--muted);font-size:7px;margin-top:3px; }.table-link { color:var(--gold);text-decoration:underline; }
.status { display:inline-flex;padding:4px 9px;border-radius:20px;background:#eee;color:#555;font-size:8px; }.status.large { padding:8px 15px;font-size:9px; }.status-new { background:#f7e8d8;color:#9a5d25; }.status-confirmed { background:#e5eef5;color:#456a88; }.status-processing { background:#eee8f5;color:#70528c; }.status-shipped { background:#e3eff0;color:#39737a; }.status-completed { background:#e0f0e8;color:#34725a; }.status-cancelled { background:#f5e3e3;color:#9b4141; }
.stock-list { padding:8px 23px 20px; }.stock-list a { display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:9px; }.stock-list a:last-child { border:0; }.stock-list b { color:var(--red);font-weight:500; }.admin-empty { padding:55px 20px;text-align:center;color:var(--muted);font-size:10px; }
.products-card-head { padding-block:15px; }.products-card-head>span { color:var(--muted);font-size:9px; }.admin-search { display:grid;grid-template-columns:minmax(220px,390px) auto;border:1px solid var(--line); }.admin-search input { min-width:0;padding:9px 12px;border:0;outline:0;font-size:9px; }.admin-search button { border:0;padding:0 15px;background:#f4efec;font-size:9px; }.admin-product-cell { display:flex;align-items:center;gap:11px; }.admin-product-cell img { width:48px;height:55px;object-fit:cover; }.admin-product-cell div { display:grid; }.admin-product-cell b { font-size:9px; }.admin-product-cell small { color:var(--muted);font-size:7px; }.stock-pill { display:inline-grid;place-items:center;min-width:28px;padding:3px 6px;border-radius:15px;background:#e7f1ec;color:var(--green); }.stock-pill.low { background:#f6e7e0;color:#a2593f; }.row-actions { display:flex;align-items:center;gap:10px; }.row-actions a,.row-actions button { border:0;background:transparent;padding:0;color:var(--gold);font-size:8px; }.row-actions button { color:var(--red); }
.admin-form-layout { display:grid;grid-template-columns:1fr 330px;gap:20px;align-items:start; }.form-card { padding:28px; }.form-card h2 { margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:13px; }.form-card h2:not(:first-child) { margin-top:35px; }.admin-field-grid { display:grid;grid-template-columns:1fr 1fr;gap:18px; }.admin-field-grid.thirds { grid-template-columns:repeat(3,1fr); }.admin-field { display:grid;gap:7px;margin-bottom:17px; }.admin-field.full { grid-column:1/-1; }.admin-field>span { font-size:9px; }.admin-field input,.admin-field select,.admin-field textarea { width:100%;padding:11px;border:1px solid var(--line);background:#fff;outline:0;resize:vertical;font-size:10px; }.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus { border-color:var(--gold); }.admin-field small { color:var(--red);font-size:8px; }.admin-form-side { display:grid;gap:14px; }.admin-form-preview { width:100%;aspect-ratio:1;object-fit:cover;margin-bottom:15px;background:var(--paper); }.admin-check { display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid var(--line);font-size:9px; }.admin-check input { accent-color:var(--plum); }.save-button { width:100%; }
.order-tabs { display:flex;overflow-x:auto;border-bottom:1px solid var(--line);padding:0 20px; }.order-tabs a { padding:14px 12px;border-bottom:2px solid transparent;color:var(--muted);font-size:8px;white-space:nowrap; }.order-tabs a.active { color:var(--ink);border-color:var(--gold); }
.order-detail-grid { display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start; }.order-detail-grid>div { display:grid;gap:20px; }.order-detail-grid>aside { display:grid;gap:15px; }.order-items-card { padding-bottom:5px; }.admin-order-item { display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 25px;border-bottom:1px solid var(--line); }.admin-order-item div { display:grid; }.admin-order-item b { font-size:10px; }.admin-order-item small { color:var(--muted);font-size:8px; }.admin-order-item strong { font-size:10px; }.admin-order-totals { margin-inline-start:auto;width:min(100%,330px);padding:20px 25px; }.admin-order-totals>div { display:flex;justify-content:space-between;padding:5px 0;font-size:9px; }.admin-order-totals .total { margin-top:8px;padding-top:13px;border-top:1px solid var(--line);font-size:11px; }.status-form { display:flex;gap:10px;padding:22px 25px; }.status-form select { flex:1;padding:10px;border:1px solid var(--line);background:#fff; }.info-card { padding:23px; }.info-card h2 { margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:12px; }.info-card dl { margin:0;display:grid;gap:2px; }.info-card dt { margin-top:9px;color:var(--muted);font-size:8px; }.info-card dd { margin:0;font-size:9px;word-break:break-word; }.info-card p { color:var(--muted);font-size:9px; }
.messages-list { display:grid;gap:14px; }.message-card { padding:22px 25px; }.message-card.unread { border-inline-start:3px solid var(--gold); }.message-card.read { opacity:.78; }.message-head { display:flex;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid var(--line); }.message-head span { color:var(--gold);font-size:8px; }.message-head h2 { margin:2px 0;font-size:14px; }.message-head>div:last-child { display:flex;align-items:center;gap:10px; }.message-head small { color:var(--muted);font-size:8px; }.message-head i { padding:3px 8px;border-radius:15px;background:#f4e7d7;color:#93602f;font-size:7px;font-style:normal; }.message-card>p { line-height:2;color:#625960;font-size:10px; }.message-footer { display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:8px; }.message-footer a { color:var(--gold); }.message-footer button { border:0;background:transparent;color:var(--gold);font-size:8px;text-decoration:underline; }
.settings-card { max-width:620px;padding:30px; }.settings-card h2 { margin:0;font-size:16px; }.settings-card>p { color:var(--muted);font-size:9px;margin-bottom:25px; }.settings-card form { max-width:460px; }.login-error { margin:15px 0;padding:11px;background:#faeaea;border-inline-start:3px solid var(--red);color:#793939;font-size:9px; }
.login-body { min-height:100vh;background:#fff9f5;display:grid;grid-template-columns:minmax(420px,600px) 1fr; }.login-panel { padding:60px clamp(35px,7vw,100px);background:#fff;display:flex;flex-direction:column;justify-content:center; }.login-brand { position:absolute;inset-block-start:28px;display:block; }.login-brand img { width:220px;height:90px;object-fit:contain; }.login-copy>span { color:var(--gold);font-size:9px; }.login-copy h1 { margin:5px 0;font-size:34px; }.login-copy p { margin:0 0 25px;color:var(--muted);font-size:10px; }.login-panel form { display:grid;gap:17px; }.login-panel label { display:grid;gap:7px; }.login-panel label span { font-size:9px; }.login-panel input { padding:13px;border:1px solid var(--line);outline:0; }.login-panel input:focus { border-color:var(--gold); }.login-panel form button { margin-top:5px;padding:14px;border:0;background:var(--plum);color:#fff;font-size:10px; }.login-panel>small { margin-top:20px;color:#a1979c;font-size:7px; }.login-visual { position:relative;background:linear-gradient(rgba(96,67,115,.18),rgba(77,52,93,.52)),url('../images/khulud-hero.png') center/cover;display:grid;place-items:end start;padding:70px;color:#fff; }.login-visual>div>span { color:#e4c98f;font:10px Georgia,serif;letter-spacing:.18em; }.login-visual blockquote { margin:12px 0;font-size:clamp(45px,5vw,78px);font-weight:300;line-height:1.4; }.login-visual small { opacity:.75;font-size:9px; }
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-content-grid{grid-template-columns:1fr}.admin-form-layout{grid-template-columns:1fr}.admin-form-side{grid-template-columns:1fr 220px;align-items:start}.save-button{grid-column:1/-1}.order-detail-grid{grid-template-columns:1fr}.order-detail-grid>aside{grid-template-columns:repeat(3,1fr)}.login-body{grid-template-columns:480px 1fr}}
@media(max-width:820px){.admin-sidebar{transform:translateX(105%);transition:transform .3s}.admin-menu-open .admin-sidebar{transform:translateX(0)}.admin-shell{margin-inline-start:0}.admin-topbar{justify-content:space-between;padding:0 20px}.admin-topbar>button{display:block;border:1px solid var(--line);background:#fff;padding:7px 12px;font-size:9px}.admin-main{padding:25px 18px}.admin-page-head{align-items:flex-start}.admin-content-grid{display:block}.admin-content-grid>*{margin-bottom:18px}.admin-form-side{grid-template-columns:1fr}.order-detail-grid>aside{grid-template-columns:1fr}.login-body{display:block}.login-panel{min-height:100vh}.login-visual{display:none}}
@media(max-width:560px){.admin-page-head{flex-direction:column}.admin-page-head h1{font-size:25px}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-grid article{padding:17px}.stat-grid strong{font-size:20px}.admin-field-grid,.admin-field-grid.thirds{grid-template-columns:1fr}.admin-field.full{grid-column:auto}.admin-search{grid-template-columns:1fr auto;width:100%}.products-card-head{align-items:flex-start;flex-direction:column}.form-card{padding:20px}.order-tabs{padding:0 5px}.status-form{flex-direction:column}.message-head,.message-footer{align-items:flex-start;flex-direction:column}.login-panel{padding:85px 24px 35px}.login-brand{inset-block-start:25px}}