@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root {--ink:#14243a; --muted:#748299; --line:#e6ecf3; --bg:#f5f7fb; --white:#fff; --navy:#0b182b; --teal:#0c9d94; --tealLight:#e7f8f3; --orange:#f09a37; --red:#de5462; --shadow:0 10px 26px rgba(19,40,73,.045);}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans Arabic','Segoe UI',sans-serif;line-height:1.55}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input:focus,select:focus,button:focus-visible{outline:2px solid #85c9be;outline-offset:2px}button{border:0}b,strong{font-weight:700}.ltr,.num,.code,.money,.brand-mark,.brand-text,.footer,.eng,svg text{font-family:Inter,'Segoe UI',sans-serif;direction:ltr}.shell{display:flex;min-height:100vh;direction:rtl}.sidebar{flex:0 0 251px;background:var(--navy);color:white;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:29px 16px 20px}.brand{display:flex;direction:ltr;align-items:center;gap:11px;padding:0 13px 39px}.brand-mark{width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,#1bc1a4,#087a84);box-shadow:0 9px 18px #0004;color:white;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:23px;letter-spacing:-2px}.brand-mark span,.mobile-brand span{color:#a6e8d9}.brand-text{display:flex;flex-direction:column;gap:1px}.brand-text b{font-size:13px;letter-spacing:.6px}.brand-text small{font-size:9px;letter-spacing:1.55px;color:#8d9fb8}.section-name{font-size:10px;letter-spacing:1px;word-spacing:3px;margin:0 16px 13px;color:#73869f}.navigation{display:flex;flex-direction:column;gap:8px}.nav-link{color:#a3b3c7;background:transparent;width:100%;text-align:right;display:flex;align-items:center;gap:12px;border-radius:11px;padding:12px;font-size:14px}.nav-link.active{color:white;background:#203149;box-shadow:inset -3px 0 0 #20b7a5}.nav-link:hover:not(.active){background:#19283d;color:white}.nav-icon{font-size:20px;background:#ffffff0f;width:29px;height:29px;border-radius:8px;display:grid;place-items:center;font-family:Inter}.nav-link small{font:10px Inter,sans-serif;color:#7e91a8;margin-right:auto}.sidebar-footer{margin-top:auto;background:#13263a;border-radius:12px;padding:13px}.live-tag{direction:ltr;text-align:left;display:flex;align-items:center;gap:7px;color:#cbdae8;font:10px Inter,sans-serif}.live-dot{width:7px;height:7px;background:#2dd4bf;display:inline-block;border-radius:50%;box-shadow:0 0 9px #4be5cc}.mini-badge{margin-left:auto;font-size:9px;background:#253e51;border-radius:5px;padding:3px}.sidebar-footer p{font-size:11px;color:#859aaf;margin:9px 0 0}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{color:#91a0b3;font-size:12px}.breadcrumb span{margin:0 11px}.breadcrumb strong{color:#34435a}.top-actions{display:flex;align-items:center;gap:12px}.sync-label{font-size:11px;color:#93a2b3;white-space:nowrap}.top-refresh{font-size:23px;background:transparent;color:#667b8e;width:32px;height:32px}.outline-btn{display:flex;align-items:center;gap:9px;border:1px solid #dfe6ef;background:#fff;border-radius:9px;color:#2b4058;padding:9px 13px;font-size:12px;font-weight:600}.outline-btn:hover{border-color:#b4d4d2;color:#01887c}.mobile-brand{display:none}.main{padding:29px 35px 50px;max-width:1800px;width:100%;margin:0 auto;flex:1}.footer{display:flex;justify-content:space-between;color:#9aa9ba;border-top:1px solid var(--line);margin:0 35px;padding:15px 0 20px;font-size:9px;letter-spacing:.4px}.footer span{direction:ltr}.page-head{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:23px}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:#008c82;font:700 10px Inter,sans-serif;letter-spacing:1.3px;text-transform:uppercase}.page-head h1{font-size:28px;line-height:1.35;margin:7px 0 5px;font-weight:700;letter-spacing:-.6px}.subtitle{font-size:13px;color:#8594a6;margin:0}.chip{padding:7px 12px;background:#ebf9f5;color:#077e75;border:1px solid #cceae5;border-radius:9px;font-size:11px;font-weight:600;white-space:nowrap}.period-select{display:flex;background:#edf1f6;border:1px solid #e0e7ef;border-radius:11px;padding:4px;gap:4px;direction:ltr;width:max-content;max-width:100%;overflow-x:auto}.period-select button{background:transparent;color:#7c8ba0;border-radius:8px;padding:8px 16px;font:600 11px Inter,sans-serif;white-space:nowrap}.period-select button.active{background:#fff;color:#0b8f83;box-shadow:0 2px 8px #071d2b15}.period-select button:hover:not(.active){color:#2b4867}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.little-caption{font-size:11px;color:#98a5b5}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0}.stat-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;padding:20px 21px;min-height:151px;position:relative;overflow:hidden}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.stat-label{font-size:12px;color:#6d7f92;font-weight:600}.stat-icon{font-size:19px;color:#08958c;background:#e8f8f6;border-radius:10px;width:37px;height:37px;display:grid;place-items:center}.stat-card.highlight{background:linear-gradient(118deg,#12374b,#0c7e80);color:#fff;border-color:#0c7e80}.stat-card.highlight .stat-label,.stat-card.highlight .stat-caption{color:#a9d8d7}.stat-card.highlight .stat-icon{color:#ddfff8;background:#ffffff22}.stat-value{font:800 clamp(23px,2.2vw,31px) Inter,sans-serif;direction:ltr;text-align:right;letter-spacing:-1px;margin:15px 0 4px;white-space:nowrap}.stat-caption{font-size:11px;color:#97a4b2}.stat-caption strong{color:inherit}.two-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px 21px;box-shadow:var(--shadow);min-width:0}.panel-hd{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:19px}.panel-hd h2{margin:0;font-size:15px}.panel-hd p{color:#95a3b4;margin:3px 0 0;font-size:11px}.tag{font-size:10px;padding:5px 9px;border-radius:8px;background:#f0f5f9;color:#728499;white-space:nowrap}.trend-chart{height:212px;display:flex;align-items:end;gap:7px;padding:6px 2px 17px;border-bottom:1px solid #dfe7f0;direction:ltr}.trend-col{height:100%;min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px;position:relative}.trend-bar{width:min(100%,25px);background:linear-gradient(#26bdad,#07847f);height:var(--h);min-height:2px;border-radius:5px 5px 1px 1px;transition:height .3s}.trend-bar.zero{background:#e7edf3}.trend-col small{font:9px Inter,sans-serif;color:#9cabb8;position:absolute;bottom:-23px}.trend-tip{font:10px Inter,sans-serif;color:#556b7d;min-height:17px;opacity:0}.trend-col:hover .trend-tip{opacity:1}.trend-col:hover .trend-bar{filter:brightness(.88)}.chart-hint{font-size:11px;color:#9cabb8;margin:28px 0 0}.attention-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid #f0f3f7;align-items:center;cursor:pointer}.attention-row:last-child{border:0}.attention-name{font:600 11px Inter,sans-serif;direction:ltr;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.attention-code{font:10px Inter,sans-serif;color:#a5afbc;margin:4px 0}.attention-end{text-align:left}.attention-end strong{font:700 11px Inter,sans-serif;color:#bd5b39}.attention-end small{display:block;color:#9aabb8;font-size:10px}.progress{height:6px;background:#eaf0f4;border-radius:99px;overflow:hidden;direction:ltr;min-width:75px}.progress>div{height:100%;background:linear-gradient(90deg,#34c9b2,#0b9b8d);border-radius:inherit}.progress.warn>div{background:#efab59}.progress.danger>div{background:#de6470}.danger{color:#d54d61}.warn{color:#d79b42}.success{color:#0ba18f}.micro-kpis{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.micro{background:#f5f8fa;border:1px solid #e7eef3;padding:8px 12px;border-radius:8px;font-size:11px;color:#68798e}.micro strong{font:700 12px Inter,sans-serif;color:#2f4b5b;margin-right:4px}.primary-btn{background:#07978b;color:white;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:700;box-shadow:0 5px 10px #07978b15}.primary-btn:hover{background:#087f78}.muted-btn{color:#50657d;background:#eef4f7;border-radius:9px;padding:10px 15px;font-size:12px}.head-actions{display:flex;align-items:center;gap:10px}.price-controls{display:flex;gap:11px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:18px 0}.search-box{flex:1 1 270px;min-width:190px;position:relative}.search-box span{position:absolute;top:11px;right:13px;font-size:17px;color:#9cb0c0}.search-box input{width:100%;background:#fff;border:1px solid #e0e7f0;border-radius:10px;min-height:44px;padding:10px 40px 10px 13px;font-size:12px}.filter-select{height:44px;background:#fff;border:1px solid #e0e7f0;border-radius:10px;padding:0 12px;color:#526980;font-size:12px;max-width:170px}.filter-count{font:11px Inter,sans-serif;color:#8c9aaa}.list-container{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.list-heading{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);gap:12px}.list-heading h2{font-size:14px;margin:0}.list-heading small{font-size:11px;color:#9ba9b7}.table-scroll{overflow-x:auto;scrollbar-color:#cad6df transparent}.list-table{width:100%;border-collapse:collapse;min-width:1010px;font-size:12px}.list-table thead{background:#f8fafc;color:#7c8a9e;position:sticky;top:0}.list-table th{padding:13px 12px;text-align:right;font-size:11px;font-weight:700;white-space:nowrap;border-bottom:1px solid var(--line)}.list-table td{padding:13px 12px;border-bottom:1px solid #eef2f5;vertical-align:middle}.list-table tr:last-child td{border:0}.list-table tbody tr{transition:background .16s}.list-table tbody tr:hover{background:#f9fcfc}.list-table tbody tr.row-critical{background:linear-gradient(90deg,#fff,#fff9f9)}.list-table tbody tr.row-warning{background:#fffefb}.item-en{font:600 11px Inter,sans-serif;direction:ltr;text-align:right;letter-spacing:-.1px;color:#193046;max-width:310px}.item-ar{color:#8a9aa9;font-size:10px;margin-top:4px;max-width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code{font-size:10px;color:#4b6987;font-weight:700;background:#edf3f8;border-radius:6px;padding:5px 7px;white-space:nowrap}.unit-select{font:700 11px Inter,sans-serif;background:#fff;border:1px solid #dce6ed;border-radius:7px;padding:8px 4px;color:#2d5c67;min-width:69px}.money{font-size:12px;font-weight:700;color:#077f77;white-space:nowrap}.num{font-size:11px;color:#3f5369;white-space:nowrap}.num.soft{color:#9aa9b9}.status{display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:5px 8px;font-size:10px;white-space:nowrap}.status:before{content:'';height:6px;width:6px;border-radius:50%;background:currentColor}.status.danger{background:#fff0f1}.status.warn{background:#fff6e7}.status.success{background:#e9f8f4}.status.neutral{background:#f0f3f7;color:#8898a8}.status.danger:before{animation:pulse 1.9s infinite}@keyframes pulse{50%{opacity:.3;box-shadow:0 0 0 4px #de546233}}.progress-cell{width:102px}.progress-cell .ratio{font:700 10px Inter,sans-serif;color:#506577;margin-top:6px;display:block}.clickable{cursor:pointer}.footer-note{padding:11px 17px;background:#fcfdfe;border-top:1px solid #f0f2f5;font-size:10px;color:#97a8b5}.empty{display:grid;place-items:center;min-height:185px;text-align:center;color:#91a2b3;font-size:12px;padding:30px}.empty strong{color:#445d70;font-size:13px}.empty-icon{font-size:33px;color:#bed3d8;margin-bottom:9px}.overlay{position:fixed;inset:0;background:#07172981;z-index:20;display:flex;justify-content:flex-start;align-items:stretch}.drawer{width:min(520px,95vw);background:#fff;box-shadow:5px 0 45px #06152225;height:100%;overflow-y:auto;padding:28px}.drawer-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.close{height:35px;width:35px;border-radius:9px;background:#edf2f6;color:#607588;font-size:20px}.drawer h2{font:700 18px Inter,sans-serif;direction:ltr;text-align:right;margin:20px 0 8px}.drawer .detail-ar{color:#7a8e9e;font-size:13px;margin:0 0 23px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-card{background:#f6f9fa;padding:14px;border-radius:11px;border:1px solid #edf1f5}.detail-card label{display:block;color:#8b9ca9;font-size:11px;margin-bottom:7px}.detail-card strong{font:700 18px Inter,sans-serif;direction:ltr}.detail-title{font-weight:700;font-size:13px;margin:27px 0 13px}.mini-table{width:100%;border-collapse:collapse;font-size:11px}.mini-table th,.mini-table td{text-align:right;border-bottom:1px solid #e9eff3;padding:11px 5px}.mini-table th{color:#91a1b1;font-size:10px}.mini-table td{font:11px Inter,sans-serif}.mini-table td:first-child{font:600 11px Inter,sans-serif}.drawer-note{font-size:11px;background:#eff9f8;border:1px solid #d8ecea;border-radius:9px;color:#417c7b;padding:13px;margin-top:17px}.modal-overlay{position:fixed;inset:0;z-index:30;background:#0b17289c;display:grid;place-items:center;padding:18px}.modal{background:#fff;border-radius:18px;width:min(560px,96vw);max-height:90vh;overflow-y:auto;padding:24px;box-shadow:0 20px 70px #0b152e3b}.modal h2{margin:0;font-size:18px}.modal p{font-size:12px;color:#7a8a9e;margin:8px 0 22px}.setting-box{background:#f7f9fb;border:1px solid #e7edf3;padding:15px;border-radius:11px;margin-bottom:14px}.setting-box label{font-weight:700;font-size:12px;display:block;margin-bottom:7px}.setting-box input{width:100%;border:1px solid #dce5eb;background:#fff;border-radius:7px;padding:11px 12px;font:12px Inter,sans-serif}.setting-box .help{display:block;margin-top:7px;font-size:10px;color:#899aac}.file-input{width:100%;padding:11px;border:1px dashed #b8ccd6;border-radius:9px;background:white;font-size:12px}.modal-actions{display:flex;gap:9px;align-items:center;justify-content:flex-start;margin-top:17px}#toast{position:fixed;bottom:25px;left:24px;z-index:40;opacity:0;transform:translateY(10px);transition:all .2s;pointer-events:none;color:white;background:#152e40;border-radius:9px;max-width:min(370px,85vw);padding:12px 17px;box-shadow:0 6px 20px #1233;font-size:12px}#toast.visible{opacity:1;transform:none}.tiny-status{font-size:10px;color:#879aa9}.note-strip{background:#e7f6f4;border:1px solid #cceae7;border-radius:10px;color:#487c7c;padding:12px 16px;font-size:11px;margin:15px 0}.note-strip strong{color:#087e79}.summary-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf1f4;font-size:12px}.summary-row:last-child{border:0}.summary-row strong{font:700 12px Inter,sans-serif}.mini-brand{font:700 11px Inter,sans-serif;color:#8293a5;letter-spacing:1.1px}.small-unit{font:10px Inter,sans-serif;color:#8798aa}.tooltip{cursor:help;border-bottom:1px dotted #adbdca}.loading{display:grid;place-items:center;height:50vh;color:#8d9eaf}.disabled{opacity:.5}.btn-icon{margin-left:6px}
@media(max-width:1180px){.sidebar{flex-basis:215px}.main{padding:25px 21px 50px}.topbar{padding:0 21px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-cols{grid-template-columns:1fr}}
@media(max-width:750px){.shell{display:block}.sidebar{height:auto;position:static;display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;padding:10px 14px}.brand{display:none}.section-name,.sidebar-footer{display:none}.navigation{width:100%;flex-direction:row}.nav-link{flex:1;justify-content:center;padding:11px 7px;font-size:12px;white-space:nowrap;text-align:center}.nav-link small{display:none}.nav-icon{font-size:16px;width:23px;height:23px}.topbar{height:58px;padding:0 15px}.breadcrumb{display:none}.mobile-brand{display:block;direction:ltr;font:800 19px Inter;color:#133348}.mobile-brand small{font-size:12px;color:#8297a7}.sync-label{font-size:10px}.optional-text{display:none}.outline-btn{padding:7px 10px}.main{padding:18px 14px 40px}.page-head h1{font-size:22px}.page-head{margin-bottom:16px}.page-head>.chip{display:none}.dashboard-top{flex-wrap:wrap}.period-select{width:100%;justify-content:space-between}.period-select button{flex:1;padding:9px 10px}.card-grid{gap:10px;margin:15px 0}.stat-card{padding:15px;min-height:130px}.stat-label{font-size:11px}.stat-value{font-size:22px}.panel{padding:17px 15px}.footer{margin:0 14px}.footer span{font-size:8px}.head-actions .outline-btn{font-size:11px}.detail-grid{gap:8px}.trend-chart{height:180px}.top-actions{gap:4px}.list-table{min-width:990px}.filter-select{flex:1;max-width:none}}
@media(max-width:420px){.stat-card{padding:13px}.stat-value{font-size:18px}.stat-caption{font-size:9px}.page-head h1{font-size:20px}.sync-label{max-width:133px;overflow:hidden;text-overflow:ellipsis}.modal{padding:17px}}

/* FZ Sales Control V1.1: downloadable catalog photography (never loaded until clicked). */
.sidebar-toggle{position:absolute;top:10px;left:10px;z-index:2;height:31px;width:32px;border-radius:8px;background:#ffffff18;color:#d9f5f1;font-size:17px;display:grid;place-items:center;transition:background .2s}
.sidebar-toggle:hover{background:#ffffff35}
.sidebar{transition:flex-basis .22s,width .22s;min-width:0}
body.sidebar-collapsed .sidebar{flex-basis:70px;width:70px;padding:32px 8px 12px}
body.sidebar-collapsed .brand{padding:0 0 35px;justify-content:center;margin-top:11px}
body.sidebar-collapsed .brand-text,body.sidebar-collapsed .section-name,body.sidebar-collapsed .sidebar-footer,body.sidebar-collapsed .nav-link>span:not(.nav-icon),body.sidebar-collapsed .nav-link small{display:none}
body.sidebar-collapsed .brand-mark{width:40px;height:40px;border-radius:11px}
body.sidebar-collapsed .navigation{align-items:center}
body.sidebar-collapsed .nav-link{padding:10px;justify-content:center}
body.sidebar-collapsed .nav-icon{width:30px;height:30px}
.pack-data{font:500 10px Inter,'Segoe UI',sans-serif;color:#8095a6;white-space:normal;display:inline-block;unicode-bidi:plaintext}
.packing-inline{margin-top:6px;max-width:340px;line-height:1.4}
.packing-detail{background:#edf8f6;border:1px solid #d2eee6;border-radius:9px;padding:10px 12px;margin:5px 0 17px;display:flex;align-items:center;justify-content:flex-end}
.packing-detail .pack-data{font-size:11px;color:#32766d}
.product-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;align-items:center;justify-content:flex-end}
.drawer-quick{display:flex;gap:8px;justify-content:flex-start;flex-wrap:wrap;margin-bottom:11px}
.download-photo,.copy-product{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #bce7df;border-radius:8px;background:#e8f9f5;color:#027e75;font:600 11px 'IBM Plex Sans Arabic','Segoe UI',sans-serif;white-space:nowrap;text-decoration:none;cursor:pointer}
.download-photo:hover,.copy-product:hover{background:#d9f4ed;border-color:#69c8b7;color:#066f65}
.copy-product{background:#f1f5f8;color:#5f7387;border-color:#dfe8f0}
.copy-product:hover{background:#e9f1f5;border-color:#a4c6d0;color:#234b5c}
.download-photo.small,.copy-product.small{padding:4px 7px;font-size:10px}
.gate-panel{max-width:660px;margin:40px auto;padding:32px;text-align:center}
.gate-panel h2{margin:6px 0;font-size:18px}.gate-panel p{font-size:12px;color:#8092a2}
.gate-icon{font-size:36px;background:#edf8f7;height:73px;width:73px;border-radius:19px;display:grid;place-items:center;margin:0 auto 16px}
.gate-panel form{max-width:450px;margin:24px auto;text-align:right}.gate-panel label{font-size:12px;font-weight:700}
.gate-actions{display:flex;gap:9px;margin-top:9px}.gate-actions input{padding:10px 12px;border:1px solid #d4dfe9;border-radius:8px;min-width:0;flex:1;font-family:Inter}
.gate-panel .note-strip{text-align:right;max-width:450px;margin:22px auto 0}
.plan-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0}
.plan-total-box{border-radius:12px;background:#fff;border:1px solid #e4ebf2;padding:16px 20px;box-shadow:var(--shadow)}
.plan-total-box>span{display:block;direction:ltr;text-align:right;font:700 12px Inter,sans-serif;color:#718598}
.plan-total-box strong{display:block;font:800 19px Inter,sans-serif;margin-top:11px;color:#097b79;white-space:nowrap;direction:ltr;text-align:right}
.plan-total-box small{font:10px Inter,sans-serif;color:#97a9b8}
.plan-panel{padding:0;overflow:hidden}.plan-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:21px 22px 13px}
.plan-tools h2{font-size:16px;margin:0}.plan-tools p{font-size:11px;color:#8898a8;margin:5px 0 0}.plan-tool-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.plan-panel>.price-controls{padding:0 20px;margin:10px 0 16px}
.plan-scroll{width:100%;overflow:auto;max-height:66vh;border-top:1px solid #e9eef3;border-bottom:1px solid #e9eef3}
.plan-table{width:100%;min-width:1380px;border-collapse:separate;border-spacing:0;text-align:right;font-size:11px}
.plan-table thead{position:sticky;top:0;z-index:4;background:#f2f7f8}
.plan-table th{font-size:10px;color:#76879a;text-align:center;padding:9px 8px;border-bottom:1px solid #dae5ed;white-space:nowrap;min-width:116px}
.plan-table th.plan-period{font:700 11px Inter,sans-serif;color:#0a8279;border-left:1px solid #e3eaf0}
.plan-table th.plan-period small{font-size:9px;color:#94a4ad;display:block;margin-top:3px}
.plan-table td{border-bottom:1px solid #ecf1f4;padding:9px 8px;background:#fff;min-width:112px;text-align:center}
.plan-table tr:nth-child(even) td{background:#fcfdfd}
.plan-table tr:hover td{background:#f5fbfa}
.plan-table .plan-sticky{position:sticky;right:0;min-width:220px;max-width:280px;width:245px;text-align:right;z-index:2;background:#fff;box-shadow:-1px 0 #e6edf1}
.plan-table th.plan-sticky{background:#eaf1f5;z-index:5;box-shadow:-1px 0 #dce7ed}
.plan-code{display:block;font:700 12px Inter;color:#1f657e}.plan-name{display:block;font:600 10px Inter,sans-serif;direction:ltr;text-align:right;line-height:1.35;margin:4px 0;max-width:220px}
.plan-pack{display:block;font:10px Inter,sans-serif;color:#899cad;direction:ltr;text-align:right;margin-bottom:5px}
.plan-input{width:103px;border:1px solid #dce5ec;border-radius:7px;background:#fff;color:#26495d;font:600 12px Inter,sans-serif;text-align:center;padding:9px 6px;direction:ltr}
.plan-input:focus{border-color:#39b9ac;background:#f7fffd}.plan-input.input-invalid{border-color:#d54d61;background:#fff3f5}
.plan-footer-note{font-size:11px;color:#8297a7;padding:10px 20px 15px;margin:0}
@media(max-width:1000px){.plan-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.sidebar-toggle{display:none}body.sidebar-collapsed .sidebar{height:auto;position:static;display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;padding:10px 14px}body.sidebar-collapsed .navigation{flex:1;flex-direction:row}body.sidebar-collapsed .nav-link{flex:1}body.sidebar-collapsed .nav-link>span:not(.nav-icon){display:inline}body.sidebar-collapsed .brand{display:none}.plan-totals{gap:8px}.plan-total-box{padding:13px}.plan-total-box strong{font-size:14px}.gate-actions{flex-direction:column}.plan-tools{padding:17px}}

/* Standalone V2 authentication and focused management modules. */
[hidden]{display:none!important}
.auth-bypass-banner{position:sticky;top:0;z-index:12;background:#fff1c2;color:#754d00;border-bottom:1px solid #e8c765;padding:9px 18px;text-align:center;font-size:13px;font-weight:800;box-shadow:0 2px 8px #6f4b0017}
.login-view{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#17365c 0,#0b1729 48%,#07101d 100%)}
.login-card{width:min(440px,100%);background:#fff;border-radius:24px;padding:34px;box-shadow:0 28px 80px #0008;color:#10243e}
.login-brand{margin-bottom:28px}.login-card h1{margin:0 0 8px;font-size:28px}.login-card>p{color:#65758b;margin:0 0 25px}
.login-card label{display:grid;gap:8px;margin:16px 0;font-weight:700}.login-card input,.inline-form input,.plan-table input,.plan-table select{border:1px solid #cbd5e1;border-radius:9px;padding:11px 12px;background:#fff;color:#10243e;font:inherit}
.login-card .primary-btn{width:100%;margin-top:12px}.form-error{min-height:24px;color:#c62828;margin-top:12px}.negative{color:#d43b4f!important}.positive{color:#0c8d78!important}
.status-pill{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.status-pill.success{background:#e3f8f0;color:#087461}.status-pill.info{background:#e5f3ff;color:#176ca8}.status-pill.warn{background:#fff2d6;color:#986000}.status-pill.danger{background:#ffe7e8;color:#bd263c}.status-pill.neutral{background:#edf1f5;color:#526173}
.inline-form{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr auto;gap:12px;align-items:end}.inline-form label{display:grid;gap:6px;font-size:13px;font-weight:700}
.product-thumb{width:58px;height:58px;object-fit:contain;border:1px solid #e0e7ef;border-radius:10px;background:#fff}.upload-panel input[type=file]{margin:14px 0 14px 14px}
.import-summary{display:grid;gap:10px;margin-top:16px;padding:16px;border-radius:12px;background:#f2f7fb}.import-summary code{font-size:11px;overflow-wrap:anywhere}.import-summary .primary-btn{width:max-content}
.plan-table input{min-width:120px;width:100%}.plan-table select{min-width:84px}.plan-table .plan-name{display:block;max-width:260px;margin-top:5px;color:#6b7a8e}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}a{color:#087f95;font-weight:700}
@media(max-width:900px){.inline-form{grid-template-columns:1fr 1fr}.top-actions #user-label{display:none}}

/* V2.0.1: Saturday-Thursday week, downloadable product images, and direct PDF catalog access. */
.catalog-download-nav{background:linear-gradient(135deg,#0aa99b,#087c86);color:#fff!important;text-decoration:none;box-shadow:0 8px 18px #03131f38,inset -3px 0 0 #8ff3df}
.catalog-download-nav:hover{background:linear-gradient(135deg,#12b9a8,#0a8e96)!important;color:#fff!important;transform:translateY(-1px)}
.catalog-download-nav .nav-icon{background:#ffffff24;color:#fff;font-size:10px;font-weight:800;letter-spacing:.2px}
.catalog-download-nav small{color:#c9fff4!important}
.product-image-cell{min-width:128px}
.product-image-link{display:inline-flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;color:#087c75!important;font-size:10px;font-weight:700}
.product-image-link:hover .product-thumb{border-color:#55c7b8;box-shadow:0 5px 14px #057d7526;transform:translateY(-1px)}
.product-image-link .product-thumb{transition:border-color .18s,box-shadow .18s,transform .18s}
.image-upload-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 11px;border:1px dashed #54bdb0;border-radius:9px;background:#effbf8;color:#087c75;font-size:11px;font-weight:700}
.image-upload-btn:hover{background:#dff6f1;border-style:solid}
.image-missing{display:inline-block;color:#9aa8b7;font-size:11px;padding:8px 0}
@media(max-width:750px){.catalog-download-nav{min-width:56px}.catalog-download-nav .nav-icon{font-size:9px}}