*{box-sizing:border-box}:root{color:#263640;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7f8;font-family:IBM Plex Sans Arabic,Tahoma,sans-serif}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{direction:rtl;min-height:100vh;display:flex}.sidebar{color:#d9e4e9;z-index:20;background:#17384b;flex-direction:column;width:258px;transition:width .2s;display:flex;position:fixed;inset:0 0 0 auto}.sidebar.collapsed{width:78px}.side-brand{border-bottom:1px solid #ffffff15;align-items:center;gap:12px;height:78px;padding:0 20px;display:flex;position:relative}.brand-icon{color:#fff;background:#2f8b70;border-radius:11px;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.side-brand b{color:#fff;font-size:15px;display:block}.side-brand small{color:#9bb0bb;margin-top:2px;font-size:11px;display:block}.side-collapse{color:#b5c7d0;background:0 0;border:0;margin-right:auto;padding:5px}.collapsed .side-brand{padding:0 19px}.collapsed .side-collapse{display:none}.side-scroll{flex:1;padding:17px 12px;overflow:auto}.nav-group{margin-bottom:19px}.nav-label{color:#91a8b3;padding:0 13px 8px;font-size:10px;font-weight:600}.nav-item{color:#c5d3da;text-align:right;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;height:42px;margin:2px 0;padding:0 13px;font-size:12px;display:flex;position:relative}.nav-item svg{flex-shrink:0}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:#2b566b;font-weight:600}.nav-item.active:before{content:"";background:#69c49e;border-radius:3px;width:3px;position:absolute;top:10px;bottom:10px;right:0}.nav-item i{background:#73cba7;border-radius:50%;width:5px;height:5px;margin-right:auto}.collapsed .nav-item{justify-content:center;padding:0}.sidebar-bottom{padding:12px}.help-card{background:#24495b;border:1px solid #ffffff12;border-radius:10px;padding:14px}.help-icon{color:#8dd1b2;background:#ffffff15;border-radius:8px;place-items:center;width:30px;height:30px;margin-bottom:9px;display:grid}.help-card b{color:#fff;font-size:12px}.help-card p{color:#afc0c8;margin:5px 0 10px;font-size:10px}.help-card button{color:#dce9ed;background:#ffffff12;border:0;border-radius:6px;width:100%;padding:7px 10px;font-size:10px}.side-version{text-align:center;color:#819aa6;padding:13px 0 2px;font-size:10px}.main-area{flex-direction:column;width:calc(100% - 258px);min-height:100vh;margin-right:258px;transition:margin .2s,width .2s;display:flex}.sidebar.collapsed~.main-area{width:calc(100% - 78px);margin-right:78px}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e9edef;justify-content:space-between;align-items:center;height:78px;padding:0 34px;display:flex;position:sticky;top:0}.breadcrumb{align-items:center;gap:11px;font-size:12px;display:flex}.breadcrumb span{color:#94a0a7}.breadcrumb b{color:#d1d8dc;font-weight:400}.breadcrumb strong{color:#344650;font-weight:600}.topbar-left,.topbar-right{align-items:center;gap:20px;display:flex}.global-search{color:#89979e;background:#f6f8f9;border:1px solid #edf0f1;border-radius:8px;align-items:center;gap:9px;width:245px;height:38px;padding:0 11px;display:flex}.global-search input{color:#344650;background:0 0;border:0;outline:0;width:100%;font-size:11px}.global-search kbd{color:#9ca8ae;white-space:nowrap;background:#fff;border:1px solid #e1e6e8;border-radius:4px;padding:2px 5px;font-size:9px}.top-icon,.icon-btn{color:#667780;background:0 0;border:0;place-items:center;padding:7px;display:grid;position:relative}.top-icon i{background:#e17b61;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:6px}.profile-button{text-align:right;color:#53636c;background:0 0;border:0;align-items:center;gap:9px;display:flex}.avatar{color:#2d8066;background:#e4f0ec;border-radius:50%;place-items:center;width:35px;height:35px;font-size:11px;font-weight:700;display:grid}.profile-text b,.profile-text small{display:block}.profile-text b{color:#33444e;font-size:11px}.profile-text small{color:#8b999f;margin-top:2px;font-size:9px}.relative{position:relative}.dropdown{z-index:40;background:#fff;border:1px solid #e8edef;border-radius:10px;width:260px;padding:13px;position:absolute;top:45px;left:0;box-shadow:0 12px 35px #1d344014}.notification-drop{left:-15px}.notification-drop>b{margin:2px 4px 10px;font-size:13px;display:block}.notice{border-top:1px solid #f0f2f3;gap:10px;padding:10px 4px;display:flex}.notice strong,.notice small{display:block}.notice strong{font-size:11px}.notice small{color:#8b989e;margin-top:3px;font-size:10px}.notice-dot{border-radius:50%;width:7px;height:7px;margin-top:5px}.amber-dot{background:#e2a34b}.green-dot{background:#43a27d}.red-dot{background:#d56c60}.user-drop{width:170px;padding:6px}.user-drop button{color:#52636b;background:#fff;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:10px;font-size:11px;display:flex}.user-drop button:hover{background:#f5f8f8}.page-content{flex:1;width:100%;max-width:1700px;margin:0 auto;padding:30px 34px 22px}.page-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.eyebrow{color:#78918e;letter-spacing:.2px;font-size:10px;font-weight:600}.page-heading h1{color:#213640;margin:4px 0 3px;font-size:24px;font-weight:700}.page-heading p{color:#8a979d;margin:0;font-size:11px}.heading-actions{align-items:center;gap:9px;display:flex}.btn{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 15px;font-size:11px;font-weight:600;display:inline-flex}.btn.primary{color:#fff;background:#26795f;box-shadow:0 2px 5px #26795f20}.btn.primary:hover{background:#206a53}.btn.wide{width:100%;height:44px;font-size:12px}.date-select{color:#74838a;background:#fff;border:1px solid #e4e9eb;border-radius:7px;align-items:center;gap:7px;height:38px;padding:0 10px;display:flex}.date-select select{color:#53636b;appearance:none;background:0 0;border:0;outline:0;font-size:10px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px;display:grid}.metric-card{background:#fff;border:1px solid #e9edef;border-radius:10px;min-width:0;padding:16px 17px}.metric-top{color:#77858c;justify-content:space-between;align-items:center;font-size:11px;display:flex}.metric-icon{border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.mi-0{color:#328266;background:#e8f3ee}.mi-1{color:#476f89;background:#edf2f6}.mi-2{color:#6d779d;background:#f0eff8}.mi-3{color:#c28a4d;background:#fbf1e8}.metric-value{color:#273a44;white-space:nowrap;margin:12px 0 9px;font-size:22px;font-weight:700}.metric-foot{color:#a1aaaf;align-items:center;gap:8px;font-size:9px;display:flex}.trend-up,.trend-down{align-items:center;gap:3px;font-size:10px;font-weight:600;display:flex}.trend-up{color:#32916f}.trend-down{color:#c77c58}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:16px;margin-bottom:16px;display:grid}.panel{background:#fff;border:1px solid #e9edef;border-radius:10px;min-width:0;padding:17px}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-head h3{color:#2b3e48;margin:0 0 4px;font-size:13px}.panel-head p{color:#9aa5aa;margin:0;font-size:10px}.more-btn{color:#8c9aa0;background:0 0;border:0;padding:2px}.text-link{color:#28785f;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex}.chart-legend{color:#7e8c92;gap:17px;margin-top:18px;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{border-radius:50%;width:8px;height:8px}.legend-sales{background:#2f8b70}.legend-production{background:#315c78}.chart-wrap{direction:ltr;height:220px;margin-top:6px}.production-summary{justify-content:space-around;align-items:center;padding:20px 0 14px;display:flex}.donut{width:132px;height:132px;position:relative}.donut-label{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-label b{color:#2c3e48;font-size:22px}.donut-label small{color:#929fa5;font-size:9px}.status-legend{flex-direction:column;gap:12px;min-width:110px;display:flex}.status-legend div{color:#718087;align-items:center;gap:7px;font-size:10px;display:flex}.status-legend b{color:#34464f;margin-right:auto;font-size:11px}.dot{border-radius:50%;width:8px;height:8px}.green-bg{background:#3a9a76}.amber-bg{background:#e4a44d}.gray-bg{background:#dce3e6}.blue-bg{background:#5b8ba8}.orange-bg{background:#df9a4a}.production-note{border-top:1px solid #eef1f2;align-items:center;gap:9px;padding-top:12px;display:flex}.note-icon{color:#d49a49;background:#fff4e6;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.production-note b,.production-note small{display:block}.production-note b{font-size:10px}.production-note small{color:#9aa5aa;margin-top:2px;font-size:9px}.merchant-panel{margin-bottom:16px}.merchant-insights{border-top:1px solid #f0f2f3;border-bottom:1px solid #f0f2f3;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0;padding:13px 0;display:grid}.insight{align-items:center;gap:10px;display:flex}.insight-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.green-soft{color:#378569;background:#e8f3ee}.blue-soft{color:#547e99;background:#eaf1f6}.orange-soft{color:#c58a43;background:#fbf2e7}.red-soft{color:#c87569;background:#f9ecea}.insight small,.insight b{display:block}.insight small{color:#8f9ba1;font-size:9px}.insight b{color:#34464f;margin-top:2px;font-size:16px}.table-toolbar{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.table-title{color:#3c4e57;font-size:11px;font-weight:600}.filter-select{color:#738188;background:#fff;border:1px solid #e7ecee;border-radius:6px;outline:0;height:30px;padding:0 9px;font-size:10px}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;white-space:nowrap;text-align:right;width:100%}th{color:#829097;background:#f7f9f9;border-bottom:1px solid #e9edef;padding:11px 12px;font-size:9px;font-weight:600}td{color:#64737a;border-bottom:1px solid #f0f2f3;padding:12px;font-size:10px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfc}td b{color:#354750;font-size:10px}.person-cell{align-items:center;gap:8px;display:flex}.mini-avatar{color:#388367;background:#eaf2ee;border-radius:8px;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:10px;font-weight:700;display:grid}.bold-cell{color:#394c55;font-weight:600}.status{border-radius:5px;align-items:center;padding:4px 8px;font-size:9px;font-weight:600;display:inline-flex}.status.green{color:#348164;background:#e8f4ee}.status.amber{color:#bd8538;background:#fff4e5}.status.red{color:#bf665b;background:#faecea}.dashboard-bottom{grid-template-columns:1fr 1fr;gap:16px;display:grid}.alert-row{border-bottom:1px solid #f0f2f3;align-items:center;gap:10px;padding:13px 0;display:flex}.alert-row:last-child{border:0}.alert-symbol{border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.alert-symbol.warning{color:#d59a47;background:#fff4e6}.alert-symbol.danger{color:#c96f64;background:#faecea}.alert-row>div{flex:1}.alert-row b,.alert-row small{display:block}.alert-row b{font-size:10px}.alert-row small{color:#97a2a7;margin-top:3px;font-size:9px}.activity-list>div{border-bottom:1px solid #f0f2f3;align-items:flex-start;gap:10px;padding:11px 0;display:flex}.activity-list>div:last-child{border:0}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.activity-list p{flex:1;margin:0}.activity-list b,.activity-list small{display:block}.activity-list b{font-size:10px}.activity-list small{color:#9aa5aa;margin-top:3px;font-size:9px}.activity-list strong{color:#3f5964;font-size:10px}.app-footer{color:#a0aaaf;background:#fff;border-top:1px solid #e9edef;justify-content:space-between;padding:13px 34px;font-size:9px;display:flex}.module-summary{background:#fff;border:1px solid #e9edef;border-radius:9px;gap:45px;margin-bottom:16px;padding:15px 18px;display:flex}.module-summary small,.module-summary b{display:block}.module-summary small{color:#9aa5aa;margin-bottom:5px;font-size:9px}.module-summary b{color:#354750;font-size:13px}.system-ok{align-items:center;gap:6px;display:flex;color:#378668!important}.system-ok i{background:#3a9b76;border-radius:50%;width:6px;height:6px}.module-panel{padding:0}.module-panel>.panel-head{border-bottom:1px solid #edf0f1;align-items:center;padding:17px}.table-actions{align-items:center;gap:7px;display:flex}.table-search{color:#99a4a9;border:1px solid #e8edef;border-radius:6px;align-items:center;gap:7px;width:175px;height:32px;padding:0 9px;display:flex}.table-search input{border:0;outline:0;width:100%;font-size:10px}.outline-btn{color:#65757c;white-space:nowrap;background:#fff;border:1px solid #e5eaec;border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:10px;display:inline-flex}.module-panel .table-wrap{padding:0 0 4px}.module-panel th{padding:13px 14px}.module-panel td{padding:14px}.code{color:#64808d;font-family:monospace;font-size:10px}.product-cell{align-items:center;gap:8px;display:flex}.product-thumb{color:#49866e;background:#edf3f1;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.color-name{align-items:center;gap:6px;display:flex}.color-name i{border:1px solid #d9dfe1;border-radius:50%;width:11px;height:11px}.row-actions{align-items:center;gap:4px;display:flex}.row-actions button{color:#8b999f;background:0 0;border:0;border-radius:5px;padding:5px}.row-actions button:hover{color:#2e7d61;background:#eef4f1}.progress-cell{align-items:center;gap:8px;display:flex}.progress{background:#edf0f1;border-radius:8px;width:75px;height:5px;overflow:hidden}.progress i{background:#3b9674;border-radius:8px;height:100%;display:block}.progress-cell b{color:#66777e;font-size:9px}.empty-state{text-align:center;color:#9aa5aa;padding:35px}.empty-panel{text-align:center;background:#fff;border:1px solid #e9edef;border-radius:10px;padding:55px 20px}.empty-illustration{color:#3b876b;background:#eaf3ef;border-radius:17px;place-items:center;width:62px;height:62px;margin:0 auto 15px;display:grid}.empty-panel h3{margin:0 0 7px;font-size:15px}.empty-panel p{color:#929ea4;margin:0 auto 18px;font-size:11px}.mini-stats{color:#849198;border-top:1px solid #edf0f1;justify-content:center;gap:30px;margin-top:28px;padding-top:18px;font-size:10px;display:flex}.account-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.account-card{background:#fff;border:1px solid #e9edef;border-radius:9px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.account-avatar{color:#388367;background:#eaf2ee;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.account-card>b{font-size:11px}.account-card small{color:#9aa5aa;font-size:9px}.account-card strong{color:#354750;font-size:16px}.report-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.report-card{text-align:right;color:#53656d;background:#fff;border:1px solid #e9edef;border-radius:9px;grid-template-columns:38px 1fr 18px;align-items:center;gap:10px;padding:17px;display:grid}.report-icon{color:#378366;background:#eaf3ef;border-radius:9px;grid-row:span 2;place-items:center;width:36px;height:36px;display:grid}.report-card b{font-size:11px}.report-card small{color:#9ba6ab;font-size:9px}.report-card>svg{grid-area:1/3/3}.report-card:hover{border-color:#b8d6c8}.variants-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.variant-card{background:#fff;border:1px solid #e9edef;border-radius:9px;padding:20px}.variant-card>svg{color:#39866a}.variant-card h3{font-size:13px}.chips{flex-wrap:wrap;gap:7px;margin:15px 0;display:flex}.chips span{color:#60756b;background:#f1f5f3;border-radius:5px;padding:6px 10px;font-size:10px}.variant-card button{color:#2d7b60;background:0 0;border:0;font-size:10px;font-weight:600}.settings-card{background:#fff;border:1px solid #e9edef;border-radius:10px;max-width:650px;padding:22px}.settings-card h3{margin:0 0 18px;font-size:14px}.settings-card label,.modal-form label{color:#68777e;flex-direction:column;gap:7px;margin-bottom:14px;font-size:10px;display:flex}.settings-card input,.modal-form input,.modal-form select{color:#3d5059;background:#fff;border:1px solid #e4e9eb;border-radius:6px;outline:0;height:38px;padding:0 10px;font-size:11px}.inline-detail{background:#fff;border:1px solid #dce8e2;border-radius:9px;margin-top:15px;padding:15px;font-size:11px}.inline-detail>div{justify-content:space-between;align-items:center;display:flex}.inline-detail p{color:#718087}.modal-backdrop{z-index:60;background:#172a34a8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(520px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 25px 80px #122a3b40}.modal-head{border-bottom:1px solid #edf0f1;justify-content:space-between;align-items:flex-start;margin-bottom:17px;padding-bottom:15px;display:flex}.modal-head h2{color:#2e424c;margin:4px 0 0;font-size:17px}.modal-form{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.modal-form>label:only-child{grid-column:1/-1}.modal-form label{min-width:0}.modal-form input:focus,.modal-form select:focus,.settings-card input:focus{border-color:#6aa58e;box-shadow:0 0 0 3px #3c967414}.form-two{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-two label{color:#68777e;flex-direction:column;gap:7px;font-size:10px;display:flex}.form-two input{border:1px solid #e4e9eb;border-radius:6px;height:38px;padding:0 10px}.invoice-preview{color:#61756a;background:#f2f7f4;border:1px solid #e3eee8;border-radius:7px;grid-column:1/-1;justify-content:space-between;padding:13px;font-size:11px;display:flex}.invoice-preview b{color:#26795f;font-size:15px}.modal-actions{border-top:1px solid #edf0f1;justify-content:flex-end;gap:8px;margin-top:8px;padding-top:15px;display:flex}.toast{z-index:100;color:#fff;background:#1f493e;border-radius:8px;align-items:center;gap:9px;padding:12px 17px;font-size:11px;display:flex;position:fixed;bottom:25px;left:25px;box-shadow:0 8px 25px #122a3b2b}.toast svg{color:#8dd1b2}.login-page{direction:rtl;background:#fff;grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:#17384b;flex-direction:column;justify-content:space-between;padding:60px 8%;display:flex;position:relative;overflow:hidden}.login-visual:before,.login-visual:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:560px;height:560px;position:absolute;top:18%;left:-180px}.login-visual:after{width:400px;height:400px;top:27%;left:-100px}.brand-mark{z-index:1;background:#2e896b;border-radius:14px;place-items:center;width:52px;height:52px;display:grid;position:relative}.login-copy{z-index:1;max-width:500px;position:relative}.login-copy .eyebrow{color:#8ec8ad}.login-copy h1{margin:15px 0;font-size:48px;font-weight:700;line-height:1.4}.login-copy h1 em{color:#8bc5a8;font-style:normal}.login-copy p{color:#c1d0d7;max-width:420px;font-size:14px;line-height:2}.login-stats{gap:42px;margin-top:50px;display:flex}.login-stats div{flex-direction:column;gap:5px;display:flex}.login-stats b{color:#fff;font-size:22px}.login-stats span{color:#a9bdc7;font-size:10px}.visual-footer{z-index:1;color:#93aab5;font-size:10px;position:relative}.visual-footer span{color:#6bc19b;padding:0 8px}.login-panel{flex-direction:column;justify-content:center;align-items:center;padding:50px;display:flex}.login-form-wrap{width:min(390px,100%)}.form-heading{margin-bottom:30px}.form-heading h2{color:#263c47;margin:6px 0;font-size:26px}.form-heading p{color:#929fa5;margin:0;font-size:11px}.login-form-wrap>label{color:#53656d;margin:17px 0 8px;font-size:11px;font-weight:600;display:block}.field-icon{color:#91a0a6;border:1px solid #e3e9eb;border-radius:7px;align-items:center;gap:10px;height:45px;padding:0 12px;display:flex}.field-icon:focus-within{border-color:#69a58d;box-shadow:0 0 0 3px #3c967414}.field-icon input{color:#344a55;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.field-icon button{color:#2c8064;background:0 0;border:0;font-size:9px}.login-options{justify-content:space-between;align-items:center;margin:13px 0 23px;font-size:10px;display:flex}.check-label{color:#7d8a90;align-items:center;gap:6px;display:flex}.check-label input{accent-color:#2d8063}.login-options a{color:#2d8063;cursor:pointer}.demo-hint{text-align:center;color:#9aa5aa;margin-top:15px;font-size:10px}.login-bottom{color:#a3adb2;margin-top:auto;font-size:9px}.mobile-brand,.mobile-menu,.mobile-overlay{display:none}@media (width<=1150px){.sidebar{width:230px}.main-area{width:calc(100% - 230px);margin-right:230px}.metric-value{font-size:18px}.page-content{padding:25px 22px}.topbar{padding:0 22px}.account-grid,.report-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=850px){.sidebar{transform:translate(100%);width:270px!important}.sidebar.mobile-open{transform:translate(0)}.main-area,.sidebar.collapsed~.main-area{width:100%;margin-right:0}.mobile-overlay{z-index:15;background:#152c3a80;display:block;position:fixed;inset:0}.side-collapse{display:none}.mobile-menu{display:grid}.topbar{height:64px;padding:0 16px}.global-search{width:190px}.page-content{padding:22px 16px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}.merchant-insights{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-brand{color:#245b49;align-items:center;gap:8px;margin-bottom:50px;font-weight:700;display:flex}.mobile-brand svg{color:#2e896b}.login-bottom{margin-top:50px}.breadcrumb{font-size:10px}.topbar-left{gap:10px}.profile-text{display:none}}@media (width<=600px){.topbar{padding:0 12px}.topbar-left{gap:5px}.global-search{background:0 0;border:0;justify-content:center;width:36px;padding:0}.global-search input,.global-search kbd{display:none}.global-search svg{width:20px;height:20px}.profile-button{gap:5px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading h1{font-size:21px}.heading-actions{justify-content:flex-start;width:100%}.metric-grid{gap:9px}.metric-card{padding:12px}.metric-value{font-size:16px}.metric-foot{flex-wrap:wrap}.dashboard-grid{gap:10px}.panel{padding:13px}.chart-wrap{height:190px}.merchant-insights{gap:10px}.insight b{font-size:14px}.dashboard-bottom{gap:10px}.app-footer{padding:12px 16px}.module-summary{justify-content:space-between;gap:15px;padding:12px}.module-summary b{font-size:10px}.module-panel>.panel-head{flex-direction:column;align-items:flex-start}.table-actions{flex-wrap:wrap;width:100%}.table-search{flex:1;min-width:120px}.account-grid,.report-grid,.variants-grid{grid-template-columns:1fr}.mini-stats{flex-direction:column;gap:8px}.modal-form{grid-template-columns:1fr}.form-two{grid-template-columns:1fr 1fr}.topbar-left>.relative:first-of-type{display:none}.breadcrumb{gap:6px}.profile-button>svg{display:none}}