@font-face{font-family:LocalArabic;src:local('Tahoma')}*{box-sizing:border-box}body{margin:0;background:#f6f7f4;color:#203b3d;font:14px/1.7 LocalArabic,Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c79c54;outline-offset:3px}button{border:0;background:none;color:inherit}a{color:#15786c}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.5;letter-spacing:-.7px}h2{font-size:18px}h3{font-size:16px}.muted{color:#718081}.small{font-size:12px}.ltr{direction:ltr;unicode-bidi:plaintext}.app{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.side{background:#103a3c;color:#e7efeb;padding:33px 24px;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:30px}.brand{display:flex;gap:12px;align-items:center}.brand img{width:46px;height:46px}.brand strong{font-size:21px;letter-spacing:3px}.brand p{font-size:11px;color:#b5c9c4}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#8aa8a1}.nav{display:grid;gap:8px}.nav button{display:flex;align-items:center;gap:13px;text-align:start;padding:12px 14px;border-radius:10px;color:#b8cec8}.nav button:hover{background:#1d4849}.nav button.active{background:#e5eee7;color:#153e3d;font-weight:bold}.nav svg,.icon{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.side-bottom{margin-top:auto;border-top:1px solid #2b5351;padding-top:20px}.user{display:flex;gap:10px;align-items:center;margin-bottom:14px}.avatar{background:#d7bd86;color:#153e3d;border-radius:50%;display:grid;place-items:center;width:37px;height:37px;font-weight:bold}.side-bottom button{color:#b8cec8;font-size:12px}.main{min-width:0;padding:0 36px 36px}.top{height:86px;border-bottom:1px solid #e1e7e2;display:flex;align-items:center;justify-content:space-between;gap:10px}.top-actions{display:flex;align-items:center;gap:10px}.pill,.lang{border:1px solid #dce4de;border-radius:8px;padding:7px 12px;background:#fff;font-size:12px}.dot{width:7px;height:7px;background:#4a9378;border-radius:100%;display:inline-block;margin-inline-end:6px}.intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 25px}.intro p{margin-top:5px}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:9px;padding:10px 17px;border:1px solid #d8e1db;background:#fff;white-space:nowrap;font-weight:600;font-size:13px}.btn.primary{background:#156b5f;border-color:#156b5f;color:#fff}.btn.primary:hover{background:#10574d}.btn.danger{background:#b64c3f;color:#fff;border-color:#b64c3f}.btn.subtle{background:transparent}.btn svg{width:17px;height:17px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat{background:#fff;border:1px solid #e3e8e1;border-radius:13px;padding:19px 21px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#718081;font-size:12px}.stat-icon{width:31px;height:31px;background:#edf4ef;color:#39786c;display:grid;place-items:center;border-radius:8px}.stat.warn .stat-icon{background:#fff3de;color:#ad7c29}.stat.bad .stat-icon{background:#ffede9;color:#bb554a}.stat strong{display:block;font-size:31px;font-weight:500;line-height:1.5;margin:9px 0 0}.stat small{font-size:11px;color:#8a9690}.panel{background:white;border:1px solid #e2e8e0;border-radius:13px;overflow:hidden;margin-bottom:20px}.panel-head{padding:20px 23px;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head .small{margin-top:2px}.filters{padding:0 23px 18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.search{background:#f8faf7;border:1px solid #dce5dc;border-radius:8px;min-width:220px;padding:9px 13px;flex:1;max-width:340px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{font-size:12px;padding:7px 13px;border-radius:7px;border:1px solid #e2e8df;background:#fff}.tabs button.active{border-color:#b7d3c1;background:#eef5ed;color:#186353}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:start;white-space:nowrap}th{text-align:start;font-size:11px;color:#84918a;font-weight:normal;background:#fafbf8;padding:13px 20px;border-block:1px solid #edf0ea}td{padding:17px 20px;border-bottom:1px solid #edf0ea;font-size:12px}tr:last-child td{border-bottom:none}.item-name{display:flex;gap:11px;align-items:center}.box-icon{width:35px;height:35px;border-radius:9px;background:#f0f4ed;display:grid;place-items:center;color:#77917a}.item-name strong{display:block;font-size:13px;color:#294344}.item-name small{font-size:10px;color:#8c9891}.badge{font-size:10px;padding:5px 9px;border-radius:6px;display:inline-flex;gap:5px;align-items:center;background:#edf5ed;color:#458163}.badge.soon{background:#fff2dc;color:#aa7624}.badge.expired{background:#fcebe7;color:#bc5548}.badge.low{background:#eeeaf8;color:#7963a3}.qty{font-weight:bold;font-size:15px}.row-actions{display:flex;gap:5px}.row-actions button{border:1px solid #dbe7df;border-radius:6px;width:29px;height:29px;background:#f5f9f3;font-size:18px}.row-actions button:last-child{background:#fff7f2;border-color:#efe1d7;color:#a86b4e}.split{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.list-entry{padding:14px 23px;border-top:1px solid #edf0e9;display:flex;gap:12px;align-items:center}.list-entry .copy{flex:1}.list-entry strong{font-size:12px;display:block}.list-entry p{font-size:11px;color:#7e8b82}.list-entry .number{font-size:15px;direction:ltr}.positive{color:#21866c}.negative{color:#b75c4a}.expiry-note{padding:15px 22px;background:#fbf8ef;border-top:1px solid #efe9d9;font-size:11px;color:#9c8253}.empty{padding:48px 24px;text-align:center}.empty svg{width:45px;height:45px;color:#93ad9b;margin-bottom:15px}.empty h3{margin-bottom:6px}.empty p{color:#839187;margin-bottom:19px;max-width:390px;margin-inline:auto}.footer{font-size:10px;color:#95a195;display:flex;justify-content:space-between;margin-top:22px}.auth{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.auth-art{background:#103a3c;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;padding:50px;color:#fff}.auth-art img{width:150px}.auth-art h1{font-size:34px}.auth-art p{max-width:320px;text-align:center;color:#b5ccc2}.auth-main{display:flex;justify-content:center;align-items:center;padding:30px}.auth-card{width:100%;max-width:380px}.auth-card .lang{margin-bottom:40px}.auth-card h2{font-size:25px;margin-bottom:8px}.auth-card>p{margin-bottom:25px}.field{display:grid;gap:6px;margin-bottom:17px}.field label{font-size:12px;color:#5b7166}.field input,.field select,.field textarea{border:1px solid #d9e3d7;background:#fff;border-radius:8px;padding:10px 12px;min-width:0;width:100%;color:#24443b}.field textarea{resize:vertical}.field small{font-size:11px;color:#8b978d}.auth-card .btn{width:100%}.error{color:#b8483f;background:#fcedea;border-radius:7px;padding:9px 12px;margin:12px 0;font-size:12px}.error:empty{display:none}dialog{border:1px solid #dfe5db;box-shadow:0 20px 100px #12352f33;border-radius:16px;padding:0;width:min(610px,calc(100% - 28px));max-height:90dvh;color:#284039}dialog::backdrop{background:#17382e66;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #e8ede3}.modal-head button{font-size:25px}.modal-body{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.span2{grid-column:span 2}.form-footer{display:flex;justify-content:flex-end;gap:9px;padding-top:15px}.notice-card{display:flex;gap:13px;padding:19px 24px;border-top:1px solid #ebeee7}.notice-card.unread{background:#fffcf5}.notice-card p{font-size:12px;color:#819082}.notice-card .badge{margin-inline-start:auto;align-self:start}.settings-body{padding:23px;display:grid;gap:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.setting-row p{font-size:12px;color:#829082;max-width:500px}.callout{background:#f0f5ed;border:1px solid #dce9d7;padding:16px 20px;border-radius:10px;margin-bottom:20px;font-size:12px}.offline{background:#fff1d6;color:#8d6527;padding:12px;text-align:center;margin-top:15px;border-radius:8px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#173f36;color:#fff;border-radius:10px;padding:12px 22px;box-shadow:0 4px 25px #153e3322;z-index:100;display:none;max-width:90vw}#toast.show{display:block}.loading{height:100vh;display:grid;place-items:center;letter-spacing:2px}.badge-count{background:#e8c783;color:#423c25;border-radius:10px;font-size:10px;padding:0 6px;margin-inline-start:auto}.checkbox-row{display:flex;gap:8px;align-items:center;margin:5px 0 20px;font-size:12px}.checkbox-row input{accent-color:#156b5f}.total-note{padding:12px 23px;border-top:1px solid #edf0ea;color:#879488;font-size:11px}.mobile-brand{display:none}.intro-title .eyebrow{color:#8f9e90;margin-bottom:4px}.auth-foot{margin-top:30px;color:#8e9a8f;font-size:11px;text-align:center}.auth .field input{background:#fbfcf9}.wide-btn{width:100%}.account-status{color:#6d8972;font-size:11px}.install-help{white-space:pre-line}.filter-select{border:1px solid #dce5dc;border-radius:8px;padding:8px;background:#fff;color:#71816f;font-size:12px}
@media(min-width:1600px){.main{padding-inline:55px}.top,.content{max-width:1500px;margin-inline:auto}}@media(max-width:1100px){.app{grid-template-columns:200px minmax(0,1fr)}.side{padding:25px 16px}.main{padding-inline:22px}.stats{gap:10px}.stat{padding:15px}.split{grid-template-columns:1fr}.intro{align-items:start;flex-direction:column}h1{font-size:25px}}@media(max-width:700px){.app{display:block}.main{padding:0 16px 95px}.side{height:auto;position:fixed;bottom:0;top:auto;left:0;right:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));z-index:20;border-top:1px solid #315452;background:#103a3c}.side>.brand,.side>.eyebrow,.side-bottom{display:none}.nav{display:flex;justify-content:space-around;gap:0}.nav button{flex-direction:column;gap:4px;padding:7px 10px;font-size:9px;border-radius:9px;min-width:58px}.nav button svg{width:20px;height:20px}.badge-count{display:none}.top{height:72px}.mobile-brand{display:flex;gap:7px;align-items:center;font-weight:bold;letter-spacing:2px;font-size:16px}.mobile-brand img{width:33px}.desktop-date,.pill{display:none}.top-actions{gap:6px}.lang{font-size:11px;padding:6px 9px}.intro{margin:22px 0 19px;gap:15px}.intro p{font-size:12px}h1{font-size:25px}.intro .actions{width:100%}.intro .actions .btn{flex:1;padding-inline:10px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:19px}.stat{padding:14px 16px}.stat strong{font-size:27px}.stat small{font-size:10px}.stat-top{font-size:11px}.panel-head{padding:17px 16px}.filters{padding:0 16px 16px}.search{max-width:100%;width:100%}.tabs{gap:4px}.tabs button{font-size:10px;padding:6px 10px}.split{gap:0}.panel{border-radius:11px}.list-entry{padding:14px 16px}.footer{font-size:9px}.auth{display:flex;flex-direction:column}.auth-art{padding:28px 20px;gap:8px}.auth-art img{width:70px}.auth-art h1{font-size:23px}.auth-art p{display:none}.auth-main{padding:25px 25px 35px}.auth-card .lang{margin-bottom:20px}.auth-card h2{font-size:23px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.modal-body{padding:20px}.modal-head{padding:17px 20px}.setting-row{align-items:start;flex-direction:column}.notice-card{padding:16px;flex-wrap:wrap}.notice-card .badge{margin-inline-start:0}.btn{padding:9px 13px;font-size:12px}.settings-body{padding:18px}.auth-foot{margin-top:20px}#toast{bottom:95px}.empty{padding:35px 18px}}
[hidden]{display:none!important}
@media(max-width:700px){.stock-table,.stock-table tbody{display:block}.stock-table thead{display:none}.stock-table tr{display:grid;grid-template-columns:1fr 1fr;white-space:normal;border-top:1px solid #e6ece2;padding-bottom:10px}.stock-table td{display:block;border:0;padding:8px 16px}.stock-table td:first-child{grid-column:span 2;padding-top:16px;padding-bottom:10px}.stock-table td[data-label]::before{content:attr(data-label);display:block;color:#819081;font-size:10px;margin-bottom:2px}.stock-table td:last-child{grid-column:span 2;display:flex;justify-content:flex-end;padding-block:5px}.stock-table .row-actions button{width:40px;height:33px;font-size:23px}.stock-table .row-actions{gap:10px}.stock-table .badge{font-size:10px}.stock-table .item-name strong{font-size:14px}}

.footer{gap:12px;flex-wrap:wrap}.footer a,.auth-foot a{color:#467965;text-decoration:none}.footer a:hover,.auth-foot a:hover{text-decoration:underline}.auth-foot{line-height:2}.auth-art h1{font-size:clamp(24px,3vw,36px);text-align:center;letter-spacing:0}@media(max-width:700px){.footer{flex-direction:column;gap:6px}.auth-art h1{font-size:26px}}