@font-face{font-family:Vazirmatn;src:url('/assets/Vazirmatn.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{--accent:#df633e;--ink:#293a32;--muted:#82857c;--bg:#f6f5f0;--line:#e8e8df;--green:#4c6852;--radius:18px;--font:Vazirmatn,Tahoma,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.85 var(--font)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #df9a65;outline-offset:3px}button{border:0}h1,h2,h3,h4,p{margin:0}h1{font-size:27px;letter-spacing:-1px;line-height:1.65}h2{font-size:19px;letter-spacing:-.5px}h3{font-size:15px}small,.small{font-size:11px}.muted{color:var(--muted)}.accent{color:var(--accent)}.ltr{direction:ltr;display:inline-block}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.money small{font-size:10px;margin-right:4px;color:var(--muted)}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.brand{font:900 41px/1.1 Arial,sans-serif;letter-spacing:-3px;direction:ltr;display:inline-block}.brand span{font-size:16px;letter-spacing:0;color:var(--accent);margin-left:3px}.brand-sub{font-size:10px;color:var(--muted);margin-top:9px;letter-spacing:.4px}.btn{border-radius:10px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--accent);color:white;font-weight:600;border:1px solid transparent;min-height:43px}.btn .icon{width:18px;height:18px}.btn.secondary{background:white;color:var(--ink);border-color:var(--line)}.btn.soft{background:#f6e8df;color:#a24c32}.btn.green{background:var(--green);color:white}.btn.danger{background:#f9e6e1;color:#a3382d}.btn.small{padding:6px 11px;min-height:35px;font-size:11px}.textbtn{background:none;color:var(--accent);padding:5px 0;font-weight:600;display:inline-flex;align-items:center;gap:6px}.iconbtn{width:39px;height:39px;background:white;color:var(--ink);border:1px solid var(--line);border-radius:11px;display:inline-flex;align-items:center;justify-content:center}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:16px}.wrap{flex-wrap:wrap}.stack{display:grid;gap:18px}.spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;padding:3px 9px;border-radius:7px;background:#f1f1ea;color:#777e71;white-space:nowrap}.pill i{width:5px;height:5px;background:currentColor;border-radius:50%}.pill.green{background:#eaf1e8;color:#547452}.pill.orange{background:#f9ecdc;color:#aa7542}.pill.blue{background:#e9efef;color:#5b7b7a}.pill.red{background:#f7e8e3;color:#ae634f}.pill.dark{background:#e8eae3;color:#4d5e4e}.tag{font-size:10px;background:#f1f1e9;padding:2px 8px;border-radius:5px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.card-head h2{font-size:16px}.divider{height:1px;background:var(--line);margin:18px 0}.empty{padding:46px 20px;text-align:center;color:var(--muted)}.empty .icon{width:38px;height:38px;color:#b1b8ab;margin-bottom:10px}.empty h3{color:var(--ink);margin-bottom:5px}.notice{background:#f6efe2;border:1px solid #eee3cf;color:#8b7044;border-radius:12px;padding:12px 16px;font-size:12px;display:flex;align-items:flex-start;gap:10px}.notice .icon{flex-shrink:0;margin-top:1px}.notice.success{background:#edf3e9;border-color:#dee9d8;color:#59744e}.notice.error{background:#fbedeb;border-color:#efcfca;color:#ab4d3d}.page-intro{margin-bottom:24px}.page-intro p{color:var(--muted);margin-top:4px}.page-intro .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:4px;color:var(--accent)}
/* shell */
.sidebar{width:232px;background:#fff;border-left:1px solid var(--line);position:fixed;right:0;top:0;bottom:0;z-index:30;padding:34px 22px 20px;display:flex;flex-direction:column}.sidebar-logo{padding:0 17px 30px}.workspace-label{font-size:10px;color:#aaa99c;padding:10px 14px}.sidebar nav{display:grid;gap:5px}.navitem{display:flex;align-items:center;gap:12px;border-radius:10px;color:#85877d;background:none;text-align:right;padding:11px 14px;min-height:44px;width:100%;font-size:12px}.navitem .icon{width:19px;height:19px}.navitem:hover{background:#f7f7f0;color:var(--ink)}.navitem.active{background:#f9ede5;color:var(--accent);font-weight:700;position:relative}.navitem.active:before{content:'';width:3px;height:20px;background:var(--accent);position:absolute;right:-22px;border-radius:3px}.navcount{margin-right:auto;font-size:10px;background:#e9a080;color:white;border-radius:5px;padding:0 6px}.side-bottom{margin-top:auto;padding-top:20px}.side-help{padding:15px;background:#f6f7f0;border-radius:12px;font-size:11px}.side-help p{color:#999b8c;font-size:10px;margin-top:4px}.profile{border-top:1px solid var(--line);padding:17px 0 0;margin-top:20px}.avatar{width:37px;height:37px;background:#eceee3;color:#647156;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.profile strong{font-size:11px}.profile p{font-size:9px;color:var(--muted)}.shell-main{margin-right:232px}.topbar{height:86px;padding:0 38px;display:flex;align-items:center;gap:25px;background:#ffffffa3;border-bottom:1px solid var(--line)}.topbar .breadcrumb{font-size:11px;color:#a0a196}.topbar .breadcrumb strong{color:#64705f;font-weight:500}.searchbox{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 12px;width:290px;margin-right:auto}.searchbox input{border:0;background:none;outline:none;width:100%;font-size:11px;color:var(--ink)}.searchbox .icon{color:#a7aa9e;width:17px}.keycap{font-size:9px;border:1px solid #dedfd4;border-radius:4px;padding:0 5px;color:#a4a798;direction:ltr}.top-date{font-size:11px;color:#838b7c}.top-date .icon{margin-left:7px;width:16px;color:#a1a99a}.demo-tag{font-size:9px;color:#a4875b;border:1px solid #e7dfcc;padding:3px 7px;border-radius:5px;white-space:nowrap}.content{padding:30px 38px 24px;max-width:1600px;margin:auto}.footer{padding:10px 38px 25px;font-size:9px;color:#a8ac9f;display:flex;justify-content:space-between}.mobile-menu{display:none}.page-loading{height:3px;background:var(--accent);position:fixed;top:0;left:0;right:0;z-index:100;animation:load 1s infinite}.initial{height:100vh;display:grid;place-content:center;text-align:center;gap:18px}.initial p{color:var(--muted)}
/* dashboard */
.greeting-icon{width:46px;height:46px;background:#ecefe2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#7c8867}.greeting-icon .icon{width:24px;height:24px}.hero{min-height:199px;background:#eaeedc;border:1px solid #e0e5d2;border-radius:var(--radius);padding:30px 32px;position:relative;overflow:hidden;display:flex;align-items:center;margin:25px 0 22px}.hero-copy{z-index:1;max-width:62%}.hero .overline{font-size:11px;color:#7e8a67;margin-bottom:8px}.hero h2{font-size:25px;line-height:1.75;font-weight:700;color:#374b31;letter-spacing:-.8px}.hero p{color:#7d896e;font-size:11px;margin:6px 0 15px}.hero .btn{background:#51684a;font-size:11px;min-height:38px}.hero-visual{position:absolute;left:2%;top:-23px;width:38%;height:245px;object-fit:contain;transform:rotate(-3deg)}.hero-stamp{position:absolute;left:26%;bottom:18px;width:53px;height:53px;border-radius:50%;border:1px dashed #a0ac89;color:#899974;display:flex;align-items:center;justify-content:center;font-size:8px;transform:rotate(14deg);text-align:center;line-height:1.7}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{padding:19px 21px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#8e9387;font-size:11px}.stat-icon{width:35px;height:35px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#f2f2e9;color:#88946f}.stat:nth-child(2) .stat-icon{background:#f8ebe0;color:#c99464}.stat:nth-child(3) .stat-icon{background:#edf0e4;color:#8c9d71}.stat:nth-child(4) .stat-icon{background:#f0eae2;color:#b29a7d}.stat-num{font-size:30px;font-weight:650;line-height:1.4;margin:6px 0 5px;letter-spacing:-1px}.stat-num small{font-size:11px;font-weight:400;letter-spacing:0;color:#9b9e92;margin-right:4px}.stat-note{font-size:9px;color:#a2a698;display:flex;align-items:center;gap:5px}.stat-note .icon{width:12px;height:12px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(275px,1fr);gap:22px}.tablewrap{overflow-x:auto;margin:0 -3px}table{width:100%;border-collapse:collapse;text-align:right;font-size:11px;white-space:nowrap}th{font-weight:400;color:#a0a497;background:#fafbf7;padding:10px 12px;border-bottom:1px solid #f0f1e9}td{padding:16px 12px;border-bottom:1px solid #f0f1e9}tbody tr:last-child td{border-bottom:0}td strong{font-weight:600}td small{display:block;color:#a5a89b;font-size:9px;margin-top:3px}.order-cell{display:flex;gap:9px;align-items:center}.mini-avatar{width:30px;height:30px;border-radius:9px;background:#f2eee5;color:#a79372;display:flex;align-items:center;justify-content:center;font-size:11px}.tablebtn{color:#8e9686;background:none;display:flex;align-items:center;justify-content:center;padding:7px}.tablebtn:hover{color:var(--accent)}.table-foot{border-top:1px solid var(--line);margin-top:12px;padding-top:14px;color:#a1a797;font-size:10px}.shortage{display:flex;gap:10px;align-items:center;padding:14px 0;border-bottom:1px dashed #e8e9df}.shortage:last-child{border:0}.thumb{width:46px;height:49px;background:#f6f2e8;border-radius:10px;object-fit:contain;flex-shrink:0}.shortage strong{font-size:11px;display:block}.shortage p{font-size:9px;color:#a4a496;margin-top:3px}.shortage .qty{font-size:11px;color:#bb805a;white-space:nowrap;margin-right:auto;text-align:left}.shortage .qty small{display:block;color:#b5b2a0;font-size:8px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-action{padding:17px 10px;border-radius:12px;background:#fafaf6;border:1px solid #efefe6;display:grid;justify-items:center;gap:9px;font-size:10px;color:#7c8772}.quick-action .icon{width:21px;height:21px;color:#8f9d7b}.quick-action:hover{border-color:var(--accent);color:var(--accent)}.stock-row{margin:16px 0}.stock-row .between{font-size:10px;color:#838e77;margin-bottom:8px}.bar{height:5px;background:#f0f2e9;border-radius:9px;overflow:hidden}.bar span{height:100%;display:block;border-radius:9px;background:#a6b68a}.bar.orange span{background:#dfb086}.dashboard-bottom{margin-top:22px;display:grid;grid-template-columns:1.85fr 1fr;gap:22px}.today-note{background:#faf6ef;border:1px dashed #e8ddc9;border-radius:12px;padding:15px;color:#a18d6c;font-size:10px;margin-top:18px}.tiny-label{font-size:9px;color:#9ea58e;font-weight:400;margin-right:6px}.action-strip{background:#fff;border:1px solid var(--line);padding:17px 22px;border-radius:var(--radius);margin-top:22px;font-size:11px}
/* catalog and orders */
.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}.toolbar .searchbox{margin:0;width:300px;background:#fff;min-height:43px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{padding:7px 13px;background:transparent;border:1px solid transparent;color:#929584;font-size:11px;border-radius:8px}.filter.active{background:#fff;border-color:#e0e3d5;color:var(--green);font-weight:600}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative}.product-image{height:190px;background:#eeeee4;display:flex;align-items:center;justify-content:center;position:relative;padding:20px}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.product:hover .product-image img{transform:translateY(-4px) rotate(-2deg)}.product:nth-child(3n+2) .product-image{background:#e7ebdf}.product:nth-child(3n) .product-image{background:#f3e7dc}.product-image .tag{position:absolute;top:13px;right:13px;background:#ffffffa8;font-size:9px}.product-info{padding:19px}.product .brandname{font-size:9px;color:#a2a28e;margin-bottom:3px}.product h3{font-size:15px}.product .spec{font-size:10px;color:#9b9d8f;min-height:37px;margin-top:5px}.product .pack-label{font-size:9px;color:#7c876f;background:#f3f5ed;display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:5px;margin:8px 0 15px}.product-bottom{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;align-items:center}.product-price{font-size:17px;font-weight:650}.addbtn{width:33px;height:33px;border:1px solid #ead5c3;background:#f9f1e8;color:#b87548;border-radius:9px;display:flex;align-items:center;justify-content:center}.qtycontrol{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.qtycontrol button{background:#f5f4ed;color:var(--green);width:28px;height:29px;border-radius:7px}.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.catalog-layout .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart{position:sticky;top:20px}.cart h2{font-size:16px}.cart-line{display:flex;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.cart-line img{width:40px;height:45px;object-fit:contain}.cart-line h4{font-size:10px}.cart-line p{font-size:9px;color:var(--muted)}.cart-line .qtycontrol{margin-top:8px;gap:8px;font-size:10px}.cart-line .qtycontrol button{width:23px;height:22px}.cart-totals{padding:18px 0}.cart-totals .between{font-size:11px;margin-bottom:10px}.cart-totals strong{font-size:18px}.cart .btn{width:100%;font-size:12px}.order-cards{display:grid;gap:16px}.order-card{padding:22px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.order-card h3{font-size:15px}.order-meta{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin:14px 0}.order-meta .icon{width:15px;margin-left:5px}.order-items{padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:#7f8a73;display:flex;flex-wrap:wrap;gap:10px}.order-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.timeline{display:flex;align-items:flex-start;justify-content:space-between;margin:25px 0 16px}.timeline>div{position:relative;flex:1;text-align:center;font-size:9px;color:#b2b7a7}.timeline>div:before{content:'';height:2px;position:absolute;right:0;left:0;top:10px;background:#e8ebdf}.timeline>div:first-child:before{right:50%}.timeline>div:last-child:before{left:50%}.timeline span{position:relative;background:#eceee5;width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;color:white;font-size:11px}.timeline .done span{background:#8eab76}.timeline .done{color:#71845e}.invoice-lines{margin:18px 0}.amount-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.amount-summary>div{background:#f7f7f0;border-radius:12px;padding:13px}.amount-summary small{color:var(--muted);display:block}.amount-summary strong{font-size:17px}.batch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.batch{padding:20px;border:1px solid var(--line);background:white;border-radius:var(--radius)}.batch .numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px;font-size:11px}.batch .numbers strong{font-size:18px;display:block}.batch .numbers small{color:#999e8d}.batch-title{font-size:13px}.batch .lot{font:10px Arial;color:#9caa8d;direction:ltr}.split{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;align-items:start}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.report-metric{font-size:29px;margin-top:10px}.checklist{display:grid;gap:12px;margin:20px 0}.checklist div{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#839071}.checklist .icon{color:#88a46f;flex-shrink:0}.guide p{color:#8a927e;margin:10px 0;font-size:12px}.guide h3{margin-top:18px}.guide ol{padding-right:20px;color:#7d886f;font-size:12px}.guide li{padding:5px}.lead-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lead-grid .card h3{font-size:15px}.lead-grid .card p{font-size:11px;color:#9aa08f;margin:12px 0}.delivery-card{border-top:4px solid var(--green)}.delivery-address{font-size:17px;color:#596f4c;margin:18px 0;line-height:2}.delivery-items{display:grid;gap:8px;margin:20px 0;background:#f7f8f2;padding:15px;border-radius:12px}.delivery-items div{display:flex;justify-content:space-between;font-size:12px}.big-action{width:100%;padding:15px;font-size:15px}.balance{background:#f7eddf;border:1px solid #ebdcc5;padding:15px;border-radius:12px;margin:18px 0}.balance strong{font-size:24px;color:#a47a40}.permissions{font-size:11px;color:#8f987f;line-height:2}.permissions .icon{color:#a3ac91;margin-left:7px}.settings-preview{background:#f1f2e8;border:1px dashed #d7decb;border-radius:var(--radius);padding:22px;position:sticky;top:20px}.preview-mini{background:#fff;border-radius:14px;padding:22px;box-shadow:0 8px 30px #5660440c}.preview-mini .mini-hero{padding:18px;background:#eff2e8;margin:17px 0;border-radius:12px}.preview-login{margin-top:20px;background:#faf8f3;padding:25px;border-radius:14px;text-align:center}.color-swatches{display:flex;gap:10px;margin:15px 0}.swatch{width:29px;height:29px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #ddd;cursor:pointer}.setting-history{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:13px 0;font-size:11px}.setting-history p{font-size:9px;color:var(--muted)}
/* forms and dialog */
label.field{display:grid;gap:7px;font-size:11px;color:#7f8974}input,select,textarea{background:#fff;border:1px solid #dfe3d5;color:var(--ink);border-radius:9px;padding:10px 12px;max-width:100%;width:100%;min-height:43px}input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--accent)}input[type=color]{padding:4px;height:43px}input[type=file]{font-size:10px}textarea{min-height:85px;resize:vertical}input::placeholder,textarea::placeholder{color:#b4baa9}input[readonly]{background:#f6f7f1}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.full{grid-column:1/-1}.field-help{font-size:9px;color:#a3ab96;margin-top:4px}.form-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:19px;margin-top:22px}.inline-error{color:#ad5141;font-size:12px;background:#f9eae7;padding:10px;border-radius:8px;margin:12px 0}.overlay{position:fixed;inset:0;z-index:80;background:#27342669;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.modal{width:640px;max-width:100%;max-height:90vh;overflow-y:auto;background:#fdfdf9;border-radius:22px;box-shadow:0 30px 90px #23351f30;position:relative;padding:26px}.modal.wide{width:870px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.modal-head h2{font-size:19px}.modal-head p{font-size:10px;color:var(--muted);margin-top:3px}.modal-footer{margin-top:22px}.gallery{display:grid;gap:10px}.gallery-item{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:11px}.gallery-item img{width:65px;height:65px;object-fit:contain}.gallery-item.deleted{opacity:.5;background:#f0efea}.gallery-item input{font-size:10px}.gallery-item .row{gap:5px}.gallery-item button{padding:7px;background:#eff1e6;border-radius:6px;color:#758267}.gallery-strip{display:flex;gap:7px;overflow:auto;margin-top:10px}.gallery-strip img{width:54px;height:55px;object-fit:contain;background:#f3f2e9;border-radius:8px;cursor:pointer}.packing-equation{background:#eaf0e2;color:#647d4e;padding:20px;border-radius:13px;text-align:center;font-size:16px;margin:20px 0}.packing-equation small{display:block;margin-top:6px;font-size:10px}.form-note{font-size:10px;line-height:1.8;color:#a1aa91;margin-top:14px}.modal .tablewrap{margin:0}.invoice-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:2px solid #465b3b}.invoice-title{font-size:21px}.invoice-note{font-size:10px;color:#8d957d;margin:20px 0}.print-only{display:none}#toast{position:fixed;bottom:27px;left:28px;background:#354c32;color:#fff;border-radius:12px;padding:12px 20px;font-size:12px;z-index:150;box-shadow:0 8px 40px #1d301c25;transform:translateY(150px);transition:.25s;max-width:85vw}#toast.show{transform:translateY(0)}#toast.error{background:#ac5541}.errorpage{text-align:center;padding:80px 20px}.errorpage p{margin:20px 0;color:var(--muted)}
/* login */
.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1.05fr;padding:25px;gap:25px;background:#f8f7f2}.login-story{background:#e9eddb;border-radius:24px;position:relative;overflow:hidden;padding:43px 47px;display:flex;flex-direction:column;min-height:720px}.login-story .brand{font-size:49px;color:#3a5132}.login-story h1{font-size:39px;line-height:1.8;margin-top:66px;color:#3a5132;max-width:380px}.login-story p{font-size:12px;color:#889675;margin-top:16px;max-width:360px;line-height:2.2}.login-story>img{position:absolute;width:65%;height:380px;object-fit:contain;bottom:-24px;left:-13px;transform:rotate(-7deg)}.story-bottom{margin-top:auto;position:relative;z-index:2;font-size:10px;color:#899b71;max-width:160px;border-top:1px solid #cfd8bc;padding-top:20px}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:30px}.login-form{width:380px;max-width:100%}.login-form h2{font-size:26px;margin:18px 0 8px}.login-form>p{font-size:12px;color:#a0a58f;margin-bottom:26px}.login-form .field{margin:17px 0}.login-form .btn{width:100%;margin-top:12px}.demo-accounts{margin-top:25px;border-top:1px solid #e0e5d5;padding-top:21px}.demo-accounts>p{font-size:10px;color:#a0a88e;margin-bottom:12px}.accounts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.account{border:1px solid #dfe3d5;background:white;border-radius:9px;padding:11px 10px;text-align:right;display:flex;align-items:center;gap:10px;color:#839071;font-size:11px}.account:hover{border-color:var(--accent);color:var(--accent)}.account .icon{width:17px;height:17px}.login-note{margin-top:22px;font-size:9px;color:#a4ac95}.login-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.login-top .tag{font-size:10px}.login-footer{font-size:10px;color:#a9b29c;margin-top:26px}
@keyframes load{0%{opacity:.4;transform:scaleX(.3)}50%{opacity:1;transform:scaleX(.8)}100%{opacity:.4;transform:scaleX(.3)}}
@media(min-width:1500px){.content{padding:38px 50px}.hero{min-height:225px}.hero-visual{height:280px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-layout .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){.sidebar{width:205px;padding-right:17px;padding-left:17px}.shell-main{margin-right:205px}.topbar{padding:0 24px;gap:15px}.content{padding:25px 24px}.top-date{display:none}.dashboard-grid,.dashboard-bottom{grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:16px}.card{padding:18px}.stat{padding:15px}.stats{gap:10px}.stat-top{font-size:10px}.stat-num{font-size:25px}.hero h2{font-size:22px}.catalog-layout{grid-template-columns:minmax(0,1fr) 245px;gap:16px}.product-grid{gap:14px}.product-info{padding:14px}.product h3{font-size:13px}.product-image{height:160px}.batch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(2,1fr)}.hero-copy{max-width:64%}.brand{font-size:38px}.lead-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{width:190px;padding:28px 12px 17px}.shell-main{margin-right:190px}.sidebar-logo{padding:0 14px 23px}.navitem{font-size:11px;padding:10px}.side-help{display:none}.dashboard-grid,.dashboard-bottom,.split{grid-template-columns:1fr}.searchbox{width:230px}.topbar .breadcrumb{display:none}.topbar .searchbox{margin-right:0;flex:1}.hero-visual{left:-20px;width:40%}.hero-copy{max-width:70%}.hero h2{font-size:21px}.hero-stamp{display:none}.stats{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:1fr}.cart{position:static}.product-grid,.catalog-layout .product-grid{grid-template-columns:repeat(2,1fr)}.login-story{padding:30px;min-height:650px}.login-story h1{font-size:31px}.login-story>img{width:86%;bottom:0;height:310px}.login-form-wrap{padding:20px}.login-page{padding:16px;gap:10px}.settings-preview{position:static}.quick-actions{grid-template-columns:repeat(4,1fr)}}
@media(max-width:640px){body{font-size:13px}.sidebar{transform:translateX(100%);transition:.2s;width:240px;box-shadow:-10px 0 40px #22381922}.sidebar.open{transform:translateX(0)}.shell-main{margin-right:0}.topbar{height:68px;padding:0 17px;gap:10px}.topbar .searchbox{padding:7px 10px}.topbar .demo-tag{font-size:8px;padding:3px 5px}.topbar .iconbtn{width:33px;height:35px}.mobile-menu{display:flex}.keycap{display:none}.content{padding:23px 17px}.page-intro{margin-bottom:19px}.page-intro h1{font-size:23px}.page-intro p{font-size:10px}.page-intro .btn{font-size:10px;padding:8px 10px;min-height:36px}.greeting-icon{display:none}.hero{padding:23px 20px;margin-top:20px;min-height:210px}.hero-copy{max-width:77%}.hero .overline{font-size:9px}.hero h2{font-size:20px}.hero p{font-size:9px;max-width:210px}.hero-visual{left:-39px;top:35px;width:48%;height:195px;opacity:.75}.hero .btn{font-size:10px;min-height:33px}.stats{gap:10px}.stat{padding:14px}.stat-top{font-size:10px}.stat-icon{width:29px;height:29px}.stat-icon .icon{width:17px}.stat-num{font-size:25px}.stat-note{font-size:8px}.dashboard-grid,.dashboard-bottom{gap:17px}.card{padding:17px}.card-head{margin-bottom:15px}.card-head h2{font-size:14px}.quick-action{font-size:9px;padding:13px 6px}.quick-actions{gap:7px}.footer{padding:10px 17px 23px;gap:10px;font-size:8px}.footer span:last-child{display:none}.toolbar{gap:10px}.toolbar .searchbox{width:100%}.filters{gap:2px}.filter{padding:6px 9px;font-size:10px}.product-grid,.catalog-layout .product-grid{gap:12px}.product-image{height:145px;padding:17px}.product-info{padding:12px}.product .spec{font-size:9px;min-height:49px}.product h3{font-size:12px}.product .pack-label{font-size:8px;margin:7px 0 12px}.product-price{font-size:14px}.product-price small{font-size:8px}.product .brandname{font-size:8px}.product-bottom{gap:4px;flex-wrap:wrap}.addbtn{width:29px;height:29px}.catalog-layout{gap:18px}.batch-grid,.lead-grid,.report-grid{grid-template-columns:1fr}.form-grid{gap:13px}.order-card{padding:17px}.order-meta{gap:10px;font-size:10px}.order-actions .btn{font-size:10px;padding:7px 10px;min-height:35px}.order-actions{gap:6px}.amount-summary{gap:7px}.amount-summary>div{padding:10px}.amount-summary strong{font-size:14px}.amount-summary small{font-size:8px}.modal{padding:20px;border-radius:17px;max-height:92vh}.overlay{padding:12px}.modal-head h2{font-size:17px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.modal .form-grid.two{grid-template-columns:repeat(2,1fr)}.modal .form-grid.two .full{grid-column:1/-1}.form-actions{flex-wrap:wrap}.login-page{display:flex;flex-direction:column;padding:0;gap:0;min-height:100vh}.login-story{min-height:185px;padding:25px;border-radius:0 0 25px 25px;display:block}.login-story .brand{font-size:34px}.login-story .brand-sub{display:none}.login-story h1{font-size:24px;margin-top:14px;max-width:240px}.login-story p,.story-bottom{display:none}.login-story>img{width:35%;height:190px;left:0;bottom:-12px}.login-form-wrap{padding:29px 25px}.login-form h2{font-size:23px;margin-top:10px}.login-top{margin-bottom:12px}.login-form>p{margin-bottom:17px}.login-form .field{margin:13px 0}.demo-accounts{margin-top:19px;padding-top:17px}.login-note{font-size:9px}.gallery-item{flex-wrap:wrap}.gallery-item>div{flex:1;min-width:170px}.action-strip{padding:14px;font-size:10px}.timeline>div{font-size:8px}.permissions{font-size:10px}}
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dce2d3 transparent}
.card,.dashboard-grid>*,.dashboard-bottom>*,.split>*,.catalog-layout>*,.searchbox,.searchbox input{min-width:0}
@media(max-width:640px){.sidebar{visibility:hidden;pointer-events:none}.sidebar.open{visibility:visible;pointer-events:auto}.navitem{min-height:44px}.page-intro p{font-size:11px}.order-meta{font-size:11px}.product .spec{font-size:10px;color:#858e7b}.product .brandname{color:#8c957f}.product .pack-label{font-size:9px}.qtycontrol button{width:32px;height:32px}.addbtn{width:34px;height:34px}.delivery-items div{font-size:12px}.stat-note{font-size:9px}.small,.permissions{font-size:11px}}
@media(max-height:850px){.sidebar{padding-top:23px;padding-bottom:15px}.sidebar-logo{padding-bottom:18px}.sidebar nav{gap:2px}.navitem{padding-top:8px;padding-bottom:8px;min-height:38px}.side-help{display:none}.side-bottom{padding-top:12px}.profile{margin-top:10px;padding-top:10px}.workspace-label{padding-top:5px;padding-bottom:7px}}
@media print{body{background:white;color:#111;font-size:11px}.sidebar,.shell-main,#toast,.modal-head,.form-actions,.no-print{display:none!important}.overlay{position:static;background:white;padding:0;display:block;backdrop-filter:none}.modal{max-height:none;width:100%;box-shadow:none;border-radius:0;padding:15px;overflow:visible}.print-only{display:block}.invoice-head .brand{font-size:35px}.money small{color:#555}table{font-size:11px}th,td{padding:12px}.card{border:1px solid #ddd}.notice{color:#333}.amount-summary>div{border:1px solid #ddd}}