@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Markazi+Text:wght@500;600;700&display=swap";:root{color:#28201c;font-synthesis:none;--ink:#28201c;--muted:#746b65;--clay:#a85d3d;--wood:#70412e;--cream:#fffaf2;--line:#e4d9cd;--sage:#61745e;--rose:#a94f55;--gold:#b9843e;--shadow:0 18px 50px #50312217;background:#f5f0e8;font-family:IBM Plex Sans Arabic,Tahoma,sans-serif}*{box-sizing:border-box}body{background:#f5f0e8;min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.center-screen,.loading-block{min-height:60vh;color:var(--muted);justify-content:center;align-items:center;gap:14px;display:flex}.loader{border:3px solid #ddcfc1;border-top-color:var(--clay);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:var(--cream);grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-art{color:#fff;background:linear-gradient(145deg,#74432f 0%,#9b5638 54%,#c1805c 100%);padding:9vh 8vw;position:relative;overflow:hidden}.login-art:before{content:"";border:1px solid #ffffff26;border-radius:50%;width:520px;height:520px;position:absolute;top:-220px;left:-180px}.login-art h1{letter-spacing:-2px;margin:15vh 0 22px;font:700 clamp(46px,7vw,92px)/1.05 Markazi Text,serif}.login-art>p:last-of-type{color:#f5ded0;max-width:480px;font-size:18px;line-height:2}.brand-mark{letter-spacing:1px;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:70px;height:70px;font-family:Georgia,serif;font-size:25px;display:grid}.brand-mark.small{width:47px;height:47px;color:var(--wood);background:#fffaf2;border-color:#cdb9a7;font-size:16px}.eyebrow{letter-spacing:.12em;margin:0;font-weight:700;color:var(--clay)!important;font-size:12px!important}.login-art .eyebrow{margin-top:20px;color:#f7d8c6!important}.pot-shape{background:linear-gradient(100deg,#c58b68,#e1b494 48%,#ad6a49);border-radius:42% 42% 28% 28%/18% 18% 20% 20%;width:240px;height:270px;position:absolute;bottom:-125px;left:8vw;box-shadow:inset 18px 0 30px #50231129}.pot-shape:before,.pot-shape:after{content:"";border:18px solid #c68864;border-radius:50%;width:70px;height:95px;position:absolute;top:35px}.pot-shape:before{right:-51px}.pot-shape:after{left:-51px}.pot-shape span{background:#815039;border-radius:50%;height:18px;position:absolute;top:32px;left:25px;right:25px}.login-card-wrap{place-items:center;padding:40px;display:grid}.login-card{border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);background:#fff;border-radius:30px;padding:52px}.login-card h2{margin:8px 0;font:700 42px Markazi Text}.login-card>p.muted{margin:0 0 30px}.login-card label,.field{color:#514841;flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.login-card label{margin:18px 0}.login-card input,.field input,.field textarea,.field select,td select{border:1px solid var(--line);color:var(--ink);background:#fffdf9;border-radius:13px;outline:none;padding:12px 14px;transition:all .2s}.login-card input:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:#b47758;box-shadow:0 0 0 3px #f2e1d7}.login-hint{color:var(--muted);text-align:center;background:#f7f0e8;border-radius:12px;margin-top:20px;padding:13px;font-size:12px}.primary,.secondary,.ghost{border:0;border-radius:12px;padding:11px 18px;font-weight:700}.primary{background:var(--wood);color:#fff;box-shadow:0 8px 20px #70412e2e}.primary:hover{background:#5f3425}.secondary{color:var(--wood);background:#eee4d9}.ghost{color:var(--muted);background:0 0;padding:8px}.full{width:100%;margin-top:8px}.primary:disabled{opacity:.55}.panel-shell{min-height:100vh;display:flex}.sidebar{z-index:20;color:#e9ded5;background:#2e2521;flex-direction:column;width:258px;padding:25px 18px;display:flex;position:fixed;top:0;bottom:0;right:0}.sidebar-brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:13px;padding:0 8px 25px;display:flex}.sidebar-brand strong{font:600 24px Markazi Text;display:block}.sidebar-brand span{color:#ab9d94;font-size:11px;display:block}.sidebar nav{flex-direction:column;gap:5px;padding-top:24px;display:flex;overflow:auto}.sidebar nav a{color:#cfc2b9;border-radius:12px;align-items:center;gap:12px;padding:11px 13px;font-size:14px;transition:all .2s;display:flex}.sidebar nav a i{text-align:center;width:25px;font-size:19px;font-style:normal}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#493932}.sidebar nav a.active{box-shadow:inset -3px 0 #d28a62}.sidebar-foot{color:#bfaea3;border-top:1px solid #ffffff1a;margin-top:auto;padding:18px 10px 0;font-size:13px}.panel-main{width:100%;margin-right:258px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#fffaf2d1;justify-content:flex-end;align-items:center;height:76px;padding:0 35px;display:flex;position:sticky;top:0}.topbar-user{align-items:center;gap:12px;display:flex}.topbar-user>span{text-align:left}.topbar-user b,.topbar-user small{display:block}.topbar-user small{color:var(--muted);font-size:11px}.avatar{width:39px;height:39px;color:var(--wood);background:#e4c4af;border-radius:50%;place-items:center;font-weight:700;display:grid}.menu-button{background:0 0;border:0;font-size:23px;display:none}.content{max-width:1500px;margin:auto;padding:38px}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.page-header h1{margin:5px 0 2px;font:700 clamp(34px,4vw,52px) Markazi Text}.page-header>div>p:last-child{color:var(--muted);margin:0;font-size:14px}.stats-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.stat-card{border:1px solid var(--line);background:#fffaf4;border-radius:20px;flex-direction:column;min-height:145px;padding:22px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";opacity:.5;background:#ead2c3;border-radius:50%;width:70px;height:70px;position:absolute;bottom:-27px;left:-25px}.stat-card span{color:var(--muted);font-size:13px}.stat-card strong{color:var(--wood);margin:15px 0 5px;font:700 34px Markazi Text}.stat-card small{color:#9d8d82;margin-top:auto}.stat-card.urgent{background:#fff0ec;border-color:#e6beb4}.stat-card.warn{background:#fff7e5;border-color:#e8d3a5}.stat-card.products{background:#eef3e9;border-color:#ccd8c5}.stats-grid.finance{grid-template-columns:repeat(4,1fr);margin-bottom:36px}.stats-grid.finance .stat-card strong{font-size:24px}.split-grid{grid-template-columns:.85fr 1.15fr;gap:18px;margin-top:18px;display:grid}.card,.table-card{border:1px solid var(--line);background:#fffaf4;border-radius:20px;box-shadow:0 6px 24px #5334250a}.card{padding:24px}.card-title{justify-content:space-between;align-items:center;display:flex}.card-title span{color:var(--muted);font-size:11px}.card-title h3{margin:1px 0;font:600 25px Markazi Text}.card-title a{color:var(--clay);font-size:12px}.finance-row{gap:14px;margin-top:20px;display:grid}.finance-row>div{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;padding:13px 0;display:flex}.finance-row span{color:var(--muted);font-size:13px}.finance-row b{color:var(--wood)}.mini-list{margin-top:15px}.mini-list>div{border-bottom:1px solid #eee3d8;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:12px 0;display:grid}.mini-list span b,.mini-list span small{display:block}.mini-list span small{color:var(--muted);margin-top:3px;font-size:11px}.mini-list>div>strong{font-size:12px}.toolbar{justify-content:space-between;margin-bottom:16px;display:flex}.filter-pills{flex-wrap:wrap;gap:7px;display:flex}.filter-pills button{border:1px solid var(--line);color:var(--muted);background:#fffaf4;border-radius:20px;padding:7px 12px;font-size:12px}.filter-pills button.active{background:var(--wood);color:#fff;border-color:var(--wood)}.table-card{overflow:auto}table{border-collapse:collapse;width:100%;min-width:770px}th{text-align:right;color:#8a7e76;background:#f5eee6;padding:13px 16px;font-size:11px}td{vertical-align:middle;border-top:1px solid #eee3d8;padding:15px 16px;font-size:13px}td b,td small{display:block}td small{color:var(--muted);margin-top:4px}.status{color:#675a52;white-space:nowrap;background:#eee7e0;border-radius:20px;padding:5px 9px;font-size:10px;font-style:normal;display:inline-block}.status.receipt_submitted,.status.urgent{color:#913d30;background:#fbe0d9}.status.payment_confirmed,.status.active{color:#3d6837;background:#e1efdb}.status.preparing{color:#87621d;background:#fff0c9}.status.shipped{color:#315d70;background:#dcebf1}.status.cancelled,.status.inactive{color:#777;background:#eee}.text-button,.row-actions button{color:var(--clay);background:0 0;border:0;padding:4px;font-size:12px}.row-actions{gap:8px;display:flex}.danger-link{color:#a94f55!important}.product-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.product-card{border:1px solid var(--line);background:#fffaf4;border-radius:20px;overflow:hidden}.product-image{color:#9d8a7c;background:#eadfd2;place-items:center;height:200px;display:grid;position:relative}.product-image img{object-fit:cover;width:100%;height:100%}.product-image em{background:#fff;border-radius:20px;padding:5px 9px;font-size:10px;font-style:normal;position:absolute;top:12px;right:12px}.product-image em.on{color:#3d6837}.product-image em.off{color:#a94f55}.product-card>div:last-child{padding:16px}.product-card small{color:var(--muted)}.product-card h3{margin:5px 0;font:600 21px Markazi Text}.product-card p{color:var(--wood);font-weight:700}.stock-line{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:11px 0;font-size:12px;display:flex}.product-card .row-actions{border-top:1px solid var(--line);padding-top:10px}.modal-layer{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#231a168c;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal{background:#fffaf4;border-radius:24px;width:min(760px,100%);max-height:90vh;padding:25px;overflow:auto;box-shadow:0 30px 90px #1e120c47}.modal-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-head h2{margin:0;font:600 30px Markazi Text}.modal-head button{background:#eee3d8;border:0;border-radius:50%;width:34px;height:34px;font-size:24px}.form-grid,.settings-form{grid-template-columns:1fr 1fr;gap:17px;display:grid}.field textarea{resize:vertical;min-height:100px}.span-2{grid-column:1/-1}.check{color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}.check input{accent-color:var(--clay);width:17px;height:17px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.permission-field{border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px;display:grid}.permission-field legend{color:var(--muted);padding:0 8px;font-size:12px}.permission-field label{align-items:center;gap:7px;font-size:12px;display:flex}.permission-field input{accent-color:var(--clay)}.alert{border-radius:12px;padding:11px 14px;font-size:12px}.alert.error{color:#8d392f;background:#ffe7e2}.alert.success{color:#41673c;background:#e7f2e2}.empty{text-align:center;color:var(--muted);padding:48px}.empty div{color:#b99a86;font-size:35px}.empty h3{color:var(--ink);margin:8px 0;font:600 24px Markazi Text}.empty p{font-size:12px}.settings-form{padding:26px}.password-box{grid-template-columns:1.2fr 1fr 1fr auto;align-items:end;gap:14px;margin-top:18px;display:grid}.password-box h3{margin:4px 0;font:600 24px Markazi Text}.backdrop{display:none}@media (width<=1200px){.stats-grid,.product-grid{grid-template-columns:repeat(3,1fr)}.password-box{grid-template-columns:1fr 1fr}.password-box>div{grid-column:1/-1}}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-art{display:none}.login-card-wrap{min-height:100vh}.sidebar{transition:all .25s;transform:translate(110%)}.sidebar.open{transform:none}.backdrop{z-index:15;background:#0000004d;border:0;display:block;position:fixed;inset:0}.panel-main{margin-right:0}.menu-button{display:block}.topbar{justify-content:space-between;padding:0 18px}.content{padding:25px 18px}.split-grid{grid-template-columns:1fr}.product-grid,.stats-grid.finance{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.login-card{padding:30px 24px}.page-header{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{min-height:120px;padding:16px}.stat-card strong{font-size:27px}.product-grid,.form-grid,.settings-form{grid-template-columns:1fr}.span-2{grid-column:auto}.permission-field{grid-template-columns:1fr 1fr}.modal-layer{padding:10px}.modal{padding:20px}.topbar-user>span{display:none}.password-box{grid-template-columns:1fr}.password-box>div{grid-column:auto}}