@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;background:#f4f7f5;color:#18332b;font-family:Cairo,Tahoma,sans-serif}button,input{font:inherit}button,a{cursor:pointer}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.brand{background:linear-gradient(145deg,#123d35,#23624f);color:#fff;padding:12%;display:flex;flex-direction:column;justify-content:center;gap:16px}.brand h1{font-size:clamp(34px,5vw,58px);margin:0}.brand p{color:#d0e4db;line-height:2}.brand span{margin-top:70px;color:#c3d8d0}.brand small{color:#b8d8cc}.authbox{display:grid;place-items:center;padding:25px}.form{width:min(100%,410px)}.form h2{font-size:29px;margin:6px 0}.form p{color:#7d8d86}.form form{display:flex;flex-direction:column;gap:9px;margin-top:25px}.form label{font-size:13px;font-weight:700;margin-top:7px}.form input{height:49px;border:1px solid #dce6e0;border-radius:10px;padding:0 13px;outline:none}.form input:focus{border-color:#34816a}.form button,.back{height:50px;border:0;border-radius:10px;background:#175344;color:#fff;font-weight:800;margin-top:14px}.form a{color:#286b58;text-align:center;font-size:13px;padding:12px}.msg{background:#edf6ef;color:#276044;padding:12px;border-radius:9px;margin-top:15px;font-size:13px}.secure{display:flex;gap:8px;align-items:center;color:#87968f;margin-top:30px}.layout aside{position:fixed;right:0;top:0;bottom:0;width:255px;background:#123d35;color:#fff;padding:22px 15px;display:flex;flex-direction:column;z-index:4}.sidebrand{display:flex;align-items:center;gap:10px;padding:8px 5px 25px}.branch{padding:12px;background:#ffffff14;border-radius:8px;color:#cde0d7;margin-bottom:20px}.layout aside>button,.bottom button{display:flex;align-items:center;gap:12px;text-align:right;background:none;border:0;color:#c8d9d2;padding:13px;border-radius:9px;font-size:13px}.layout aside>button.selected,.layout aside>button:hover{background:#ffffff1b;color:#fff}.bottom{margin-top:auto;border-top:1px solid #ffffff25;padding-top:15px}.bottom b,.bottom small{display:block;padding:3px 8px}.bottom small{color:#abc7bb}.bottom button{margin-top:10px}.dash{margin-right:255px;min-height:100vh}header{height:72px;background:#fff;border-bottom:1px solid #e5ece7;display:flex;align-items:center;justify-content:space-between;padding:0 30px}header div{display:flex;flex-direction:column}header small{color:#819188}header b{font-size:16px}.reload,.hamb{border:0;background:none;color:#527366}.hamb{display:none}article{padding:32px;max-width:1300px;margin:auto}article>small{color:#55846f;font-weight:800}article h1{font-size:25px;margin:8px 0}article>p{color:#809087;margin-top:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:27px}.card,.panel{background:#fff;border:1px solid #e5ece7;border-radius:14px;padding:20px}.card svg{color:#43836a;float:left}.card small{display:block;color:#71837a}.card strong{display:block;font-size:22px;margin-top:22px;color:#174b3d}.panel{margin-top:22px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.quick button{background:#f8fbf9;border:1px solid #e4ece7;border-radius:10px;padding:18px 8px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#286451;font-size:12px}.warning{margin-top:18px;padding:15px;background:#fff8e8;border:1px solid #f0dfb8;border-radius:10px;color:#846221;font-size:12px;line-height:1.9}.back{padding:0 18px}footer{text-align:center;color:#9aa8a1;font-size:11px;padding:25px}@media(max-width:900px){.cards,.quick{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.auth{grid-template-columns:1fr}.brand{display:none}.layout aside{transform:translate(100%);transition:.2s}.layout aside.open{transform:translate(0)}.dash{margin-right:0}header{padding:0 16px}.hamb{display:block}article{padding:23px 15px}article h1{font-size:21px}.cards{gap:9px}.card{padding:14px}.card strong{font-size:17px}.card small,.quick button{font-size:11px}}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.panel-heading h2{margin:0 0 5px}.panel-heading p{margin:0;color:#7d8d86;font-size:13px;line-height:1.8}.count-pill{white-space:nowrap;background:#edf6f1;color:#27634e;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:800}.cashier-form{display:flex;align-items:flex-end;gap:10px;margin:24px 0 18px}.cashier-form .field{flex:1;display:flex;flex-direction:column;gap:7px}.cashier-form label{font-size:13px;font-weight:700}.cashier-form input{height:47px;border:1px solid #dce6e0;border-radius:9px;padding:0 12px;min-width:0;outline:none}.cashier-form input:focus{border-color:#34816a}.cashier-form button{height:47px;padding:0 17px;border:0;border-radius:9px;background:#175344;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;white-space:nowrap}.cashier-form button:disabled{opacity:.6}.cashier-form .cancel-edit{background:#eef2ef;color:#456357}.cashier-list{border:1px solid #e6ede8;border-radius:11px;overflow:hidden}.cashier-list-head,.cashier-row{display:grid;grid-template-columns:1fr 100px 110px;align-items:center;gap:10px;padding:13px 15px}.cashier-list-head{background:#f7faf8;color:#77877f;font-size:12px;font-weight:800}.cashier-row{border-top:1px solid #edf1ee}.cashier-row>div:first-child{display:flex;flex-direction:column;gap:2px}.cashier-row small{font-size:11px;color:#89978f}.status{justify-self:start;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:800}.status.active{background:#e9f6ee;color:#277047}.status.inactive{background:#f1f2f1;color:#7a8580}.cashier-actions{display:flex;gap:7px}.cashier-actions button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #e2eae5;background:#fff;color:#527566;border-radius:8px}.cashier-actions button:disabled{opacity:.5}.empty-state{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#84938b;font-size:13px;text-align:center}.empty-state b{color:#456357}.inline-error{background:#fff0ee;color:#9b3c31;padding:10px 12px;border-radius:8px;font-size:12px;margin:12px 0}.cashier-note{font-size:11px;color:#89978f;line-height:1.8;margin-top:15px}@media(max-width:600px){.cashier-form{align-items:stretch;flex-wrap:wrap}.cashier-form .field{flex-basis:100%}.cashier-form button{flex:1}.cashier-list-head,.cashier-row{grid-template-columns:minmax(0,1fr) 70px 76px;padding:11px 9px;gap:6px}.cashier-row b{font-size:12px}.cashier-actions{gap:4px}.cashier-actions button{width:31px;height:31px}.panel-heading{align-items:center}.count-pill{font-size:10px;padding:5px 8px}}.closing-panel{max-width:100%}.closing-form{margin-top:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .wide{grid-column:1/-1}.closing-form .field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.closing-form label{font-size:13px;font-weight:800}.closing-form input,.closing-form select,.closing-form textarea,.transfer-row select,.transfer-row input{width:100%;min-width:0;border:1px solid #dce6e0;border-radius:9px;padding:11px 12px;background:#fff;color:#18332b;outline:none}.closing-form input:focus,.closing-form select:focus,.closing-form textarea:focus,.transfer-row select:focus,.transfer-row input:focus{border-color:#34816a}.closing-form .field small{color:#8a9991;font-size:11px}.transfer-section{border:1px solid #e4ece7;border-radius:12px;padding:15px;margin:12px 0 18px;background:#fbfdfb}.transfer-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.transfer-title h3{margin:0;display:flex;align-items:center;gap:8px;font-size:16px}.transfer-title p{margin:4px 0 0;color:#839189;font-size:12px}.add-transfer{border:0;border-radius:8px;background:#eaf4ef;color:#21634e;padding:9px 12px;display:flex;align-items:center;gap:6px;font-weight:800;white-space:nowrap}.pending-transfers{margin-top:13px;padding:11px 13px;border-radius:9px;background:#eef6f1;color:#456357;font-size:12px;line-height:2}.pending-transfers b{display:block;color:#1d5946}.transfer-row{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 38px;gap:8px;margin-top:10px}.remove-transfer{border:1px solid #eadbd8;background:#fff;color:#a24d42;border-radius:8px}.closing-hint{display:flex;align-items:center;gap:9px;background:#f1f7f3;color:#476b5a;border-radius:9px;padding:12px;font-size:12px;line-height:1.8}.submit-closing{width:100%;height:49px;border:0;border-radius:9px;background:#175344;color:#fff;font-weight:800;margin-top:15px}.submit-closing:disabled{opacity:.55}.closing-result{margin-top:18px;padding:16px;border:1px solid #b9dcc8;border-radius:11px;background:#f2faf5}.closing-result h3{margin:0 0 10px;color:#21634e}.closing-result>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #e0eee5;font-size:13px}.closing-result>div:last-child{border:0}.closing-result b{font-variant-numeric:tabular-nums}@media(max-width:650px){.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.transfer-title{align-items:flex-start;flex-direction:column}.transfer-row{grid-template-columns:1fr 1fr}.transfer-row input{grid-column:1}.transfer-row .remove-transfer{grid-column:2;grid-row:2;height:42px}.closing-result>div{font-size:12px}}.redesigned-closing{max-width:1120px;margin-inline:auto}.redesigned-closing .closing-form{display:flex;flex-direction:column;gap:18px}.cashier-picker{max-width:520px;margin:0}.cashier-picker select{min-height:48px}.closing-top-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px}.expected-card,.opening-card{border:1px solid #dce9e1;border-radius:14px;padding:18px;background:#f7fbf8;display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:116px}.expected-card small{color:#638174;font-weight:700}.expected-card strong{font-size:27px;color:#155441;font-variant-numeric:tabular-nums}.expected-card span,.opening-card small{font-size:11px;color:#87968e}.opening-card{margin:0;background:#fff}.opening-card input{min-height:43px}.closing-section{border:1px solid #e1eae5;border-radius:14px;padding:18px;background:#fff}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-heading h3{margin:0 0 4px;font-size:17px;color:#183d31}.section-heading p{margin:0;color:#89968f;font-size:12px}.step-no{width:32px;height:32px;border-radius:10px;background:#eaf4ef;color:#1b654f;display:grid;place-items:center;font-weight:800;flex-shrink:0}.sales-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sales-grid .field,.expense-row .field,.payment-row .field{margin:0;display:flex;flex-direction:column;gap:7px}.dynamic-list{display:flex;flex-direction:column;gap:10px}.expense-row,.payment-row{display:grid;grid-template-columns:1.1fr 1.4fr .85fr 38px;align-items:end;gap:10px;padding:12px;border-radius:11px;background:#f8fbf9;border:1px solid #e8efeb}.payment-row{grid-template-columns:1.1fr .9fr 1fr 38px}.remove-line{height:42px;border:1px solid #eadbd8;background:#fff;color:#a24d42;border-radius:9px;display:grid;place-items:center}.section-total{display:flex;justify-content:space-between;align-items:center;padding:13px 3px 0;margin-top:12px;border-top:1px solid #e8efeb;color:#60766b;font-size:13px}.section-total b{color:#155441;font-size:16px}.payment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.payment-summary>div{padding:12px;border-radius:10px;background:#f2f7f4;display:flex;flex-direction:column;gap:6px}.payment-summary span{font-size:11px;color:#74877d}.payment-summary b{font-size:15px;color:#194f3e;font-variant-numeric:tabular-nums}.redesigned-closing .transfer-section{margin:0}.muted-note{color:#89968f;font-size:12px;margin:10px 0 0}.redesigned-closing .closing-hint{margin-top:0}.redesigned-closing .submit-closing{margin-top:0;min-height:52px;font-size:15px}@media(max-width:760px){.closing-top-summary,.sales-grid{grid-template-columns:1fr}.expense-row,.payment-row{grid-template-columns:1fr 1fr}.expense-row .field:nth-child(2),.payment-row .field:nth-child(3){grid-column:1/-1}.remove-line{grid-column:2;grid-row:2}.payment-summary{grid-template-columns:1fr 1fr}.closing-section{padding:13px}.expected-card strong{font-size:23px}}.add-cashier-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:18px auto 4px;padding:10px 16px;border:1px solid #cfe1d7;border-radius:9px;background:#f5faf7;color:#1d654e;font:700 13px Cairo,Tahoma,sans-serif}.cashier-panel>.add-cashier-trigger{display:flex;width:max-content}.cashier-panel .cashier-form{margin:20px 0;padding:16px;border:1px solid #e2ece6;border-radius:12px;background:#f8fbf9}.cashier-panel .cashier-list{margin-top:18px}.cashier-actions .delete-cashier{color:#a33d35;border-color:#efd7d4;background:snow}.redesigned-closing .closing-form{gap:12px}.closing-identity-grid{display:grid;grid-template-columns:1.15fr 1fr 1.15fr 1.15fr;gap:10px;padding:13px;border:1px solid #e3ebe6;border-radius:12px;background:#fbfdfb}.closing-identity-grid .field{margin:0;min-width:0}.closing-identity-grid label{font-size:12px}.closing-identity-grid input,.closing-identity-grid select{height:42px;padding:8px 10px}.closing-identity-grid .field small{font-size:10px;color:#84938b}.closing-live-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.closing-live-summary>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border:1px solid #e2ebe5;border-radius:10px;background:#f4f8f5}.closing-live-summary span{font-size:12px;color:#64796e}.closing-live-summary b{font-size:16px;color:#174f3e;font-variant-numeric:tabular-nums;white-space:nowrap}.closing-live-summary .variance-short{background:#fff5f2;border-color:#f0d9d3}.closing-live-summary .variance-short b{color:#a34236}.closing-live-summary .variance-over{background:#f0f8f2;border-color:#d5e9da}.closing-live-summary .variance-over b{color:#26734c}@media(max-width:900px){.closing-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.closing-identity-grid{gap:8px;padding:10px}.closing-identity-grid .field{margin:0}.closing-identity-grid input,.closing-identity-grid select{height:40px;font-size:13px}.closing-live-summary{grid-template-columns:1fr;gap:7px}.closing-live-summary>div{padding:10px 12px}.closing-live-summary b{font-size:15px}.redesigned-closing .closing-form{gap:10px}}