@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/vazirmatn-arabic-wght-normal.1d2hl61slsuk_.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/vazirmatn-latin-ext-wght-normal.0ohik0lv51opt.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/vazirmatn-latin-wght-normal.00gnhmt88g2y1.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#13212d;--muted:#647480;--line:#e0e6e9;--paper:#fff;--canvas:#f8fafb;--brand-accent:#0b8b83;--green:var(--brand-accent);--green-deep:color-mix(in srgb, var(--brand-accent) 82%, #092f35);--green-soft:color-mix(in srgb, var(--brand-accent) 12%, white);--orange:#c77832;--orange-soft:#fff2e5;--red:#b74b42;--red-soft:#fff0ee;--shadow:0 12px 32px #1128320f;--font-ui:"Vazirmatn Variable", Tahoma, Arial, sans-serif}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{color:var(--ink);background:var(--canvas);font-family:var(--font-ui);margin:0;font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button{cursor:pointer}.ui-icon{flex:none;display:block}.icon-slot{flex:none;place-items:center;display:grid}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #176a4c38}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;border-left:1px solid var(--line);background:#fbfcfb;flex-direction:column;width:250px;padding:24px 16px 18px;display:flex;position:fixed;inset:0 0 0 auto}.brand{align-items:center;gap:12px;padding:0 10px 24px;display:flex}.brand-mark{color:#fff;background:var(--green);border-radius:14px 14px 14px 5px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 18px #176a4c33}.brand-name{letter-spacing:-.03em;font-size:19px;font-weight:800}.brand-subtitle{color:var(--muted);margin-top:-3px;font-size:11px}.nav-group{gap:5px;display:grid}.nav-caption{color:#9aa59f;letter-spacing:.04em;padding:10px 12px 6px;font-size:10px;font-weight:700}.nav-item{color:#62726b;text-align:right;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:all .16s;display:flex}.nav-item.active{color:var(--green-deep);background:var(--green-soft);font-weight:700}.nav-item svg{flex:none}.sidebar-bottom{margin-top:auto}.support-card{background:linear-gradient(145deg,#eff7f1,#fbfcf8);border:1px solid #e4ece6;border-radius:14px;margin:10px 4px 16px;padding:14px}.support-card strong{margin-bottom:3px;font-size:12px;display:block}.user-row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:15px 6px 0;display:flex}.avatar{width:36px;height:36px;color:var(--green);background:#e6f1ea;border-radius:12px;place-items:center;font-weight:700;display:grid}.user-detail{flex:1;min-width:0}.user-detail strong,.user-detail span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-detail strong{font-size:12px}.user-detail span{color:var(--muted);font-size:10px}.icon-button{border:1px solid var(--line);color:#65736d;background:#fff;border-radius:10px;place-items:center;width:36px;height:36px;display:inline-grid}.icon-button:hover{color:var(--green);border-color:#bbd5c5}.main-area{grid-column:2;min-width:0;padding:0 34px 44px}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f8f6eb;border-bottom:1px solid #e7ebe7e6;justify-content:space-between;align-items:center;gap:18px;min-height:84px;display:flex;position:sticky;top:0}.topbar-title{min-width:0}.topbar-title h1{margin:0;font-size:20px;font-weight:700;line-height:1.4}.topbar-title p{color:var(--muted);margin:4px 0 0;font-size:12px}.context-selectors{align-items:center;gap:8px;display:flex}.select-wrap{background:#fff;border:1px solid #e1e7e2;border-radius:10px;align-items:center;gap:6px;min-width:138px;padding:0 10px;display:flex;position:relative}.select-wrap svg{color:#7a8981;flex:none}.select-wrap select{appearance:none;width:100%;min-height:40px;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.topbar-actions{align-items:center;gap:9px;display:flex}.mobile-menu{display:none}.content{max-width:1440px;margin:0 auto;padding-top:27px}.welcome-banner{color:#fff;background:linear-gradient(112deg,#175f44 2%,#267b58 65%,#3f8b65);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;min-height:158px;padding:25px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #16604429}.welcome-banner:before,.welcome-banner:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:210px;height:210px;position:absolute}.welcome-banner:before{inset:-95px auto auto 18%}.welcome-banner:after{width:130px;height:130px;inset:40px auto auto 25%}.welcome-copy{z-index:1;max-width:540px;position:relative}.eyebrow{color:#bde3cb;font-size:11px;font-weight:600}.welcome-copy h2{margin:6px 0 4px;font-size:23px;line-height:1.5}.welcome-copy p{color:#ffffffc7;margin:0;font-size:12px}.welcome-actions{z-index:1;flex-wrap:wrap;gap:9px;display:flex;position:relative}.welcome-illustration{z-index:1;background:#ffffff17;border:1px solid #ffffff38;border-radius:50%;flex:none;place-items:center;width:108px;height:108px;display:grid;position:relative}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 15px;font-size:12px;font-weight:700;transition:all .16s;display:inline-flex}.btn-primary{color:#fff;background:var(--green)}.btn-white{color:var(--green-deep);background:#fff}.btn-white:hover{background:#edf5ef}.btn-ghost{border-color:var(--line);color:#5f7067;background:#fff}.btn-ghost:hover{color:var(--green);background:#fbfdfb;border-color:#c2d9c9}.btn-danger{color:#a23d37;background:var(--red-soft)}.btn-small{border-radius:8px;min-height:32px;padding:5px 10px;font-size:11px}.section-heading{justify-content:space-between;align-items:end;gap:15px;margin:28px 0 14px;display:flex}.section-heading h2{margin:0;font-size:16px}.section-heading p{color:var(--muted);margin:3px 0 0;font-size:11px}.text-link{color:var(--green);background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.stat-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;min-width:0;padding:16px;box-shadow:0 3px 12px #142d2206}.stat-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.stat-label{color:var(--muted);font-size:11px}.stat-icon{width:34px;height:34px;color:var(--green);background:#eff6f1;border-radius:10px;place-items:center;display:grid}.stat-value{letter-spacing:-.02em;margin-top:9px;font-size:25px;font-weight:700;line-height:1.3}.stat-foot{color:#8b9790;margin-top:3px;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:14px;margin-top:14px;display:grid}.panel{border:1px solid var(--line);background:var(--paper);border-radius:14px;min-width:0;box-shadow:0 3px 12px #142d2206}.panel-header{border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.panel-header h3{margin:0;font-size:13px}.panel-header p{color:var(--muted);margin:2px 0 0;font-size:10px}.panel-body{padding:16px 18px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quick-action{text-align:right;background:#fcfdfc;border:1px solid #e8ede9;border-radius:12px;align-items:center;gap:12px;min-height:72px;padding:12px;display:flex}.quick-action:hover{background:#f5faf6;border-color:#c2d9c9}.quick-action-icon{width:37px;height:37px;color:var(--green);background:var(--green-soft);border-radius:11px;flex:none;place-items:center;display:grid}.quick-action strong{font-size:11px;display:block}.quick-action-copy{min-width:0;display:block}.quick-action-copy>span{color:var(--muted);margin-top:2px;font-size:10px;display:block}.activity-list{display:grid}.activity-item{align-items:flex-start;gap:10px;padding:10px 0;display:flex}.activity-item+.activity-item{border-top:1px solid #f0f2f0}.activity-dot{background:#67a984;border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px;box-shadow:0 0 0 4px #eef7f0}.activity-item strong{font-size:11px;font-weight:600;display:block}.activity-item span{color:var(--muted);font-size:10px;display:block}.empty-state{text-align:center;place-items:center;min-height:190px;padding:24px;display:grid}.empty-icon{width:54px;height:54px;color:var(--green);background:var(--green-soft);border-radius:17px;place-items:center;margin:0 auto 8px;display:grid}.empty-state h3{margin:0;font-size:14px}.empty-state p{max-width:390px;color:var(--muted);margin:4px auto 13px;font-size:11px}.onboarding{border:1px solid var(--line);max-width:620px;box-shadow:var(--shadow);background:#fff;border-radius:18px;margin:44px auto;padding:28px}.onboarding h2{margin:0 0 5px;font-size:21px}.onboarding>p{color:var(--muted);margin:0 0 21px;font-size:12px}.step-list{gap:9px;margin:20px 0 25px;display:grid}.step-row{border:1px solid #edf0ed;border-radius:11px;align-items:center;gap:11px;padding:11px 12px;display:flex}.step-number{width:28px;height:28px;color:var(--green);background:var(--green-soft);border-radius:9px;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.step-row strong{font-size:11px;display:block}.step-row>div>span{color:var(--muted);font-size:10px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.field{gap:5px;min-width:0;display:grid}.field.full{grid-column:1/-1}.field label{color:#4d6056;font-size:11px;font-weight:600}.field input,.field select,.field textarea{width:100%;min-height:42px;color:var(--ink);background:#fff;border:1px solid #e1e7e2;border-radius:9px;outline:0;padding:8px 11px}.field textarea{resize:vertical;min-height:84px}.field input::placeholder,.field textarea::placeholder{color:#a4afa8}.field-hint{color:#89958e;font-size:10px}.import-template-callout{border:1px solid var(--line);background:var(--canvas);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.import-template-copy{gap:2px;display:grid}.import-template-copy strong{font-size:11px}.import-template-links{gap:6px}.import-template-links .btn{white-space:nowrap}.category-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.category-summary>div{border:1px solid var(--line);background:var(--paper);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 15px;display:flex}.category-summary span{color:var(--muted);font-size:11px}.category-summary strong{font-size:18px}.category-management-layout{grid-template-columns:minmax(270px,.76fr) minmax(0,1.7fr);align-items:start;gap:14px;display:grid}.category-tree-panel,.category-detail-panel{overflow:hidden}.category-filter-panel{border-bottom:1px solid var(--line);gap:9px;padding:12px;display:grid}.category-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.category-order-button{grid-column:1/-1}.category-tree-list{max-height:690px;padding:9px;overflow:auto}.category-tree-item{width:100%;min-height:52px;color:var(--ink);text-align:right;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:7px 10px;display:flex}.category-tree-item+.category-tree-item{margin-top:3px}.category-tree-item:hover{background:color-mix(in srgb, var(--green-soft) 58%, var(--paper))}.category-tree-item.selected{border-color:color-mix(in srgb, var(--green) 25%, var(--line));color:var(--green-deep);background:var(--green-soft)}.category-tree-item.path-only{opacity:.72}.category-tree-icon,.category-detail-icon,.category-empty-icon{color:var(--green);background:var(--green-soft);flex:none;place-items:center;display:grid}.category-tree-icon{border-radius:9px;width:31px;height:31px}.category-tree-name{flex:1;min-width:0;line-height:1.5;display:grid}.category-tree-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.category-tree-name small{color:var(--muted);font-size:9px}.category-count-pill{color:var(--green-deep);background:color-mix(in srgb, var(--green-soft) 65%, var(--paper));border-radius:999px;flex:none;padding:3px 7px;font-size:9px}.category-tree-empty,.category-no-selection,.category-products-empty{color:var(--muted);text-align:center;justify-items:center;gap:8px;padding:34px 18px;display:grid}.category-tree-empty strong,.category-no-selection h3,.category-products-empty strong{color:var(--ink);margin:0;font-size:12px}.category-tree-empty>span:not(.category-empty-icon),.category-no-selection p,.category-products-empty>span:not(.category-empty-icon){margin:0;font-size:10px}.category-tree-empty .btn{margin-top:3px}.category-tree-empty.compact,.category-products-empty.compact{padding:20px}.category-empty-icon{border-radius:13px;width:44px;height:44px}.category-no-selection{align-content:center;min-height:280px}.category-detail-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:17px 18px;display:flex}.category-detail-title-row{align-items:center;gap:11px;min-width:0;display:flex}.category-detail-icon{border-radius:13px;width:46px;height:46px}.category-detail-title-row h3{overflow-wrap:anywhere;color:var(--ink);margin:1px 0 0;font-size:17px}.category-detail-title-row .eyebrow{color:var(--muted);font-size:10px}.category-detail-actions{justify-content:flex-end}.category-description{color:var(--muted);margin:12px 18px 0;font-size:11px}.category-detail-meta{color:var(--muted);flex-wrap:wrap;gap:7px 17px;padding:12px 18px 15px;font-size:10px;display:flex}.category-child-section,.category-products-section{border-top:1px solid var(--line);padding:14px 18px}.category-section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.category-section-title h4{color:var(--ink);margin:0;font-size:12px}.category-section-title>span,.category-section-title>div>span{color:var(--muted);font-size:10px}.category-section-title>div>span{margin-top:2px;display:block}.category-child-list{flex-wrap:wrap;gap:8px;display:flex}.category-child-chip{border:1px solid var(--line);min-height:38px;color:var(--ink);background:var(--paper);border-radius:9px;align-items:center;gap:7px;padding:6px 9px;font-size:10px;display:inline-flex}.category-child-chip:hover{border-color:color-mix(in srgb, var(--green) 40%, var(--line));color:var(--green-deep)}.category-child-chip>svg{color:var(--green)}.category-child-chip small{color:var(--muted);font-size:9px}.category-products-heading{align-items:center}.category-product-filters{grid-template-columns:minmax(150px,1fr) repeat(2,minmax(110px,.5fr)) auto;align-items:center;gap:7px;margin-bottom:10px;display:grid}.category-product-table-wrap{min-height:90px}.category-product-name{gap:1px;min-width:120px;display:grid}.category-product-name strong{color:var(--ink);font-size:10px}.category-product-name span{color:var(--muted);font-size:9px}.category-remove-product{width:30px;height:30px;color:var(--muted);border-radius:8px}.category-remove-product:hover{color:var(--red);background:var(--red-soft)}.category-pagination{color:var(--muted);justify-content:center;align-items:center;gap:12px;margin-top:12px;font-size:10px;display:flex}.category-add-tabs{border-bottom:1px solid var(--line);gap:5px;margin-bottom:14px;display:flex}.category-add-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 12px;font-size:11px}.category-add-tabs button.active{border-bottom-color:var(--green);color:var(--green-deep);font-weight:700}.category-available-products{align-content:start;gap:10px;min-height:180px;display:grid}.category-available-list{gap:7px;display:grid}.category-available-row{border:1px solid var(--line);background:var(--paper);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.category-available-row>div{gap:2px;min-width:0;display:grid}.category-available-row strong{color:var(--ink);font-size:11px}.category-available-row span,.category-available-row small{color:var(--muted);font-size:9px}.category-delete-copy{color:var(--muted);font-size:12px;line-height:2}.category-delete-copy strong{color:var(--ink)}.error-text{color:var(--red);font-size:11px}.success-text{color:var(--green);font-size:11px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%}.data-table th{color:#818e87;text-align:right;background:#fafbfa;font-size:12px;font-weight:600}.data-table th,.data-table td{border-bottom:1px solid #edf0ed;padding:12px 14px}.data-table td{font-size:12px}.data-table tr:last-child td{border-bottom:0}.product-name{align-items:center;gap:9px;display:flex}.product-avatar{color:#4c8567;background:#eff6f1;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.product-name strong{text-overflow:ellipsis;max-width:250px;font-size:11px;font-weight:600;display:block;overflow:hidden}.product-copy{min-width:0}.product-copy>span{color:var(--muted);margin-top:1px;font-size:10px;display:block}.pill{color:#64746b;background:#f0f3f0;border-radius:7px;align-items:center;gap:5px;min-height:24px;padding:2px 8px;font-size:10px;display:inline-flex}.search-box{border:1px solid var(--line);color:#87938c;background:#fff;border-radius:9px;align-items:center;gap:7px;min-width:220px;padding:0 10px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;min-height:38px;font-size:11px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;display:flex}.toolbar-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.supplier-toolbar,.price-list-toolbar{padding:13px}.supplier-toolbar .search-box,.price-list-toolbar .search-box{min-width:min(320px,42vw)}.review-list-picker{gap:7px;width:min(430px,100%);display:grid}.review-list-picker>.pagination-bar{border:1px solid var(--line);border-radius:9px;padding:7px 9px}.supplier-chooser{gap:8px;display:grid}.supplier-chooser>select{border:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);background:var(--paper);border-radius:9px;padding:0 10px;font-size:11px}.supplier-chooser .pagination-bar{border:1px solid var(--line);border-radius:9px;padding:7px 9px}.filter-select{border:1px solid var(--line);color:#53655a;background:#fff;border-radius:9px;min-height:38px;padding:0 10px;font-size:11px}.page-heading{justify-content:space-between;align-items:end;gap:14px;margin-bottom:17px;display:flex}.page-heading h2{margin:0;font-size:18px}.page-heading p{color:var(--muted);margin:3px 0 0;font-size:11px}.review-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0;display:grid}.review-kpi{border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px 14px}.review-kpi span{color:var(--muted);font-size:12px;display:block}.review-kpi strong{margin-top:3px;font-size:17px;display:block}.review-table td{vertical-align:top}.review-row-title{white-space:normal;max-width:200px}.review-row-title strong{font-size:12px;display:block}.review-row-title span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.price-pair{gap:3px;display:grid}.price-pair>span{color:var(--muted);font-size:11px}.price-pair strong{font-variant-numeric:tabular-nums;font-size:11px}.change-up{color:#b45c37}.change-down{color:var(--green)}.warning-stack{white-space:normal;flex-wrap:wrap;gap:4px;max-width:205px;display:flex}.review-actions{gap:6px;min-width:170px;display:grid}.review-actions select,.review-actions input{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-height:34px;padding:5px 8px;font-size:10px}.approval-bar{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border:1px solid #dce8df;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:12px 14px;display:flex;position:sticky;bottom:10px;box-shadow:0 8px 26px #1737261f}.approval-bar span{color:var(--muted);font-size:11px}.change-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0;display:grid}.change-preview>div{border:1px solid var(--line);border-radius:10px;padding:11px}.change-preview span{color:var(--muted);font-size:10px;display:block}.change-preview strong{margin-top:2px;font-size:13px;display:block}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11231b6b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #ffffff80;border-radius:16px;width:min(100%,560px);max-height:min(90vh,820px);margin:0;padding:22px;position:relative;inset:auto;overflow-y:auto;box-shadow:0 24px 70px #0b1f153d}.modal-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.modal-head h2{margin:0;font-size:17px}.modal-head p{color:var(--muted);margin:3px 0 0;font-size:11px}.modal-foot{justify-content:flex-start;gap:8px;margin-top:20px;display:flex}.mapping-preview{border:1px solid var(--line);border-radius:9px;max-height:180px;margin-top:14px;overflow:auto}.mapping-preview table{border-collapse:collapse;white-space:nowrap;width:100%}.mapping-preview th,.mapping-preview td{text-align:right;border-bottom:1px solid #edf0ed;padding:7px 9px;font-size:10px}.mapping-preview th{color:#78867e;background:#f7f9f7}.spinner{border:2px solid #176a4c33;border-top-color:var(--green);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.inline-loader{min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex}.pagination{justify-content:center;align-items:center;gap:8px;padding:15px;display:flex}.pagination span{color:var(--muted);font-size:10px}.pagination-bar{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 14px;font-size:10px;display:flex}.pagination-range{margin-inline-end:auto}.pagination-size,.pagination-controls{align-items:center;gap:8px;display:flex}.pagination-size select{border:1px solid var(--line);min-width:62px;color:var(--ink);background:var(--paper);border-radius:8px;padding:5px 8px;font-size:10px}.pagination-controls>span{text-align:center;min-width:54px}.fine-print{color:#8e9992;font-size:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.settings-card{border:1px solid var(--line);background:#fff;border-radius:14px;max-width:740px;padding:19px}.settings-card+.settings-card{margin-top:13px}.settings-card h3{margin:0;font-size:13px}.settings-card>p{color:var(--muted);margin:4px 0 16px;font-size:11px}.formula-note{color:#52665a;background:#f5f9f5;border-right:3px solid #8eb99b;border-radius:5px;padding:10px 12px;font-size:10px}.auth-page{background:#fff;grid-template-columns:minmax(0,1fr) minmax(420px,.75fr);min-height:100vh;display:grid}.auth-aside{color:#fff;background:linear-gradient(155deg,#10563d,#1c7652 66%,#448960);flex-direction:column;justify-content:space-between;min-height:100vh;padding:38px 50px;display:flex;overflow:hidden}.auth-aside .brand{padding:0}.auth-aside .brand-subtitle{color:#ffffffa6}.auth-art{place-items:center;min-height:380px;display:grid;position:relative}.auth-art-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:18px;width:min(100%,380px);padding:20px;box-shadow:0 25px 60px #082f1f26}.auth-art-line{color:#fffc;border-bottom:1px solid #ffffff29;justify-content:space-between;padding:11px 0;font-size:11px;display:flex}.auth-art-line:last-child{border:0}.auth-aside h2{max-width:500px;margin:24px 0 6px;font-size:25px;line-height:1.7}.auth-aside>div>p{color:#ffffffb8;max-width:520px;margin:0;font-size:12px}.auth-aside footer{color:#ffffff8f;font-size:10px}.auth-main{place-items:center;padding:28px;display:grid}.auth-card{width:min(100%,380px)}.auth-card h1{margin:0;font-size:22px}.auth-card>p{color:var(--muted);margin:5px 0 24px;font-size:12px}.auth-card .field input{letter-spacing:.04em;min-height:47px;font-size:15px}.auth-card .btn{width:100%;min-height:46px;margin-top:15px}.auth-footer{color:#89958e;text-align:center;margin-top:18px;font-size:10px}.toast{z-index:80;max-width:min(400px,100vw - 32px);color:var(--green-deep);box-shadow:var(--shadow);background:#fff;border:1px solid #dce9df;border-radius:11px;align-items:center;gap:9px;padding:11px 14px;font-size:11px;animation:.2s toast-in;display:flex;position:fixed;bottom:20px;left:22px}.toast.error{color:var(--red);border-color:#f0d5d1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1120px){.main-area{padding-inline:23px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-table{min-width:1050px}}@media (max-width:820px){.app-shell{display:block}.sidebar{width:280px;transition:transform .2s;transform:translate(100%);box-shadow:12px 0 30px #122a1d1a}.sidebar.open{transform:translate(0)}.main-area{padding:0 18px 30px}.topbar{min-height:72px}.mobile-menu{display:inline-grid}.topbar-title{flex:1}.topbar-title h1{font-size:17px}.topbar-title p{display:none}.context-selectors{gap:5px}.select-wrap{min-width:110px;max-width:135px;padding-inline:7px}.select-wrap:first-child{max-width:145px}.select-wrap select{min-height:36px;font-size:10px}.topbar-actions .desktop-only{display:none}.content{padding-top:20px}.dashboard-grid{grid-template-columns:1fr}.welcome-banner{min-height:140px;padding:20px}.welcome-copy h2{font-size:19px}.welcome-illustration{width:78px;height:78px}.sidebar-backdrop{z-index:15;background:#11231b40;border:0;padding:0;position:fixed;inset:0}.auth-page{grid-template-columns:1fr}.auth-aside{display:none}.auth-main{min-height:100vh}}@media (max-width:1120px){.category-management-layout{grid-template-columns:minmax(0,1fr)}.category-tree-list{max-height:390px}}@media (max-width:820px){.category-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.category-summary>div:last-child{grid-column:1/-1}.category-product-filters{grid-template-columns:minmax(0,1fr) minmax(120px,.7fr)}.category-detail-header{flex-direction:column}.category-detail-actions{justify-content:flex-start}}@media (max-width:560px){.category-summary{grid-template-columns:1fr;gap:7px}.category-summary>div:last-child{grid-column:auto}.category-summary>div{padding:10px 12px}.category-filter-fields{grid-template-columns:1fr}.category-order-button{grid-column:auto}.category-detail-header,.category-child-section,.category-products-section{padding-inline:12px}.category-detail-actions{width:100%}.category-detail-actions .btn{flex:1}.category-product-filters{grid-template-columns:1fr}.category-products-heading{align-items:flex-start}.category-products-heading>.btn{flex:none}.category-available-row{flex-direction:column;align-items:flex-start}.category-available-row .btn{width:100%}}@media (max-width:540px){.main-area{padding-inline:13px}.topbar{gap:8px}.context-selectors{max-width:52vw}.context-selectors .select-wrap{min-width:0;max-width:104px}.context-selectors .select-wrap:first-child{max-width:120px}.context-selectors .select-wrap svg{display:none}.stats-grid{gap:8px}.stat-card{padding:11px}.stat-value{font-size:20px}.stat-label{font-size:10px}.stat-icon{width:29px;height:29px}.welcome-banner{align-items:flex-start}.welcome-illustration{display:none}.welcome-copy h2{font-size:17px}.welcome-copy p{font-size:10px}.welcome-actions{margin-top:12px}.quick-grid{grid-template-columns:1fr}.section-heading{margin-top:21px}.section-heading h2{font-size:14px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.toolbar{align-items:stretch}.toolbar-group{width:100%}.search-box{flex:1;min-width:0}.review-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.review-kpi{padding:9px}.review-kpi span{font-size:9px}.review-kpi strong{font-size:14px}.page-heading{flex-direction:column;align-items:flex-start}.import-template-callout{flex-direction:column;align-items:stretch}.import-template-callout .import-template-links{width:100%}.import-template-callout .import-template-links .btn{flex:1}.approval-bar{flex-direction:column;align-items:flex-start}.approval-bar .btn{width:100%}.change-preview{grid-template-columns:1fr}.modal{padding:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{min-height:100vh;color:var(--ink);background:var(--canvas)}.app-shell[data-font-family=system],.auth-page[data-font-family=system]{--font-ui:Tahoma, Arial, sans-serif;font-family:var(--font-ui)}.sidebar{color:#f4f8f8;background:#0b3b3e;border:0;grid-column:1;width:auto;height:100vh;padding:28px 16px 20px;position:sticky;top:0}.brand{gap:11px;padding:0 10px 30px}.brand-mark{color:#d9f4ef;width:48px;height:48px;box-shadow:none;background:#ffffff1f;border-radius:13px}.brand-name{color:#fff;font-size:30px;line-height:1.35}.brand-subtitle,.sidebar .user-detail span{color:#edf7f6a8}.nav-caption{color:#edf7f67a;padding-inline:12px;font-size:11px}.nav-group{gap:6px}.nav-item{color:#d6e4e4;border-radius:10px;min-height:54px;padding:11px 13px;font-size:15px}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:color-mix(in srgb, var(--brand-accent) 27%, #0b3b3e);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-accent) 30%, transparent)}.nav-item svg{width:22px;height:22px}.support-card{color:#f4f8f8;background:#ffffff0f;border-color:#dcf5ef1f}.support-card span{color:#edf7f6a8;font-size:12px}.support-card strong{font-size:13px}.user-row{border-color:#dcf5ef26}.sidebar .avatar{color:#e7f7f4;background:#ffffff21}.sidebar .user-detail strong{color:#fff;font-size:13px}.sidebar .icon-button{color:#e5f2f1;background:#ffffff14;border-color:#dcf5ef29}.sidebar .icon-button:hover{color:#fff;background:#ffffff24;border-color:#dcf5ef52}.main-area{background:var(--canvas);grid-column:2;min-width:0;padding:0 34px 44px}.topbar{border-color:var(--line);background:var(--paper);justify-content:space-between;min-height:92px}.context-selectors{flex:1;justify-content:flex-start;max-width:none;display:flex}.context-fields{align-items:center;gap:14px;display:flex}.context-select-group{align-items:center;gap:7px;display:flex}.select-wrap{background:var(--paper);border-color:#d9e1e4;border-radius:9px;gap:9px;min-width:185px;min-height:44px;padding-inline:11px}.select-wrap svg{color:#7c8b94}.select-wrap select{min-height:42px;color:var(--ink);font-size:14px}.context-add-button{border-radius:9px;width:38px;height:38px}.mobile-context-switcher{display:none}.topbar-actions{gap:10px}.content{max-width:1440px;padding-top:9px}.page-heading{margin:18px 0 17px}.page-heading h2{letter-spacing:-.025em;font-size:36px;font-weight:750}.page-heading p{margin-top:5px;font-size:15px}.overview-heading{align-items:center;margin-top:20px;margin-bottom:17px}.overview-branch-label{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;display:inline-flex}.upload-feature{border:1px solid var(--line);background:var(--paper);border-radius:11px;min-height:374px;padding:18px;display:grid}.upload-feature-inner{text-align:center;border:1.5px dashed #c7d3d8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:336px;padding:24px;display:flex}.upload-feature-icon{width:88px;height:88px;color:var(--green);background:var(--green-soft);border-radius:18px;place-items:center;margin-bottom:10px;display:grid}.upload-feature-inner h2{margin:0;font-size:26px;font-weight:750}.upload-feature-inner p{color:var(--muted);margin:4px 0 18px;font-size:16px}.upload-feature-button{border-radius:11px;min-width:246px;min-height:56px;font-size:16px}.upload-feature-note{color:var(--muted);margin-top:13px;font-size:13px}.overview-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:17px}.overview-stats .stat-card{min-height:126px;padding:18px 20px}.overview-stats .stat-top{align-items:center}.overview-stats .stat-label{color:#263945;font-size:15px;font-weight:600}.overview-stats .stat-icon{width:64px;height:64px;color:var(--green);background:var(--green-soft);border-radius:15px}.overview-stats .stat-icon svg{width:31px;height:31px}.overview-stats .stat-value{margin-top:-2px;font-size:34px;line-height:1.2}.overview-stats .stat-foot{font-size:10px}.recent-lists-panel{margin-top:18px;overflow:hidden}.recent-lists-panel .panel-header{border-bottom:0;padding:15px 18px 11px}.recent-lists-panel .panel-header h3{font-size:23px;font-weight:750}.recent-lists-panel .panel-header p{font-size:12px}.recent-mobile-list{display:none}.recent-lists-table th{color:#273844;background:#f0f2f3;font-size:14px;font-weight:700}.recent-lists-table th:first-child{border-start-start-radius:8px}.recent-lists-table th,.recent-lists-table td{padding:12px 15px}.recent-lists-table td{font-size:15px}.recent-list-supplier{min-width:170px;font-weight:650}.recent-list-complete{color:var(--muted)}.recent-lists-empty{min-height:210px}.btn-primary{color:#fff;background:var(--green);box-shadow:0 5px 14px color-mix(in srgb, var(--green) 19%, transparent)}.btn-white{border-color:var(--line);color:var(--ink);background:var(--paper)}.btn-primary:hover{background:var(--green-deep)}.btn-ghost,.icon-button,.search-box,.filter-select,.review-actions select,.review-actions input{border-color:var(--line);color:var(--ink);background:var(--paper)}.icon-button{color:#526571;border-radius:11px;width:42px;height:42px}.icon-button:hover{border-color:color-mix(in srgb, var(--green) 36%, var(--line));color:var(--green);background:var(--green-soft)}.theme-toggle{width:42px;height:42px}.category-filter-fields .filter-select,.category-product-filters .search-box,.category-product-filters .filter-select{width:100%;min-width:0}.field input,.field select,.field textarea{border-color:var(--line);color:var(--ink);background:var(--paper)}.field label{color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 12%, transparent)}.data-table th{color:var(--muted);background:color-mix(in srgb, var(--canvas) 72%, var(--paper))}.data-table th,.data-table td{border-color:var(--line)}.data-table tbody tr:hover{background:color-mix(in srgb, var(--green-soft) 35%, var(--paper))}.panel-header{border-color:var(--line)}.quick-action{border-color:var(--line);background:var(--paper)}.quick-action:hover{border-color:color-mix(in srgb, var(--green) 38%, var(--line));background:var(--green-soft)}.settings-card{border-color:var(--line);background:var(--paper);max-width:none}.appearance-card{margin-bottom:14px}.appearance-card>div:first-child p{color:var(--muted);margin:4px 0 17px;font-size:11px}.appearance-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.appearance-control{align-content:start;gap:7px;min-width:0;display:grid}.appearance-label{color:var(--ink);font-size:11px;font-weight:650}.appearance-mode-options{gap:7px;display:flex}.appearance-mode-button{border:1px solid var(--line);min-height:40px;color:var(--muted);background:var(--paper);border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:11px;display:inline-flex}.appearance-mode-button.active{border-color:color-mix(in srgb, var(--green) 48%, var(--line));color:var(--green-deep);background:var(--green-soft);font-weight:700}.appearance-color-field{border:1px solid var(--line);background:var(--paper);min-height:40px;color:var(--muted);border-radius:9px;align-items:center;gap:10px;padding:5px 9px;font-size:11px;display:flex}.appearance-color-field input{cursor:pointer;background:0 0;border:0;border-radius:7px;width:29px;height:29px;padding:0}.appearance-select{border:1px solid var(--line);min-height:40px;color:var(--ink);background:var(--paper);border-radius:9px;padding:0 10px}.formula-note{border-color:color-mix(in srgb, var(--green) 55%, var(--line));color:var(--muted);background:var(--green-soft)}.onboarding,.review-kpi,.change-preview>div{border-color:var(--line);color:var(--ink);background:var(--paper)}.auth-page{color:var(--ink);background:var(--canvas);position:relative}.auth-aside{background:#0b3b3e}.auth-main{background:var(--canvas)}.auth-card{border:1px solid var(--line);background:var(--paper);width:min(100%,430px);box-shadow:var(--shadow);border-radius:18px;padding:30px}.auth-footer{color:var(--muted)}.auth-theme-toggle{z-index:5;top:18px;position:absolute;inset-inline-end:18px}.pill-success{color:#16745f;background:#e4f5ee}.pill-warn{color:#a76518;background:#fff0d4}.pill-danger{color:#a3473e;background:#ffedeb}.modal-backdrop{background:#04161a7a}.modal{border:1px solid var(--line);color:var(--ink);background:var(--paper);box-shadow:0 24px 80px #0212163b}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e7eff1;--muted:#a5b5ba;--line:#2a4248;--paper:#11282d;--canvas:#091a1e;--green:var(--brand-accent);--green-deep:color-mix(in srgb, var(--brand-accent) 72%, white);--green-soft:color-mix(in srgb, var(--brand-accent) 18%, var(--paper));--orange-soft:#392c1c;--red-soft:#3b2424;--shadow:0 14px 38px #0003}[data-theme=dark] .app-shell,[data-theme=dark] .main-area,[data-theme=dark] .auth-page,[data-theme=dark] .auth-main{color:var(--ink);background:var(--canvas)}[data-theme=dark] .topbar{border-color:var(--line);background:#091a1ef0}[data-theme=dark] .sidebar{background:#072f33}[data-theme=dark] .select-wrap,[data-theme=dark] .icon-button,[data-theme=dark] .btn-ghost,[data-theme=dark] .search-box,[data-theme=dark] .filter-select,[data-theme=dark] .review-actions select,[data-theme=dark] .review-actions input,[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea,[data-theme=dark] .appearance-select{border-color:var(--line);color:var(--ink);background:var(--paper)}[data-theme=dark] .panel,[data-theme=dark] .stat-card,[data-theme=dark] .settings-card,[data-theme=dark] .onboarding,[data-theme=dark] .review-kpi,[data-theme=dark] .change-preview>div,[data-theme=dark] .upload-feature,[data-theme=dark] .appearance-color-field,[data-theme=dark] .appearance-mode-button,[data-theme=dark] .auth-card{border-color:var(--line);color:var(--ink);background:var(--paper);box-shadow:var(--shadow)}[data-theme=dark] .panel-header,[data-theme=dark] .user-row{border-color:var(--line)}[data-theme=dark] .data-table th{color:#d5e0e3;background:#1a343a}[data-theme=dark] .data-table th,[data-theme=dark] .data-table td{border-color:var(--line)}[data-theme=dark] .data-table tbody tr:hover{background:color-mix(in srgb, var(--green-soft) 55%, var(--paper))}[data-theme=dark] .stat-label,[data-theme=dark] .overview-stats .stat-label,[data-theme=dark] .appearance-label,[data-theme=dark] .field label,[data-theme=dark] .recent-lists-table th{color:#d5e0e3}[data-theme=dark] .overview-branch-label,[data-theme=dark] .appearance-color-field,[data-theme=dark] .appearance-mode-button{color:var(--muted);background:var(--paper)}[data-theme=dark] .appearance-mode-button.active{border-color:color-mix(in srgb, var(--brand-accent) 56%, var(--line));color:#e8fffa;background:var(--green-soft)}[data-theme=dark] .recent-lists-table th{background:#1a343a}[data-theme=dark] .pill-success{color:#85dcc0;background:#183b34}[data-theme=dark] .pill-warn{color:#f4c276;background:#40331f}[data-theme=dark] .pill-danger{color:#f2a19a;background:#422727}[data-theme=dark] .btn-primary{color:#fff}[data-theme=dark] .auth-aside{background:#072f33}[data-theme=dark] .formula-note{border-color:color-mix(in srgb, var(--brand-accent) 60%, var(--line));color:#c3d1d4;background:var(--green-soft)}[data-theme=dark] .sidebar-backdrop{background:#0000008c}[data-theme=dark] .pill:not(.pill-success):not(.pill-warn):not(.pill-danger){color:#c4d1d4;background:#20383e}[data-theme=dark] .btn-white{border-color:var(--line);color:var(--ink);background:var(--paper)}[data-theme=dark] .btn-ghost:hover{border-color:color-mix(in srgb, var(--brand-accent) 42%, var(--line));color:var(--ink);background:color-mix(in srgb, var(--green-soft) 52%, var(--paper))}.app-shell[data-theme=dark] .btn-ghost{color:#e7eff1;background:#11282d;border-color:#2a4248}[data-theme=dark] :focus-visible{outline-color:#84e2cabf}[data-theme=dark] .product-avatar,[data-theme=dark] .step-row{border-color:var(--line);color:#bce8dd;background:#1a3439}[data-theme=dark] .panel-body .activity-item+.activity-item,[data-theme=dark] .mapping-preview td,[data-theme=dark] .mapping-preview th{border-color:var(--line)}[data-theme=dark] .mapping-preview{border-color:var(--line);background:var(--paper)}[data-theme=dark] .mapping-preview th{color:#d5e0e3;background:#1a343a}[data-theme=dark] .approval-bar{border-color:var(--line);box-shadow:var(--shadow);background:#11282df7}[data-theme=dark] .toast{border-color:var(--line);color:var(--ink);box-shadow:var(--shadow);background:#173239}[data-theme=dark] .toast.error{color:#f2a19a;border-color:#70423e}[data-theme=dark] .stat-foot,[data-theme=dark] .field-hint,[data-theme=dark] .fine-print{color:#97a8ad}[data-theme=dark] .activity-dot{background:#52b695;box-shadow:0 0 0 4px #1a3d38}[data-theme=dark] .change-up{color:#edaa84}[data-theme=dark] .change-down{color:#8be0c4}[data-theme=dark] .btn-danger{color:#f2a19a;background:var(--red-soft)}@media (max-width:1120px){.main-area{padding-inline:24px}.overview-stats .stat-card{padding:15px}}@media (max-width:820px){.app-shell{display:block}.sidebar{z-index:20;visibility:hidden;width:min(84vw,310px);height:100dvh;transition:transform .2s,visibility 0s linear .2s;position:fixed;inset:0 0 0 auto;transform:translate(105%);box-shadow:-18px 0 45px #04171a33}.sidebar.open{visibility:visible;transition:transform .2s,visibility;transform:translate(0)}.main-area{grid-column:auto;padding:0 18px 32px}.topbar{min-height:72px}.mobile-menu{flex:none;display:inline-grid}.context-selectors{display:none}.mobile-context-switcher{flex:1;min-width:0;display:block;position:relative}.mobile-context-switcher>summary{border:1px solid var(--line);background:var(--paper);min-height:42px;color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:0 10px;list-style:none;display:flex;overflow:hidden}.mobile-context-switcher>summary::-webkit-details-marker{display:none}.mobile-context-switcher>summary span{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;font-weight:650;overflow:hidden}.mobile-context-panel{z-index:30;border:1px solid var(--line);background:var(--paper);width:min(310px,100vw - 28px);box-shadow:var(--shadow);border-radius:12px;padding:12px;position:absolute;top:calc(100% + 8px);right:0}.mobile-context-panel .context-fields{flex-direction:column;align-items:stretch;gap:10px;width:100%}.mobile-context-panel .context-select-group{width:100%}.mobile-context-panel .select-wrap{flex:1;min-width:0;max-width:none}.mobile-context-panel .context-add-button,.topbar-actions{flex:none}.topbar-actions .desktop-only{display:none}.content{padding-top:6px}.page-heading h2{font-size:24px}.page-heading p{font-size:12px}.upload-feature{min-height:310px;padding:13px}.upload-feature-inner{min-height:282px}.overview-stats{gap:10px}.overview-stats .stat-icon{width:52px;height:52px}.overview-stats .stat-value{font-size:24px}.appearance-controls{grid-template-columns:1fr 1fr}.appearance-control:last-child{grid-column:1/-1}.auth-page{grid-template-columns:1fr}.auth-aside{display:none}.auth-main{min-height:100vh}}@media (max-width:540px){.main-area{padding:0 14px 28px}.topbar{gap:8px;min-height:66px}.topbar .icon-button{width:38px;height:38px}.mobile-context-switcher>summary{gap:6px;min-height:38px;padding-inline:8px}.mobile-context-switcher>summary>svg:first-child{display:none}.topbar-actions{gap:0}.content{padding-top:2px}.overview-heading{align-items:flex-start;margin:16px 0 13px}.overview-heading h2{font-size:22px}.overview-branch-label{white-space:nowrap;text-overflow:ellipsis;max-width:125px;padding:6px 8px;font-size:10px;overflow:hidden}.upload-feature{min-height:276px;padding:9px}.upload-feature-inner{min-height:256px;padding:17px 12px}.upload-feature-icon{border-radius:15px;width:64px;height:64px;margin-bottom:8px}.upload-feature-icon svg{width:29px;height:29px}.upload-feature-inner h2{font-size:18px}.upload-feature-inner p{margin-bottom:13px;font-size:12px}.upload-feature-button{min-width:min(100%,225px);min-height:46px;font-size:13px}.upload-feature-note{max-width:260px;font-size:10px}.overview-stats{grid-template-columns:1fr;gap:9px;margin-top:12px}.overview-stats .stat-card{min-height:88px;padding:12px 14px}.overview-stats .stat-icon{border-radius:13px;width:48px;height:48px}.overview-stats .stat-icon svg{width:25px;height:25px}.overview-stats .stat-value{margin-top:1px;font-size:22px}.overview-stats .stat-foot{display:none}.recent-lists-panel .panel-header{padding:13px 13px 9px}.recent-lists-panel .panel-header h3{font-size:15px}.recent-desktop-list{display:none}.recent-mobile-list{gap:8px;padding:0 13px 13px;display:grid}.recent-mobile-card{border:1px solid var(--line);background:var(--canvas);border-radius:10px;gap:9px;padding:10px 11px;display:grid}.recent-mobile-card-top,.recent-mobile-card-bottom{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.recent-mobile-card-top strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.recent-mobile-card-bottom>span:first-child{color:var(--muted);font-size:10px}.recent-mobile-card-bottom .btn{flex:none}.appearance-controls{grid-template-columns:1fr}.appearance-control:last-child{grid-column:auto}.settings-card{padding:15px}.auth-main{padding:18px}.auth-card{padding:22px 18px}.auth-theme-toggle{top:12px;inset-inline-end:12px}}[data-theme=dark] .pagination-size select{border-color:var(--line);color:var(--ink);background:var(--paper)}@media (max-width:540px){.pagination-bar{align-items:stretch;gap:10px;padding:11px}.pagination-range{width:100%;margin:0}.pagination-size,.pagination-controls{flex:auto;justify-content:space-between}.supplier-toolbar,.price-list-toolbar{flex-direction:column;align-items:stretch}.supplier-toolbar .search-box,.price-list-toolbar .search-box{min-width:0}.review-list-picker{width:100%}}