:root{--gold:#b8860b;--gold-2:#d4a82a;--gold-soft:#fbf3dc;--ink:#1c1a14;--muted:#6b665a;--line:#e6dfc9;--bg:#faf8f2;--card:#fff;--ok:#14733f;--ok-bg:#e3f4ea;--bad:#a4262c;--bad-bg:#fbe6e7;--warn:#8a5a00;--warn-bg:#fff0cc;--info:#1f4e8c;--info-bg:#e4edf9;--radius:14px}@media (prefers-color-scheme:dark){:root{--ink:#f3efe3;--muted:#b5ae9a;--line:#3a3626;--bg:#14130e;--card:#1d1b14;--gold-soft:#2a2410;--ok-bg:#12301f;--bad-bg:#3a1517;--warn-bg:#3a2d0a;--info-bg:#14263f;--ok:#6fd49a;--bad:#ff8f95;--warn:#f0c15a;--info:#8cb6f0}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Noto Naskh Arabic,Segoe UI,Tahoma,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:0 16px}header.top{color:#fff;z-index:10;background:linear-gradient(135deg,#3b2a05,#7a5a0e);position:sticky;top:0}header.top .row{flex-wrap:wrap;align-items:center;gap:12px;min-height:60px;display:flex}header.top a{color:#fff}.brand{letter-spacing:.3px;font-size:1.25rem;font-weight:800}nav.main{flex-wrap:wrap;flex:1;gap:4px;display:flex}nav.main a{border-radius:999px;padding:6px 12px;font-size:.95rem}nav.main a.active,nav.main a:hover{background:#ffffff2e;text-decoration:none}.bell{color:#fff;cursor:pointer;background:0 0;border:0;font-size:1.3rem;position:relative}.bell .dot{top:-4px;color:#fff;text-align:center;background:#e53935;border-radius:999px;min-width:18px;padding:0 6px;font-size:.7rem;position:absolute;inset-inline-end:-6px}main{padding:20px 0 60px}h1{margin:.2em 0 .6em;font-size:1.6rem}h2{margin:1.2em 0 .5em;font-size:1.2rem}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.price-card{text-align:center;border-width:2px;position:relative;overflow:hidden}.price-card.sell{border-color:var(--gold)}.price-card.buy{border-color:#2f6f4e}.price-card .label{color:var(--muted);font-size:1rem;font-weight:700}.price-card .value{font-variant-numeric:tabular-nums;margin:.1em 0;font-size:2.6rem;font-weight:800}.price-card.sell .value{color:var(--gold)}.price-card.buy .value{color:#2f6f4e}.price-card .unit{color:var(--muted);font-size:.9rem}.price-card.off .value{opacity:.35}.badge{border-radius:999px;padding:2px 12px;font-size:.82rem;font-weight:700;display:inline-block}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.muted{background:var(--line);color:var(--muted)}.alert{border-radius:10px;margin:12px 0;padding:12px 16px;font-weight:600}.alert.bad{background:var(--bad-bg);color:var(--bad)}.alert.ok{background:var(--ok-bg);color:var(--ok)}.alert.warn{background:var(--warn-bg);color:var(--warn)}.alert.info{background:var(--info-bg);color:var(--info)}label{margin:12px 0 4px;font-weight:700;display:block}input,select,textarea{border:1px solid var(--line);width:100%;font:inherit;background:var(--card);color:var(--ink);border-radius:10px;padding:12px 14px}input:focus,select:focus,textarea:focus{outline:2px solid var(--gold-2);outline-offset:1px}button,.btn{background:var(--gold);color:#fff;font:inherit;cursor:pointer;text-align:center;border:0;border-radius:10px;padding:12px 22px;font-weight:700;display:inline-block}button:hover,.btn:hover{filter:brightness(1.08);text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button.secondary,.btn.secondary{color:var(--gold);border:1px solid var(--gold);background:0 0}button.danger{background:var(--bad)}button.good{background:var(--ok)}button.small{padding:6px 14px;font-size:.9rem}.actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{border-bottom:1px solid var(--line);text-align:start;vertical-align:top;padding:10px 8px}th{color:var(--muted);font-size:.85rem;font-weight:700}.table-wrap{overflow-x:auto}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tabs a,.tabs button{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 16px;font-weight:700}.tabs a.active{background:var(--gold);color:#fff;border-color:var(--gold)}.kv{grid-template-columns:140px 1fr;gap:6px 12px;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:700}.total{color:var(--gold);font-size:1.5rem;font-weight:800}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-inline-start:3px solid var(--gold-2);background:var(--gold-soft);border-radius:0 8px 8px 0;margin-bottom:8px;padding:8px 14px}.center{text-align:center;max-width:460px;margin:8vh auto}.muted{color:var(--muted)}.nowrap{white-space:nowrap}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spacer{flex:1}.notif{border-bottom:1px solid var(--line);padding:12px}.notif.unread{background:var(--gold-soft)}@media (max-width:600px){.price-card .value{font-size:2.1rem}.kv{grid-template-columns:110px 1fr}header.top .row{padding:8px 0}}