:root{--eco-primary:#07888b;--eco-primary-dark:#046a6d;--eco-primary-deep:#04585b;--eco-primary-light:#e6f5f5;--eco-primary-faint:#f3fafa;--eco-white:#fff;--eco-background:#f4f6f7;--eco-border:#e3e9ea;--eco-text:#173335;--eco-text-soft:#65787a;--eco-text-light:#91a0a2;--eco-success:#3c9273;--eco-warning:#cf9730;--eco-blue:#5671c9;--eco-danger:#c95d5d;--eco-shadow:0 20px 55px #12383a17;--eco-shadow-soft:0 8px 26px #12383a0f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--eco-text);background:var(--eco-background);-webkit-font-smoothing:antialiased;font-family:Tahoma,Segoe UI,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.login-page{background:var(--eco-white);overflow-x:hidden}.login-container{grid-template-columns:minmax(520px,1.1fr) minmax(430px,.9fr);min-height:100vh;display:grid}.login-identity{color:var(--eco-white);background:radial-gradient(circle at 20% 20%,#ffffff29,#0000 27%),linear-gradient(145deg,#04676a,#07888b 58%,#0b989a);align-items:center;padding:70px 8vw;display:flex;position:relative;overflow:hidden}.identity-curve{border:1px solid #fff3;border-radius:50%;position:absolute}.identity-curve-one{inset-inline-start:-370px;width:620px;height:620px;bottom:-280px}.identity-curve-two{inset-inline-end:-240px;width:420px;height:420px;top:-170px}.identity-content{z-index:2;width:min(100%,650px);position:relative}.official-logo{filter:drop-shadow(0 15px 25px #0000001c);width:min(100%,345px);height:auto;margin-bottom:75px;display:block}.identity-text{max-width:590px}.identity-small{color:#ffffffa8;letter-spacing:2px;margin-bottom:15px;font-size:11px;font-weight:800;display:block}.identity-text h1{max-width:580px;margin:0 0 20px;font-size:clamp(34px,4vw,57px);line-height:1.35}.identity-text p{color:#ffffffc2;max-width:530px;margin:0;font-size:15px;line-height:2}.identity-features{flex-wrap:wrap;gap:26px;margin-top:65px;display:flex}.identity-features>div{color:#ffffffc7;align-items:center;gap:10px;font-size:12px;display:flex}.identity-features svg{width:22px;height:22px}.login-area{background:linear-gradient(135deg, transparent 68%, #07888b0b 68%), var(--eco-white);justify-content:center;align-items:center;padding:60px;display:flex;position:relative}.login-language{top:34px;color:var(--eco-text-light);align-items:center;gap:11px;font-size:12px;display:flex;position:absolute;inset-inline-end:45px}.login-language span{background:var(--eco-border);width:1px;height:14px}.login-language a.active{color:var(--eco-primary);font-weight:800}.login-card{width:min(100%,440px)}.login-mobile-logo{width:230px;margin:0 auto 34px;display:none}.login-header{margin-bottom:34px}.login-label{color:var(--eco-primary);letter-spacing:2px;margin-bottom:10px;font-size:11px;font-weight:900;display:block}.login-header h2{margin:0 0 12px;font-size:36px}.login-header p{color:var(--eco-text-soft);margin:0;font-size:14px}.login-error{color:#983f3f;background:#fff1f1;border:1px solid #f3d0d0;border-radius:13px;gap:12px;margin-bottom:23px;padding:14px;display:flex}.login-error svg{flex:none;width:22px;height:22px}.login-error div{gap:4px;display:grid}.login-error strong{font-size:13px}.login-error span{font-size:11px}.official-login-form{gap:21px;display:grid}.official-field{gap:9px;display:grid}.official-field label{font-size:13px;font-weight:800}.official-input{position:relative}.official-input svg{top:50%;width:21px;height:21px;color:var(--eco-primary);position:absolute;inset-inline-start:17px;transform:translateY(-50%)}.official-input input{width:100%;height:57px;color:var(--eco-text);border:1px solid var(--eco-border);background:#fafcfc;border-radius:14px;outline:none;padding-inline:51px 17px;transition:all .2s}.official-input input:focus{background:var(--eco-white);border-color:var(--eco-primary);box-shadow:0 0 0 4px #07888b17}.remember-login{width:fit-content;color:var(--eco-text-soft);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:inline-flex}.remember-login input{width:16px;height:16px;accent-color:var(--eco-primary)}.login-submit{width:100%;height:58px;color:var(--eco-white);background:linear-gradient(135deg, var(--eco-primary-dark), var(--eco-primary));border:0;border-radius:14px;justify-content:center;align-items:center;gap:12px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 15px 29px #07888b38}.login-submit:hover{transform:translateY(-1px);box-shadow:0 19px 34px #07888b45}.login-submit svg{width:20px;height:20px}html[dir=rtl] .login-submit svg{transform:scaleX(-1)}.login-footer{color:var(--eco-text-light);justify-content:center;align-items:center;gap:9px;margin-top:38px;font-size:11px;display:flex}.login-footer span{background:var(--eco-primary);width:8px;height:8px;box-shadow:0 0 0 5px var(--eco-primary-light);border-radius:50%}.dashboard-page{background:var(--eco-background)}.dashboard-shell{min-height:100vh;display:flex}.official-sidebar{z-index:20;width:270px;color:var(--eco-white);background:radial-gradient(circle at 20% 12%, #ffffff1a, transparent 22%), linear-gradient(180deg, var(--eco-primary-dark), #044f52);flex-direction:column;padding:25px 18px;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.sidebar-logo{border-bottom:1px solid #ffffff1f;justify-content:center;min-height:90px;padding:6px 10px 24px;display:flex}.sidebar-logo img{object-fit:contain;width:205px}.sidebar-section-label{color:#ffffff78;margin:27px 12px 12px;font-size:10px;font-weight:700}.official-navigation{gap:7px;display:grid}.official-nav-item{color:#ffffffb8;border-radius:12px;align-items:center;gap:13px;min-height:49px;padding:11px 14px;font-size:13px;transition:all .2s;display:flex}.official-nav-item svg{width:21px;height:21px}.official-nav-item:hover{color:var(--eco-white);background:#ffffff12}.official-nav-item.active{color:var(--eco-primary-dark);background:var(--eco-white);font-weight:800;box-shadow:0 8px 18px #00000014}.sidebar-bottom{margin-top:auto}.sidebar-branch{background:#ffffff12;border:1px solid #ffffff1a;border-radius:14px;gap:6px;padding:17px;display:grid}.sidebar-branch span{color:#ffffff80;font-size:9px}.sidebar-branch strong{font-size:12px}.dashboard-main{width:calc(100% - 270px);margin-inline-start:270px}.official-topbar{background:var(--eco-white);border-bottom:1px solid var(--eco-border);justify-content:space-between;align-items:center;min-height:94px;padding:19px 34px;display:flex}.topbar-title h1{margin:0 0 7px;font-size:24px}.topbar-title p{color:var(--eco-text-light);margin:0;font-size:11px}.topbar-controls{align-items:center;gap:20px;display:flex}.compact-language{background:var(--eco-background);border:1px solid var(--eco-border);border-radius:10px;padding:3px;display:flex}.compact-language a{min-width:35px;height:31px;color:var(--eco-text-light);border-radius:7px;place-items:center;font-size:10px;font-weight:800;display:grid}.compact-language a.active{color:var(--eco-primary);background:var(--eco-white);box-shadow:0 3px 10px #143c3e12}.official-user{align-items:center;gap:11px;display:flex}.official-user-avatar{width:43px;height:43px;color:var(--eco-white);background:var(--eco-primary);border-radius:13px;place-items:center;font-weight:900;display:grid}.official-user-data{gap:3px;display:grid}.official-user-data strong{font-size:12px}.official-user-data span{color:var(--eco-text-light);font-size:9px}.official-logout{width:38px;height:38px;color:var(--eco-primary-dark);background:var(--eco-primary-faint);border:0;border-radius:10px;place-items:center;display:grid}.official-logout svg{width:19px;height:19px}.official-content{padding:31px 34px 45px}.dashboard-welcome{min-height:145px;color:var(--eco-white);background:radial-gradient(circle at 87% 10%, #ffffff2e, transparent 26%), linear-gradient(135deg, var(--eco-primary-dark), var(--eco-primary));box-shadow:var(--eco-shadow);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:28px 32px;display:flex}.dashboard-welcome-text>span{color:#ffffffa8;font-size:11px}.dashboard-welcome-text h2{margin:7px 0 8px;font-size:27px}.dashboard-welcome-text p{color:#ffffffb8;margin:0;font-size:12px}.new-order-button{min-height:48px;color:var(--eco-primary-dark);background:var(--eco-white);border-radius:12px;align-items:center;gap:9px;padding:10px 18px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 10px 22px #00000014}.new-order-button svg{width:19px;height:19px}.official-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px;display:grid}.official-stat-card{background:var(--eco-white);border:1px solid var(--eco-border);min-height:115px;box-shadow:var(--eco-shadow-soft);border-radius:17px;align-items:center;gap:15px;padding:20px;display:flex}.stat-icon{border-radius:14px;place-items:center;width:51px;height:51px;display:grid}.stat-icon svg{width:24px;height:24px}.stat-icon-new{color:var(--eco-primary);background:var(--eco-primary-light)}.stat-icon-processing{color:#a9791e;background:#fff2d7}.stat-icon-ready{color:#4b63bb;background:#e9edff}.stat-icon-delivered{color:#347b61;background:#e2f3ec}.official-stat-card>div:last-child{gap:7px;display:grid}.official-stat-card span{color:var(--eco-text-soft);font-size:11px}.official-stat-card strong{font-size:27px}.dashboard-columns{grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:19px;display:grid}.official-panel{background:var(--eco-white);border:1px solid var(--eco-border);min-height:320px;box-shadow:var(--eco-shadow-soft);border-radius:18px;padding:23px}.official-panel-header{border-bottom:1px solid var(--eco-border);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.official-panel-header h3{margin:0 0 5px;font-size:16px}.official-panel-header p{color:var(--eco-text-light);margin:0;font-size:10px}.official-panel-header>a{color:var(--eco-primary);font-size:10px;font-weight:800}.official-empty-state{text-align:center;align-content:center;justify-items:center;min-height:235px;display:grid}.official-empty-state>div{width:58px;height:58px;color:var(--eco-primary);background:var(--eco-primary-faint);border-radius:17px;place-items:center;margin-bottom:14px;display:grid}.official-empty-state svg{width:27px;height:27px}.official-empty-state strong{margin-bottom:7px;font-size:12px}.official-empty-state span{color:var(--eco-text-light);font-size:10px}.official-status-list{gap:3px;padding-top:14px;display:grid}.official-status-row{border-bottom:1px solid #eef2f2;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:48px;padding:8px 5px;display:grid}.official-status-row:last-child{border-bottom:0}.status-dot{border-radius:50%;width:9px;height:9px}.status-dot-new{background:var(--eco-primary)}.status-dot-processing{background:var(--eco-warning)}.status-dot-ready{background:var(--eco-blue)}.status-dot-delivered{background:var(--eco-success)}.status-dot-cancelled{background:var(--eco-danger)}.official-status-row strong{font-size:11px}.official-status-row>span:last-child{color:var(--eco-text-light);font-size:11px}@media (width<=1100px){.official-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}}@media (width<=900px){.login-container{display:block}.login-identity{display:none}.login-area{min-height:100vh;padding:35px 22px}.login-mobile-logo{display:block}.official-sidebar{display:none}.dashboard-main{width:100%;margin-inline-start:0}.official-topbar{padding:18px 20px}.official-user-data{display:none}.official-content{padding:22px 18px 35px}}@media (width<=620px){.login-language{top:22px;inset-inline-end:22px}.login-card{padding-top:45px}.official-topbar{gap:18px;display:grid}.topbar-controls{justify-content:space-between}.dashboard-welcome{align-items:flex-start;gap:25px;padding:25px 22px}.dashboard-welcome-text p{line-height:1.8}.new-order-button{flex:none;justify-content:center;width:45px;padding:0}.new-order-button span{display:none}.official-stats{grid-template-columns:1fr}}.sidebar-logo img{object-fit:contain;width:100%;max-width:205px;height:105px;margin:auto;display:block}.official-topbar{min-height:92px}.topbar-title{gap:3px;display:grid}.topbar-title h1{line-height:1.2}.topbar-controls{gap:14px}.official-user{border:1px solid var(--eco-border);background:#fff;border-radius:14px;min-height:54px;padding:6px 8px}.official-user-avatar{flex:none}.official-user-data{min-width:145px}.official-user-data strong{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.official-user-data span{color:var(--eco-primary);font-weight:700}.official-logout{transition:all .2s}.official-logout:hover{color:#fff;background:var(--eco-primary)}.compact-language{flex:none}html[dir=rtl] .official-user{padding-left:10px;padding-right:7px}html[dir=ltr] .official-user{padding-left:7px;padding-right:10px}@media (width<=900px){.official-user{border:0;padding:5px}}.sidebar-logo{min-height:115px;box-shadow:none;background:0 0;border:0;border-bottom:1px solid #ffffff24;border-radius:0;margin:0;padding:10px 12px 22px}.sidebar-logo img{object-fit:contain;filter:drop-shadow(0 8px 16px #00000024);width:100%;max-width:215px;height:auto;max-height:110px;margin:auto;display:block}.login-mobile-logo,.official-logo{background:0 0}.sidebar-logo{background:#fff;border:1px solid #ffffff59;border-radius:14px;min-height:auto;margin:0 4px;padding:12px 14px;box-shadow:0 10px 24px #0000001a}.sidebar-logo img{object-fit:contain;filter:none;width:100%;max-width:205px;height:105px;margin:auto;display:block}@media (width<=1350px){.order-item-row{grid-template-columns:35px repeat(3,minmax(140px,1fr)) 35px}.order-item-notes{grid-column:span 3}}@media (width<=700px){.order-page-heading{align-items:flex-start}.order-form-grid{grid-template-columns:1fr}.order-field-wide{grid-column:auto}.order-item-row{grid-template-columns:35px 1fr 35px}.order-item-row .order-field{grid-column:2}.order-item-notes{grid-column:2!important}.order-summary-bar{flex-wrap:wrap;justify-content:space-between;gap:17px;position:static}.save-order-button{width:100%}}@media (width<=1350px){.order-item-row{grid-template-columns:35px repeat(3,minmax(140px,1fr)) 35px}.order-item-notes{grid-column:span 3}}@media (width<=700px){.order-page-heading{align-items:flex-start}.order-form-grid{grid-template-columns:1fr}.order-field-wide{grid-column:auto}.order-item-row{grid-template-columns:35px 1fr 35px}.order-item-row .order-field{grid-column:2}.order-item-notes{grid-column:2!important}.order-summary-bar{flex-wrap:wrap;justify-content:space-between;gap:17px;position:static}.save-order-button{width:100%}}.order-page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.order-page-heading>div>span{color:var(--eco-primary);font-size:11px;font-weight:800}.order-page-heading h2{margin:6px 0 7px;font-size:26px}.order-page-heading p{color:var(--eco-text-soft);margin:0;font-size:12px}.primary-page-action,.secondary-action,.add-item-button{border-radius:11px;justify-content:center;align-items:center;min-height:43px;padding:10px 16px;font-size:12px;font-weight:800;display:inline-flex}.primary-page-action,.add-item-button{color:#fff;background:var(--eco-primary);border:0}.secondary-action{color:var(--eco-primary-dark);background:var(--eco-primary-faint);border:1px solid var(--eco-border)}.order-form-card,.orders-table-card{border:1px solid var(--eco-border);box-shadow:var(--eco-shadow-soft);background:#fff;border-radius:17px;margin-bottom:20px;padding:23px}.order-form-card>header{border-bottom:1px solid var(--eco-border);margin-bottom:20px;padding-bottom:16px}.order-form-card h3{margin:0;font-size:16px}.items-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.items-header p{color:var(--eco-text-light);margin:6px 0 0;font-size:10px}.order-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.order-field{gap:8px;display:grid}.order-field-wide{grid-column:1/-1}.order-field label{font-size:11px;font-weight:800}.order-field input,.order-field select,.order-field textarea{width:100%;min-height:46px;color:var(--eco-text);border:1px solid var(--eco-border);background:#fbfcfc;border-radius:10px;outline:none;padding:10px 13px}.order-field textarea{resize:vertical}.order-field input:focus,.order-field select:focus,.order-field textarea:focus{border-color:var(--eco-primary);background:#fff;box-shadow:0 0 0 3px #07888b14}#orderItemsContainer{gap:13px;display:grid}.order-item-row{background:var(--eco-primary-faint);border:1px solid #dfecec;border-radius:13px;grid-template-columns:35px minmax(120px,.8fr) minmax(140px,1fr) minmax(140px,1fr) minmax(100px,.65fr) minmax(90px,.6fr) minmax(100px,.65fr) minmax(160px,1.2fr) 35px;align-items:end;gap:10px;padding:14px;display:grid;position:relative}.order-item-number{color:#fff;background:var(--eco-primary);border-radius:9px;place-items:center;width:31px;height:31px;margin-bottom:7px;font-size:11px;font-weight:900;display:grid}.remove-item-button{color:#b64c4c;background:#fff;border:1px solid #efd3d3;border-radius:9px;width:32px;height:32px;margin-bottom:7px;font-size:19px}.order-summary-bar{z-index:10;color:#fff;background:linear-gradient(135deg, var(--eco-primary-dark), var(--eco-primary));box-shadow:var(--eco-shadow);border-radius:15px;justify-content:flex-end;align-items:center;gap:35px;padding:18px 22px;display:flex;position:sticky;bottom:18px}.order-summary-bar>div{gap:5px;display:grid}.order-summary-bar span{font-size:10px}.order-summary-bar strong{font-size:18px}.save-order-button{min-width:150px;min-height:47px;color:var(--eco-primary-dark);background:#fff;border:0;border-radius:11px;font-weight:900}.order-validation-errors{color:#963f3f;background:#fff0f0;border:1px solid #f0cccc;border-radius:13px;margin-bottom:20px;padding:16px 18px;font-size:12px}.order-validation-errors ul{margin-bottom:0}.order-success-message{color:#267159;background:#e7f6f0;border:1px solid #cce8dc;border-radius:12px;margin-bottom:20px;padding:15px 18px;font-size:12px;font-weight:700}.orders-table-wrapper{overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table th,.orders-table td{text-align:start;white-space:nowrap;border-bottom:1px solid var(--eco-border);padding:14px 12px;font-size:11px}.orders-table th{color:var(--eco-text-soft);background:#fafcfc}.orders-table tbody tr:hover{background:var(--eco-primary-faint)}.table-status{border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex}.status-new{color:#087679;background:#dff3f3}.status-processing{color:#8f6717;background:#fff1d2}.status-ready{color:#475fb4;background:#e7ebff}.status-delivered{color:#287159;background:#e1f3eb}.status-cancelled{color:#9a4242;background:#fce6e6}.orders-empty-cell{height:180px;color:var(--eco-text-light);text-align:center!important}@media (width<=1350px){.order-item-row{grid-template-columns:35px repeat(3,minmax(140px,1fr)) 35px}.order-item-notes{grid-column:span 3}}@media (width<=700px){.order-page-heading{align-items:flex-start}.order-form-grid{grid-template-columns:1fr}.order-field-wide{grid-column:auto}.order-item-row{grid-template-columns:35px 1fr 35px}.order-item-row .order-field{grid-column:2}.order-item-notes{grid-column:2!important}.order-summary-bar{flex-wrap:wrap;justify-content:space-between;gap:17px;position:static}.save-order-button{width:100%}}.order-heading-actions{align-items:center;gap:10px;display:flex}.order-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.order-detail-card{border:1px solid var(--eco-border);box-shadow:var(--eco-shadow-soft);background:#fff;border-radius:17px;padding:23px}.order-detail-card>header{border-bottom:1px solid var(--eco-border);margin-bottom:19px;padding-bottom:15px}.order-detail-card h3{margin:0;font-size:16px}.order-information-list,.order-payment-summary{gap:0;margin:0;display:grid}.order-information-list>div,.order-payment-summary>div{border-bottom:1px solid #edf2f2;justify-content:space-between;align-items:flex-start;gap:20px;padding:12px 0;display:flex}.order-information-list>div:last-child,.order-payment-summary>div:last-child{border-bottom:0}.order-information-list dt,.order-payment-summary dt{color:var(--eco-text-soft);font-size:11px}.order-information-list dd,.order-payment-summary dd{text-align:end;margin:0;font-size:12px;font-weight:800}.current-order-status{margin-bottom:20px}.order-status-form{gap:9px;display:grid}.order-status-form label{font-size:11px;font-weight:800}.order-status-form>div{grid-template-columns:1fr auto;gap:9px;display:grid}.order-status-form select{border:1px solid var(--eco-border);background:#fbfcfc;border-radius:10px;min-height:45px;padding:9px 12px}.order-status-form button{color:#fff;background:var(--eco-primary);border:0;border-radius:10px;min-height:45px;padding:9px 17px;font-weight:800}.order-items-details-table{min-width:900px}.payment-total-row{color:var(--eco-primary-dark);margin-top:5px;font-size:14px;font-weight:900}.payment-remaining-row{color:#9c5428;font-weight:900}.table-view-order{min-height:34px;color:var(--eco-primary-dark);background:var(--eco-primary-faint);border:1px solid var(--eco-border);border-radius:8px;justify-content:center;align-items:center;padding:7px 11px;font-size:10px;font-weight:800;display:inline-flex}.table-view-order:hover{color:#fff;background:var(--eco-primary)}@media (width<=850px){.order-details-grid{grid-template-columns:1fr}.order-heading-actions{flex-wrap:wrap}}.existing-customer-panel{background:#f5fbfb;border:1px solid #cfe5e5;border-radius:13px;margin-top:18px;padding:16px}.existing-customer-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.existing-customer-heading>div{gap:5px;display:grid}.existing-customer-heading strong{color:var(--eco-primary-dark);font-size:13px}.existing-customer-heading span{color:var(--eco-text-soft);font-size:10px}.customer-balance-badge{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;min-height:36px;padding:8px 13px;font-size:11px;font-weight:900;display:inline-flex}.customer-owes{color:#9b482a;background:#fff0e8;border:1px solid #f0d1c2}.customer-credit{color:#2a6e57;background:#e7f6ef;border:1px solid #c9e8db}.customer-settled{color:#315f9a;background:#eaf2ff;border:1px solid #ccdafa}.customer-recent-orders{border-top:1px solid #dceaea;margin-top:15px;padding-top:14px}.recent-orders-title{margin-bottom:9px;font-size:11px;display:block}.recent-orders-list{gap:7px;display:grid}.recent-order-item{color:var(--eco-text);border:1px solid var(--eco-border);background:#fff;border-radius:9px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:9px 11px;font-size:10px;display:grid}.recent-order-item:hover{border-color:var(--eco-primary)}.customer-no-orders{color:var(--eco-text-light);font-size:10px}.new-customer-message{color:#6a6f70;background:#fafbfb;border:1px dashed #d6dede;border-radius:10px;margin-top:15px;padding:11px 13px;font-size:10px}@media (width<=700px){.existing-customer-heading{flex-direction:column;align-items:flex-start}.recent-order-item{grid-template-columns:1fr;gap:5px}}.customer-search-form{border:1px solid var(--eco-border);background:#fff;border-radius:14px;gap:10px;margin-bottom:20px;padding:15px;display:flex}.customer-search-form input{border:1px solid var(--eco-border);background:#fbfcfc;border-radius:10px;flex:1;min-height:45px;padding:10px 14px}.customer-search-form button{color:#fff;background:var(--eco-primary);border:0;border-radius:10px;min-width:100px;font-weight:800}.customer-list-balance,.order-payment-status{border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex}.customer-list-balance.owes,.payment-unpaid{color:#9b482a;background:#fff0e8}.customer-list-balance.credit,.payment-paid{color:#287159;background:#e1f3eb}.customer-list-balance.settled,.payment-partial{color:#8f6717;background:#fff1d2}.customer-account-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px;display:grid}.customer-account-cards article{border:1px solid var(--eco-border);min-height:105px;box-shadow:var(--eco-shadow-soft);background:#fff;border-radius:15px;gap:10px;padding:20px;display:grid}.customer-account-cards span{color:var(--eco-text-soft);font-size:11px}.customer-account-cards strong{font-size:18px}.account-owes{color:#a45132}.account-credit{color:#287159}.account-settled{color:var(--eco-primary)}.customer-account-layout{grid-template-columns:1.25fr .75fr;gap:20px;margin-bottom:20px;display:grid}.customer-payment-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.record-payment-button{color:#fff;background:var(--eco-primary);border:0;border-radius:11px;grid-column:1/-1;min-height:47px;font-weight:900}.customer-ledger-table{min-width:1050px}.ledger-debit{color:#a45132;font-weight:800}.ledger-credit{color:#287159;font-weight:800}.recent-orders-heading,.customer-file-link-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.customer-file-link{color:var(--eco-primary);font-size:10px;font-weight:900}.recent-order-item.detailed{grid-template-columns:minmax(130px,1fr) auto auto auto auto auto}.recent-order-remaining{color:#9b482a;font-weight:800}.recent-payment-status{background:var(--eco-primary-faint);border-radius:7px;padding:5px 8px;font-weight:800}@media (width<=1000px){.customer-account-cards{grid-template-columns:repeat(2,1fr)}.customer-account-layout{grid-template-columns:1fr}.recent-order-item.detailed{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.customer-account-cards,.customer-payment-form{grid-template-columns:1fr}.record-payment-button,.customer-payment-form .order-field-wide{grid-column:auto}.customer-search-form{flex-direction:column}.recent-order-item.detailed{grid-template-columns:1fr}}.payment-credit-created-row{color:#287159;background:#e7f6ef;border-radius:9px;margin:5px -10px;border-bottom:0!important;padding:12px 10px!important}.payment-credit-created-row dt,.payment-credit-created-row dd{color:#287159;font-weight:900}.customer-current-balance-row{border-top:2px solid var(--eco-border);margin-top:7px;padding-top:15px!important}.customer-current-balance-row dd{color:var(--eco-primary-dark);font-weight:900}.order-status-form textarea{resize:vertical;width:100%;min-height:70px}.delivery-payment-override{background:#fff8e8;border:1px solid #d7a84b;border-radius:12px;margin-top:14px;padding:14px}.delivery-payment-override>label:first-child{align-items:flex-start;gap:9px;font-weight:800;display:flex}.delivery-payment-override input[type=checkbox]{flex:none;width:18px;height:18px}.form-error{color:#b42318;margin:8px 0 0;font-weight:700}.order-status-timeline{padding-inline-start:20px;position:relative}.order-status-timeline:before{content:"";inset-inline-start:6px;background:var(--eco-border);width:2px;position:absolute;top:10px;bottom:10px}.order-status-timeline-item{padding:0 20px 22px 0;position:relative}.timeline-dot{inset-inline-start:-20px;background:var(--eco-primary);width:14px;height:14px;box-shadow:0 0 0 2px var(--eco-primary);border:3px solid #fff;border-radius:50%;position:absolute;top:7px}.timeline-content{border:1px solid var(--eco-border);background:#fff;border-radius:12px;padding:13px 15px}.timeline-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.timeline-heading time{white-space:nowrap;color:#667085;font-size:13px}.timeline-content p{margin:7px 0 0}.timeline-note{color:#475467}.timeline-override{color:#b42318;background:#fff1f0;border-radius:9px;gap:5px;margin-top:11px;padding:10px 12px;display:grid}.mobile-app-bar,.mobile-bottom-navigation,.mobile-sidebar-overlay,.mobile-sidebar-user{display:none}@media (width<=900px){html{scroll-behavior:smooth;overflow-x:hidden}body.dashboard-page{padding-top:66px;padding-bottom:calc(76px + env(safe-area-inset-bottom));background:#f4f6f7;overflow-x:hidden}body.mobile-menu-open{touch-action:none;overflow:hidden}.mobile-app-bar{z-index:1000;top:0;height:66px;padding:env(safe-area-inset-top) 14px 0;color:var(--eco-white);background:linear-gradient(135deg, var(--eco-primary-dark), var(--eco-primary));grid-template-columns:46px 1fr 46px;align-items:center;gap:10px;display:grid;position:fixed;inset-inline:0;box-shadow:0 7px 24px #04585b33}.mobile-menu-button,.mobile-new-order-button{width:42px;height:42px;color:var(--eco-white);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:13px;justify-content:center;align-items:center;padding:0;display:flex}.mobile-menu-button svg,.mobile-new-order-button svg{width:23px;height:23px}.mobile-app-identity{justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.mobile-app-identity img{object-fit:contain;background:var(--eco-white);border-radius:9px;width:47px;height:40px;padding:3px}.mobile-app-identity div{min-width:0;display:grid}.mobile-app-identity strong{font-size:15px;line-height:1.3}.mobile-app-identity span{color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.dashboard-shell{min-height:auto;display:block}.official-sidebar{z-index:1100;width:min(86vw,330px);max-width:330px;height:100dvh;padding-top:env(safe-area-inset-top);overscroll-behavior:contain;visibility:hidden;transition:transform .25s,visibility .25s;display:flex;position:fixed;top:0;bottom:0;overflow-y:auto;box-shadow:0 0 45px #03383a47}html[dir=rtl] .official-sidebar{left:auto;right:0;transform:translate(105%)}html[dir=ltr] .official-sidebar{left:0;right:auto;transform:translate(-105%)}body.mobile-menu-open .official-sidebar{visibility:visible;transform:translate(0)}.mobile-sidebar-overlay{z-index:1050;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a23247a;transition:opacity .25s,visibility .25s;display:block;position:fixed;inset:0}body.mobile-menu-open .mobile-sidebar-overlay{opacity:1;visibility:visible}.sidebar-logo{padding-top:20px;padding-bottom:14px}.sidebar-logo img{max-width:170px}.mobile-sidebar-user{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;gap:13px;margin:0 14px 18px;padding:14px;display:grid}.mobile-sidebar-user-head{align-items:center;gap:11px;display:flex}.mobile-sidebar-avatar{width:42px;height:42px;color:var(--eco-primary-dark);background:var(--eco-white);border-radius:13px;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:900;display:flex}.mobile-sidebar-user-head>div:last-child{min-width:0;display:grid}.mobile-sidebar-user-head strong{color:var(--eco-white);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mobile-sidebar-user-head span{color:#ffffffa1;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mobile-sidebar-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.mobile-language-switch{gap:5px;display:flex}.mobile-language-switch a{color:#ffffffba;border:1px solid #ffffff21;border-radius:9px;justify-content:center;align-items:center;min-width:34px;height:32px;font-size:11px;display:flex}.mobile-language-switch a.active{color:var(--eco-primary-dark);background:var(--eco-white);font-weight:900}.mobile-sidebar-actions form button{height:34px;color:var(--eco-white);background:#c95d5d2e;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:7px;padding:0 10px;font-size:10px;display:flex}.mobile-sidebar-actions form svg{width:17px;height:17px}.official-navigation{padding-inline:12px}.official-nav-item{border-radius:13px;min-height:50px}.sidebar-bottom{padding-bottom:calc(18px + env(safe-area-inset-bottom));margin-top:auto;position:static}.dashboard-main{width:100%;min-width:0;margin:0}.official-topbar{display:none}.official-content{width:100%;padding:16px 12px 28px}.dashboard-welcome{border-radius:20px;align-items:flex-start;min-height:auto;padding:22px 18px}.dashboard-welcome-text{width:100%}.dashboard-welcome-text h2{font-size:clamp(22px,7vw,29px)}.dashboard-welcome-text p{max-width:100%;font-size:12px;line-height:1.8}.dashboard-welcome .new-order-button{display:none}.official-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.official-stat-card{border-radius:17px;min-width:0;min-height:105px;padding:15px 13px}.official-stat-card>div:last-child{min-width:0}.official-stat-card span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.official-stat-card strong{font-size:22px}.stat-icon{width:43px;height:43px}.dashboard-columns{grid-template-columns:1fr;gap:14px}.official-panel{border-radius:18px;min-width:0}.official-panel-header{gap:12px;padding:17px 15px}.official-panel-header h3{font-size:16px}.official-panel-header p{font-size:10px}.official-panel-header a{white-space:nowrap;font-size:11px}.order-page-heading{align-items:center;gap:12px;margin-bottom:16px}.order-page-heading h2{font-size:23px}.order-page-heading .primary-page-action{min-height:42px;padding:10px 13px;font-size:11px}.orders-table-card{border-radius:17px;min-width:0;overflow:hidden}.orders-table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.orders-table{min-width:900px}.orders-table th,.orders-table td{white-space:nowrap;padding:12px 10px;font-size:11px}input,select,textarea,button{max-width:100%;font-size:16px}input[type=date]{min-height:46px}form{max-width:100%}.mobile-bottom-navigation{z-index:999;inset-inline:0;min-height:68px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--eco-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;box-shadow:0 -7px 24px #12383a17}.mobile-bottom-navigation>a{min-width:0;color:var(--eco-text-light);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;font-weight:700;display:flex;position:relative}.mobile-bottom-navigation>a svg{width:22px;height:22px}.mobile-bottom-navigation>a.active{color:var(--eco-primary);background:var(--eco-primary-faint)}.mobile-bottom-new-order{overflow:visible}.mobile-bottom-new-order-icon{width:46px;height:46px;color:var(--eco-white);background:linear-gradient(135deg, var(--eco-primary-dark), var(--eco-primary));border:4px solid var(--eco-white);border-radius:16px;justify-content:center;align-items:center;margin-top:-27px;display:flex;box-shadow:0 8px 22px #07888b47}.mobile-bottom-new-order-icon svg{width:22px;height:22px}.mobile-bottom-new-order>span:last-child{margin-top:1px}}@media (width<=430px){.official-content{padding-inline:10px}.official-stats{gap:9px}.official-stat-card{min-height:98px;padding:13px 11px}.stat-icon{width:39px;height:39px}.dashboard-welcome{padding:19px 15px}.mobile-app-identity span{display:none}}.dashboard-action-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dashboard-scan-button{color:#087f83;background:#fff;border:2px solid #fff}@media (width<=900px){.dashboard-welcome{flex-direction:column}.dashboard-action-buttons{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.dashboard-welcome .new-order-button{justify-content:center;width:100%;min-height:52px;padding:10px 14px;display:inline-flex!important}.dashboard-welcome .new-order-button span{display:inline!important}.dashboard-scan-button{color:#087f83;background:#fff;border-color:#fff}}@media (width<=430px){.dashboard-action-buttons{grid-template-columns:1fr}}@media (display-mode:standalone){body.dashboard-page{-webkit-user-select:none;user-select:none}input,textarea,select{-webkit-user-select:text;user-select:text}}.official-stat-card>div:last-child{text-align:center;flex:1;align-content:center;justify-items:center;min-width:0}.official-stat-card span,.official-stat-card strong{text-align:center;width:100%}table{border-collapse:collapse;width:100%}table th,table td,.orders-table th,.orders-table td{vertical-align:middle!important;text-align:center!important}.orders-table{table-layout:auto}.orders-table th,.orders-table td{min-width:90px}.orders-table th:first-child,.orders-table td:first-child{white-space:nowrap}.orders-panel table th,.orders-panel table td{text-align:center!important;vertical-align:middle!important;padding-inline:12px!important}.official-status-row strong{text-align:start}.official-status-row>span:last-child{text-align:center;min-width:28px;font-weight:800}@media (width<=900px){.official-stat-card{justify-content:center}.official-stat-card>div:last-child{text-align:center;justify-items:center}table th,table td,.orders-table th,.orders-table td{text-align:center!important;vertical-align:middle!important}}.order-cancellation-reason{background:#fff8f8;border:1px solid #f1d7d7;border-radius:12px;gap:8px;margin-top:5px;padding:14px;display:grid}.order-cancellation-reason label{color:#9a4242;font-weight:800}.order-cancellation-reason textarea{width:100%;min-height:76px;color:var(--eco-text);resize:vertical;background:#fff;border:1px solid #ead0d0;border-radius:10px;padding:11px 12px}.order-locked-message{color:#65787a;background:#f4f6f7;border:1px solid #e3e9ea;border-radius:12px;padding:16px;font-size:12px;font-weight:700;line-height:1.8}