:root{--bg:#f1f3f9;--cd:#fff;--cd2:#f8fafc;--line:#e8ebf3;--t:#0f172a;--m:#64748b;--p:#1e3a8a;--b1:#1e3a8a;--b2:#3b5bdb;--soft:#eef2ff;--hd:#ffffffe6;--nav:#ffffffee;--glow:#dbe4ff;--r:20px;--red:#dc2626;--sh:0 1px 2px #0f172a0a,0 8px 24px -8px #0f172a14;--f:"Segoe UI","SF Pro Arabic",Tahoma,"Noto Sans Arabic",system-ui,sans-serif}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1020;--cd:#141b30;--cd2:#0f1526;--line:#243049;--t:#e8ecf8;--m:#94a3c4;--p:#9db4ff;--b1:#3652d9;--b2:#5b7cff;--soft:#1c2744;--hd:#0b1020ea;--nav:#0f1526ee;--glow:#1a2a5c;--sh:0 10px 30px -12px #000b}}
:root[data-theme=dark]{--bg:#0b1020;--cd:#141b30;--cd2:#0f1526;--line:#243049;--t:#e8ecf8;--m:#94a3c4;--p:#9db4ff;--b1:#3652d9;--b2:#5b7cff;--soft:#1c2744;--hd:#0b1020ea;--nav:#0f1526ee;--glow:#1a2a5c;--sh:0 10px 30px -12px #000b}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--t);font-family:var(--f);-webkit-font-smoothing:antialiased}
body{background:radial-gradient(900px 400px at 100% -10%,var(--glow) 0,transparent 60%),var(--bg);background-attachment:fixed}a{color:inherit}
#app{max-width:520px;margin:0 auto;min-height:100vh;position:relative;padding-bottom:calc(88px + env(safe-area-inset-bottom))}
.hd{position:sticky;top:0;z-index:5;background:var(--hd);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:calc(14px + env(safe-area-inset-top)) 18px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.hd h1{font-size:20px;margin:0;font-weight:800}.hd>a{color:var(--p);font-weight:700;text-decoration:none}
.pad{padding:16px 16px 8px}.card{background:var(--cd);border-radius:var(--r);padding:18px;margin-bottom:14px;box-shadow:var(--sh);border:1px solid var(--line)}
.hero{background:linear-gradient(135deg,var(--b1),var(--b2));color:#fff;border:0;position:relative;overflow:hidden;padding:22px}.hero:after{content:"";position:absolute;left:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:#ffffff1c}.hero .mut{color:#dbe4ff;margin-top:4px}.hero b{font-size:19px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.grid .card{margin:0;padding:16px}

.lbl{color:var(--m);font-size:13px;font-weight:500}.val{font-size:21px;font-weight:800;margin-top:4px;letter-spacing:-.3px}
.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--b1),var(--b2));color:#fff;font:700 16px var(--f);padding:14px;cursor:pointer;margin-top:12px;box-shadow:0 8px 18px -8px #1e3a8a99;transition:transform .12s,filter .15s}
.btn:active{transform:scale(.98)}.btn:hover{filter:brightness(1.07)}.btn.s{background:var(--soft);color:var(--p);box-shadow:none}.btn.d{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 8px 18px -8px #dc262699}
.btn.sm{display:inline-flex;width:auto;min-height:38px;padding:8px 14px;font-size:13px;margin:0;border-radius:12px}a.btn{text-decoration:none}
label{display:block;font-size:13.5px;font-weight:700;margin:14px 0 7px}
input,textarea{width:100%;min-height:52px;border:1.5px solid var(--line);border-radius:14px;padding:13px 15px;font:16px var(--f);background:var(--cd2);color:var(--t);direction:rtl;transition:.15s}
input[type=file]{padding:11px;font-size:14px}input:focus,textarea:focus{outline:0;border-color:var(--b2);box-shadow:0 0 0 4px #3b5bdb26}
.chg{background:var(--soft);border:1.5px solid #3b5bdb40;box-shadow:none}.chg .val{font-size:32px;color:var(--p)}.chg.bad{background:#ef44441a;border-color:#ef444466}.chg.bad .val{color:var(--red)}
.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;background:var(--nav);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;padding:8px 6px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);z-index:6}
.nav a{flex:1;text-align:center;color:#94a3b8;text-decoration:none;font-size:11.5px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:4px}.nav a.on{color:var(--p);font-weight:800}
.nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;box-sizing:content-box;padding:4px 18px;border-radius:14px}.nav a.on svg{background:var(--soft)}
.logo{width:48px;height:48px;border-radius:15px;object-fit:cover;background:#faf1e4;flex:none;box-shadow:0 6px 14px -6px #0006}
.av{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--b1),var(--b2));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:17px}
.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.sp{font-size:14.5px;padding:7px 0;display:flex;justify-content:space-between;border-bottom:1px dashed var(--line)}.sp:last-of-type{border:0}
.acts{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.chips{display:flex;gap:8px;overflow-x:auto;margin:12px 0;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.chip{padding:9px 16px;border-radius:99px;background:var(--cd);font-size:13.5px;font-weight:600;white-space:nowrap;border:1px solid var(--line);cursor:pointer;color:var(--m)}.chip.on{background:var(--b1);color:#fff;border-color:var(--b1)}
.ov{position:fixed;inset:0;background:#0f172a80;backdrop-filter:blur(3px);z-index:20;display:flex;align-items:flex-end;justify-content:center;animation:f .2s}.sheet{background:var(--cd);color:var(--t);width:100%;max-width:480px;border-radius:28px 28px 0 0;padding:22px 20px calc(20px + env(safe-area-inset-bottom));max-height:92%;overflow:auto;animation:u .25s}
@keyframes f{from{opacity:0}}@keyframes u{from{transform:translateY(40px);opacity:0}}.sheet h3{margin:0 0 6px;font-size:19px}
#toast{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:30;display:flex;flex-direction:column;gap:6px;width:max-content;max-width:92%}#toast div{background:var(--b1);color:#fff;padding:12px 20px;border-radius:14px;font-size:14px;font-weight:600;box-shadow:var(--sh)}#toast .e{background:var(--red)}
.center{text-align:center}.mut{color:var(--m);font-size:13px}canvas.rc{width:100%;border-radius:16px;box-shadow:var(--sh)}.tg{display:flex;align-items:center;gap:12px;margin-top:14px;font-weight:600}.tg input{width:24px;height:24px;min-height:0;accent-color:var(--b2)}
@media(min-width:640px){#app{max-width:680px}.nav{max-width:680px;bottom:16px;border:1px solid var(--line);border-radius:24px;width:calc(100% - 32px);box-shadow:var(--sh)}.grid{grid-template-columns:repeat(4,1fr)}.ov{align-items:center}.sheet{border-radius:28px;max-width:440px}}
@media(min-width:960px){body{padding-right:260px}#app{max-width:1000px;padding-bottom:40px}.hd{padding-top:20px;background:transparent;border:0;backdrop-filter:none}.hd h1{font-size:26px}.pad{padding:8px 28px}
.nav{top:0;bottom:0;right:0;left:auto;transform:none;width:260px;max-width:none;flex-direction:column;justify-content:flex-start;gap:6px;padding:92px 16px 20px;border:0;border-left:1px solid var(--line);border-radius:0;box-shadow:none;background:var(--cd)}
.nav:before{content:"حساب الصيدلية";position:absolute;top:28px;right:24px;font-weight:800;font-size:20px;color:var(--p)}.nav a{flex:none;flex-direction:row;gap:12px;font-size:15px;padding:6px 10px;border-radius:14px}.nav a.on{background:var(--soft)}.nav svg{padding:6px;background:none!important}
#list{display:grid;grid-template-columns:1fr 1fr;gap:14px}#list .card{margin:0}}
.big{font-size:38px;font-weight:800;letter-spacing:-.5px;margin:4px 0}.tag{text-align:center;color:var(--m);font-size:13px;margin:4px 0 14px}
.ib{width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:var(--cd);color:var(--p);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.si{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.seg{display:flex;gap:6px;background:var(--cd2);padding:5px;border-radius:18px;border:1px solid var(--line);margin-top:12px}.seg div{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 4px;border-radius:14px;font-size:12.5px;font-weight:700;color:var(--m);cursor:pointer}.seg div.on{background:var(--cd);color:var(--p);box-shadow:var(--sh)}
.inst{position:relative;border:1.5px solid #3b5bdb55}.x{position:absolute;top:8px;left:10px;border:0;background:none;color:var(--m);font-size:16px;cursor:pointer}.st{padding-right:22px;line-height:2.1;margin:10px 0}
#toast div{display:flex;align-items:center;gap:14px}.undo{border:0;border-radius:10px;background:#ffffff33;color:#fff;font:700 13px var(--f);padding:7px 14px;cursor:pointer}
.btn{gap:8px}.ico{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:var(--soft);color:var(--p);margin-bottom:10px}.ico svg{width:20px;height:20px}
.grid .card:nth-child(2) .ico{background:#10b9811f;color:#10b981}.grid .card:nth-child(3) .ico{background:#f59e0b1f;color:#f59e0b}.grid .card:nth-child(4) .ico{background:#f43f5e1f;color:#f43f5e}.hero .ico{background:#ffffff26;color:#fff;margin:0}
.okc{display:flex;justify-content:center;color:#10b981;margin-bottom:8px}.okc svg{width:60px;height:60px;stroke-width:1.8}.wr{color:#f59e0b}.wr svg{width:22px;height:22px;vertical-align:-4px}.x svg{width:18px;height:18px}.tag svg{width:16px;height:16px;vertical-align:-3px;color:#10b981}.btn svg{width:20px;height:20px}
.ck{width:22px;height:22px;min-height:0;padding:0;border-radius:6px;flex:none;accent-color:var(--b2)}.selbar{background:var(--cd);border:1px solid var(--line);border-radius:16px;padding:10px 14px;margin-bottom:12px}.btn.sm[disabled]{opacity:.45;pointer-events:none}
.grid .card:before{content:"🛵";display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:13px;background:var(--soft);font-size:17px;margin-bottom:10px}.grid .card:nth-child(2):before{content:"💊"}.grid .card:nth-child(3):before{content:"💵"}.grid .card:nth-child(4):before{content:"↩️"}