@import "https://fonts.googleapis.com/css2?family=Segoe+UI:wght@400;600;700&display=swap";html,body,#root{color:#000;text-align:left;box-sizing:border-box;background-color:#d4d0c8;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}*,:before,:after{box-sizing:border-box}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}:root{--win-bg:#eaf3f5;--win-panel:#fff;--win-border:#7f9db9;--win-dark-border:#506f8c;--win-text:#000;--win-text-muted:#444;--win-header-bg:#ece9d8;--win-selected:#0078d7;--win-selected-text:#fff;--grid-header:#cce7ed;--grid-row-alt:#f2f9fb;--kpi-blue:#145374;--kpi-red:#c94a4a;--kpi-teal:#1b6b80;--btn-green:#2e7d32;--btn-red:#c62828;--btn-blue:#1565c0}body{color:var(--win-text);-webkit-user-select:none;user-select:none;background-color:#d4d0c8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px;overflow-x:hidden}.win-desktop-shell{background-color:var(--win-bg);flex-direction:column;width:100vw;min-height:100vh;display:flex}.win-titlebar{color:#333;background:linear-gradient(#fff 0%,#e1e4e6 50%,#c9ced2 100%);border-bottom:1px solid #999;justify-content:space-between;align-items:center;height:28px;padding:0 8px;font-size:12px;font-weight:600;display:flex}.win-title-left{align-items:center;gap:6px;display:flex}.win-title-left img,.win-title-left svg{width:16px;height:16px}.win-controls{gap:2px;display:flex}.win-btn{cursor:pointer;background:linear-gradient(#f0f0f0 0%,#e0e0e0 100%);border:1px solid #adadad;border-radius:2px;justify-content:center;align-items:center;width:26px;height:20px;font-size:10px;display:flex}.win-btn:hover{background:#e5e5e5}.win-btn-close:hover{color:#fff;background:#e81123;border-color:#e81123}.win-menubar{background:#fff;border-bottom:1px solid #dcdcdc;align-items:center;gap:4px;height:24px;padding:0 4px;display:flex}.win-menu-item{color:#111;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;padding:2px 8px;font-size:12px;font-weight:600}.win-menu-item:hover{background:#e5f1fb;border-color:#70c0e7}.win-ribbon-bar{background:#fff;border-bottom:2px solid #506f8c;justify-content:space-between;align-items:center;height:38px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.win-welcome-text{letter-spacing:.5px;color:#000;font-family:Times New Roman,serif;font-size:15px;font-weight:700}.win-ribbon-center{align-items:center;gap:12px;display:flex}.btn-stamp-reminder,.btn-help-desk{color:#fff;cursor:pointer;background:linear-gradient(#ff6b6b 0%,#ee5253 100%);border:1px solid #c0392b;border-radius:3px;padding:4px 14px;font-size:12px;font-weight:700;box-shadow:inset 0 1px #fff6,0 1px 2px #0003}.btn-help-desk{background:linear-gradient(#ff7675 0%,#d63031 100%)}.win-ribbon-right{align-items:center;gap:20px;font-size:13px;font-weight:700;display:flex}.win-workspace{background-color:var(--win-bg);flex:1;height:calc(100vh - 90px);display:flex}.win-sidebar{background:#5a5d64;border-right:2px solid #333;flex-direction:column;gap:8px;width:125px;padding:8px 6px;display:flex;box-shadow:inset -2px 0 5px #0000004d}.gel-btn{text-align:center;color:#fff;text-shadow:0 1px 2px #0009;cursor:pointer;border:2px solid #fff9;border-radius:6px;justify-content:center;align-items:center;height:52px;padding:4px;font-size:12px;font-weight:700;line-height:1.2;transition:transform 50ms,filter .1s;display:flex;box-shadow:inset 0 12px 12px #ffffff73,inset 0 -12px 12px #0006,0 3px 5px #00000059}.gel-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.gel-btn:active{transform:translateY(1px);box-shadow:inset 0 4px 6px #0009}.gel-purple{background:linear-gradient(#9b59b6 0%,#8e44ad 50%,#6c3483 100%);border-color:#bb8fce}.gel-blue{background:linear-gradient(#3498db 0%,#2980b9 50%,#1f618d 100%);border-color:#85c1e9}.gel-pink{background:linear-gradient(#e91e63 0%,#c2185b 50%,#880e4f 100%);border-color:#f48fb1}.gel-green{background:linear-gradient(#2ecc71 0%,#27ae60 50%,#1e8449 100%);border-color:#a9dfbf}.gel-yellow{color:#2c3e50;text-shadow:0 1px 1px #fffc;background:linear-gradient(#f1c40f 0%,#f39c12 50%,#b9770e 100%);border-color:#f9e79f}.gel-orange{background:linear-gradient(#e67e22 0%,#d35400 50%,#a04000 100%);border-color:#edbb99}.gel-magenta{background:linear-gradient(#a569bd 0%,#7d3c98 50%,#512e5f 100%);border-color:#d2b4de}.gel-cyan{background:linear-gradient(#00acc1 0%,#00838f 50%,#006064 100%);border-color:#80deea}.win-content{flex-direction:column;flex:1;gap:12px;padding:10px 14px;display:flex;overflow-y:auto}.win-kpi-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.win-kpi-card{color:#fff;border-radius:8px;align-items:center;height:86px;padding:10px 14px;display:flex;box-shadow:0 2px 4px #0003}.kpi-blue-bg{background-color:var(--kpi-blue)}.kpi-red-bg{background-color:var(--kpi-red)}.kpi-teal-bg{background-color:var(--kpi-teal)}.kpi-icon-box{justify-content:center;align-items:center;width:52px;height:52px;margin-right:14px;font-size:32px;display:flex}.kpi-text-box{flex-direction:column;justify-content:center;display:flex}.kpi-title{letter-spacing:.3px;margin-bottom:2px;font-size:16px;font-weight:700}.kpi-value{letter-spacing:.5px;font-size:20px;font-weight:700}.win-main-grid{flex:1;grid-template-columns:1.15fr .85fr;gap:14px;display:grid}.win-left-column,.win-right-column{flex-direction:column;gap:12px;display:flex}.win-panel-box{background:#fff;border:1px solid #7f9db9;border-radius:12px;padding:12px 14px;box-shadow:0 1px 3px #0000001a}.win-panel-heading{text-align:center;color:#111;margin-bottom:12px;font-size:18px;font-weight:700}.breakdown-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.breakdown-card{color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:80px;font-size:24px;display:flex;box-shadow:inset 0 1px 1px #fff6,0 2px 4px #00000026}.card-cash{background-color:var(--btn-green)}.card-credit{background-color:var(--btn-red)}.card-digital{background-color:var(--btn-blue)}.breakdown-subtext-row{justify-content:space-around;margin-bottom:14px;display:flex}.breakdown-item-label{text-align:center;width:30%}.item-label-name{color:#222;margin-bottom:2px;font-size:15px;font-weight:700}.item-label-amt{color:#000;font-size:15px;font-weight:700}.total-collection-bar{color:#111;padding-left:10px;font-size:18px;font-weight:800}.stock-panel{background:#fff;border:1px solid #7f9db9;padding:10px 14px}.stock-panel-title{color:#111;margin-bottom:8px;font-size:15px;font-weight:700}.stock-table{border-collapse:collapse;width:100%}.stock-table th{text-align:left;color:#000;border:1px solid #7f9db9;padding:6px 10px;font-size:16px;font-weight:700}.stock-table td{border:1px solid #7f9db9;padding:6px 10px;font-size:15px;font-weight:700}.progress-container{background-color:#fff;border:1px solid #2e7d32;width:100%;height:28px;position:relative}.progress-bar-fill{color:#fff;text-shadow:0 1px 1px #000000b3;background:linear-gradient(#4caf50 0%,#2e7d32 100%);justify-content:center;align-items:center;height:100%;font-size:15px;font-weight:700;display:flex}.win-grid-container{background:#fff;border:1px solid #7f9db9;flex-direction:column;height:215px;display:flex;overflow:hidden}.win-grid-scroll{flex:1;overflow-y:scroll}.win-datagrid{border-collapse:collapse;width:100%;font-size:12px}.win-datagrid thead th{background:var(--grid-header);text-align:left;color:#000;z-index:2;border:1px solid #7f9db9;padding:4px 8px;font-weight:600;position:sticky;top:0}.win-datagrid tbody tr{border-bottom:1px solid #e0e0e0}.win-datagrid tbody tr:hover{background-color:#e5f3ff}.win-datagrid tbody tr.win-selected-row{background-color:var(--win-selected)!important;color:var(--win-selected-text)!important}.win-datagrid td{white-space:nowrap;border-right:1px solid #e0e0e0;padding:3px 8px}.text-right{text-align:right}.win-footer-bar{color:#333;background:#fff;border-top:1px solid #999;justify-content:space-between;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:600;display:flex}.win-modal-overlay{z-index:1000;background-color:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.win-form-dialog{background:#ece9d8;border:2px solid #0055ea;border-radius:4px;flex-direction:column;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 8px 24px #0009}.win-dialog-titlebar{color:#fff;background:linear-gradient(#0a246a 0%,#a6caf0 100%);justify-content:space-between;align-items:center;height:26px;padding:0 6px;font-size:12px;font-weight:700;display:flex}.win-dialog-body{background:#f0f0f0;padding:10px;font-size:12px;overflow-y:auto}.win-dialog-footer{background:#ece9d8;border-top:1px solid #999;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.hotkeys-hint-red{color:#d63031;font-size:12px;font-weight:700}.win-form-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.win-label{color:#000;min-width:70px;font-size:12px;font-weight:600}.win-input,.win-select,input,select,textarea{background-color:#fff;border:1px solid #7f9db9;border-radius:1px;height:22px;padding:1px 4px;font-size:12px;-webkit-user-select:text!important;user-select:text!important}.win-input,input,textarea{cursor:text}.win-select,select{cursor:pointer}input[readonly],.win-input[readonly]{border-color:#ced4da;color:#212529!important;cursor:default!important;background-color:#e9ecef!important}.win-input:focus,.win-select:focus,input:focus,select:focus,textarea:focus{border-color:#0078d7;outline:none}.win-btn-classic{cursor:pointer;background:linear-gradient(#fff 0%,#ece9d8 100%);border:1px solid #7f9db9;border-radius:2px;height:24px;padding:0 12px;font-size:11px;font-weight:600;box-shadow:0 1px 1px #0000001a}.win-btn-classic:hover{background:#e5f1fb;border-color:#0078d7}.win-btn-primary{color:#fff;background:linear-gradient(#3498db 0%,#2980b9 100%);border-color:#1f618d}.win-btn-primary:hover{background:#2980b9}.win-menu-dropdown-wrapper{display:inline-block;position:relative}.win-dropdown-menu{z-index:500;background:#fff;border:1px solid #7f9db9;min-width:190px;padding:2px 0;position:absolute;top:100%;left:0;box-shadow:2px 4px 8px #00000040}.win-dropdown-item{color:#111;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.win-dropdown-item:hover{color:#fff;background:#39f}.win-menu-divider{background:#e0e0e0;height:1px;margin:2px 0}.calc-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.calc-btn{cursor:pointer;background:linear-gradient(#fff 0%,#ece9d8 100%);border:1px solid #7f9db9;border-radius:2px;height:34px;font-size:14px;font-weight:700}.calc-btn:hover{background:#e5f1fb}.calc-btn-op{color:#0055ea;background:linear-gradient(#f7f9fa 0%,#e1e7ec 100%)}.calc-display{text-align:right;background:#fff;border:1px solid #7f9db9;width:100%;height:38px;margin-bottom:8px;padding:4px 8px;font-family:Consolas,monospace;font-size:20px;font-weight:700}.statement-sheet{color:#000;background:#fff;border:1px solid #000;padding:16px;font-family:Arial,sans-serif}.statement-title-bar{text-align:center;border-bottom:2px solid #000;margin-bottom:12px;padding-bottom:8px}.statement-bunk-name{font-size:22px;font-weight:700}.statement-subtitle{color:#333;font-size:13px}.statement-meta-grid{border:1px solid #000;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:12px;padding:8px;font-size:12px;display:grid}.statement-table{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:11px}.statement-table th,.statement-table td{border:1px solid #000;padding:4px 6px}.statement-table th{background:#f0f0f0;font-weight:700}.statement-bottom-summary{border:1px solid #000;grid-template-columns:1.3fr 1fr;display:grid}.terms-box{border-right:1px solid #000;padding:8px;font-size:11px}.totals-calc-box{flex-direction:column;display:flex}.totals-calc-row{border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:4px 8px;font-size:12px;display:flex}.totals-calc-row.final-due{background:#f8f8f8;border-bottom:none;font-size:14px;font-weight:700}.win-tab-bar{background:#f0f0f0;border-bottom:2px solid #0055ea;gap:2px;margin-bottom:10px;padding:4px 6px 0;display:flex}.win-tab-btn{color:#333;cursor:pointer;background:#e1e1e1;border:1px solid #adadad;border-bottom:none;border-radius:4px 4px 0 0;padding:5px 14px;font-size:11px;font-weight:700;transition:all .15s}.win-tab-btn:hover{color:#0055ea;background:#fff}.win-tab-btn.active{color:#fff;background:#0055ea;border-color:#0055ea;box-shadow:inset 0 1px #fff6}.win-toast{color:#fff;z-index:99999;background:linear-gradient(#2ecc71 0%,#27ae60 100%);border:1px solid #1e8449;border-radius:4px;align-items:center;gap:10px;padding:10px 18px;font-size:13px;font-weight:700;animation:.25s cubic-bezier(.175,.885,.32,1.275) winToastSlide;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 14px #00000059}@keyframes winToastSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.win-search-box{align-items:center;gap:6px;margin-bottom:6px;font-size:11px;display:flex}.win-search-box input{border:1px solid #7f9db9;outline:none;width:160px;padding:3px 6px;font-size:11px}.win-search-box input:focus{border-color:#0055ea;box-shadow:0 0 3px #0055ea66}.tank-visualizer-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:10px;display:grid}.tank-gauge-card{background:#fff;border:2px solid #506f8c;border-radius:6px;align-items:center;gap:14px;padding:12px;display:flex;box-shadow:inset 0 0 10px #0000000d}.tank-cylinder{background:#f0f0f0;border:2px solid #333;border-radius:8px;width:50px;height:120px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.tank-liquid-ms{background:linear-gradient(#ff7675 0%,#d63031 100%);transition:height .4s;position:absolute;bottom:0;left:0;right:0}.tank-liquid-hsd{background:linear-gradient(#74b9ff 0%,#0984e3 100%);transition:height .4s;position:absolute;bottom:0;left:0;right:0}.tank-details{flex:1;font-size:11px;line-height:1.6}.thermal-slip-box{background:#fff;border:1px dashed #666;width:320px;margin:0 auto;padding:14px;font-family:Courier New,Courier,monospace;font-size:12px;box-shadow:0 2px 8px #00000026}.thermal-slip-header{text-align:center;border-bottom:1px dashed #000;margin-bottom:8px;padding-bottom:8px}.thermal-slip-row{justify-content:space-between;margin:2px 0;display:flex}.thermal-slip-footer{text-align:center;border-top:1px dashed #000;margin-top:8px;padding-top:8px;font-size:11px}@media print{body *{visibility:hidden}.statement-sheet,.statement-sheet *,.thermal-slip-box,.thermal-slip-box *,.crystal-report-sheet,.crystal-report-sheet *{visibility:visible}.statement-sheet,.thermal-slip-box,.crystal-report-sheet{width:100%;margin:0;padding:0;position:absolute;top:0;left:0}}.win-groupbox{background-color:#f7f9fb;border:1px solid #7f9db9;border-radius:2px;margin-bottom:8px;padding:8px 10px}.win-groupbox legend{color:#0b3954;padding:0 4px;font-size:11px;font-weight:700}.report-criteria-grid{grid-template-columns:repeat(4,1fr);gap:2px 10px;max-height:230px;padding:4px;display:grid;overflow-y:auto}.report-radio-label{color:#111;cursor:pointer;white-space:nowrap;align-items:center;gap:4px;font-size:10.5px;display:flex}.report-radio-label input[type=radio]{cursor:pointer}.crystal-viewer-dialog{background:#d4d0c8;border:2px solid #0055ea;flex-direction:column;width:95vw;max-width:1200px;height:90vh;display:flex;box-shadow:0 8px 24px #0006}.crystal-toolbar{-webkit-user-select:none;user-select:none;background:#ece9d8;border-bottom:1px solid #999;align-items:center;gap:6px;height:30px;padding:0 8px;font-size:11px;display:flex}.crystal-tool-btn{cursor:pointer;color:#333;background:0 0;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;padding:2px 5px;font-size:12px;display:flex}.crystal-tool-btn:hover{background:#fff;border:1px solid #7f9db9}.crystal-page-counter{color:#222;align-items:center;gap:4px;margin:0 4px;font-size:11px;display:flex}.crystal-canvas-wrapper{background:#737373;flex:1;justify-content:center;padding:20px;display:flex;overflow:auto}.crystal-report-sheet{color:#000;background:#fff;width:960px;min-height:1100px;padding:24px 30px;font-family:Arial,Helvetica,sans-serif;font-size:11.5px;position:relative;box-shadow:0 4px 12px #00000080}.crystal-report-title{text-align:center;color:#b71c1c;letter-spacing:.5px;margin-bottom:2px;font-size:16px;font-weight:700}.crystal-company-name{text-align:center;color:#000;font-size:14px;font-weight:700}.crystal-table{border-collapse:collapse;width:100%;margin-top:6px;margin-bottom:10px;font-size:11px}.crystal-table th{color:#000;text-align:left;background:#d896b7;border:1px solid #777;padding:3px 6px;font-weight:700}.crystal-table td{border:1px solid #999;padding:3px 6px}.crystal-table-subhead{background:#b2ebf2;border:1px solid #777;padding:4px 6px;font-size:12px;font-weight:700}.crystal-highlight-row{background:#fff59d;font-weight:700}.crystal-total-box{text-align:center;background:#f8bbd0;border:1px solid #888;padding:4px;font-weight:700}.emp-settlement-dialog{background:#ece9d8;border:2px solid #0055ea;width:95vw;max-width:1150px;box-shadow:0 8px 24px #0006}.emp-settlement-grid{grid-template-columns:1.4fr 1fr;gap:12px;display:grid}.win-btn-green{color:#fff;cursor:pointer;background:linear-gradient(#4caf50 0%,#388e3c 100%);border:1px solid #2e7d32;padding:4px 12px;font-weight:700}.win-btn-green:hover{background:linear-gradient(#66bb6a 0%,#43a047 100%)}.gap-highlight{color:#c62828;background:#ffebee;border:1px solid #e57373;padding:2px 6px;font-weight:700}.gap-ok{color:#2e7d32;background:#e8f5e9;border:1px solid #81c784;padding:2px 6px;font-weight:700}