@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f6f6;font-family:MontserratRegular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*,body{margin:0;padding:0}.html{scroll-behavior:smooth}::placeholder{opacity:.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:MontserratLight;src:local("Montserrat"),url(/static/media/Light.7179b7d2ac9b599db5f9.ttf) format("truetype")}@font-face{font-family:MontserratBold;src:local("Montserrat"),url(/static/media/Bold.50f0257aa1e905f4bfaf.ttf) format("truetype")}@font-face{font-family:MontserratRegular;src:local("Montserrat"),url(/static/media/Regular.24785cc015b27a3e964b.ttf) format("truetype")}@font-face{font-family:MontserratItalic;src:local("Montserrat"),url(/static/media/Italic.f4a742d68090a0bfc33f.ttf) format("truetype")}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pause-view{align-items:center;background:#f8f6f6;display:flex;flex-direction:column;font-size:.9em;font-weight:600;height:100vh;justify-content:center;letter-spacing:.8px;width:100vw;z-index:5}.saccess{background:#0000;border:0 solid #000;cursor:default;outline:none;position:absolute;right:20px;top:20px}.pause-base-code{bottom:20px;font-size:.6em;left:50%;position:fixed;transform:translateX(-50%)}.loadingpage{align-items:center;background:#f8faf9;display:flex;flex-direction:column;font-family:MontserratRegular,sans-serif;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.loadingpage:before{background:radial-gradient(circle at 50% 50%,#6af2ad14 0,#0000 60%);content:"";height:150%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:150%;z-index:0}.loading-container{flex-direction:column;gap:48px;z-index:10}.loadinglogocover{align-items:center;display:flex;height:320px;justify-content:center;position:relative;width:320px}.loadinglogo{border:2px solid var(--login-primary);border-radius:50%;filter:drop-shadow(0 0 15px rgba(255,255,255,.3));height:200px;object-fit:contain;padding:20px;width:200px;z-index:5}.logo-ring{border:2px solid #0000;border-radius:50%;border-top-color:#173829;height:100%;position:absolute;width:100%;z-index:4}.logo-ring-outer{border:1px dashed #1738291a;border-radius:50%;height:140%;position:absolute;width:140%;z-index:3}.logo-glow{background:radial-gradient(circle,#6af2ad26 0,#0000 70%);border-radius:50%;height:110%;position:absolute;width:110%;z-index:2}.loading-text-content{text-align:center}.loadingpage h3{color:#173829;font-family:MontserratBold,sans-serif;font-size:16px;font-weight:800;letter-spacing:4px;margin:0;text-transform:uppercase}.loading-status{align-items:center;color:#17382999;display:flex;font-size:13px;font-weight:500;gap:10px;justify-content:center;margin-top:16px}.status-dot{animation:blink 1.5s infinite;background:#6af2ad;border-radius:50%;box-shadow:0 0 10px #6af2adcc;display:inline-block;height:6px;width:6px}.loading-footer{bottom:40px;color:#17382966;font-size:11px;font-weight:700;letter-spacing:2px;position:absolute;text-transform:uppercase}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}:root{--login-primary:#173829;--login-secondary:#2b6a4b;--login-accent:#6af2ad;--login-bg:#f5f8f6;--login-card-bg:#fff;--login-text:#173829;--login-text-muted:#17382999;--login-shadow:0 10px 40px #17382914;--login-radius:24px}.login-page,.login-wrapper{background:#f5f8f6;background:var(--login-bg);color:#173829;color:var(--login-text);font-family:MontserratRegular,sans-serif;min-height:100vh;overflow-y:auto;position:relative;width:100vw}.login-page{align-items:center;background:linear-gradient(135deg,#f5f8f6,#e8f0eb);display:flex;justify-content:center}.login-container{background:#fff;display:flex;min-height:100vh;width:100%}.login-side-form{display:flex;flex:0.8 1;flex-direction:column;justify-content:center;padding:80px}.form-header{margin-bottom:40px}.mobile-logo{display:none;margin-bottom:24px}.mobile-logo img{border:2px solid #173829;border:2px solid var(--login-primary);border-radius:50%;height:140px;object-fit:contain;padding:10px;width:140px}.form-header h2{color:#173829;color:var(--login-primary);font-family:MontserratBold,sans-serif;font-size:38px;margin-bottom:15px}.form-header p{color:#17382999;color:var(--login-text-muted);font-size:15px;font-weight:500}.login-form{display:flex;flex-direction:column;gap:32px}.input-group{display:block}.input-group label{color:#173829;color:var(--login-primary);display:block;font-size:14px;font-weight:800;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.input-with-icon{display:block;position:relative}.input-with-icon .icon{align-items:center;color:#2b6a4b;color:var(--login-secondary);display:flex;font-size:20px;left:18px;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon input{background:#f8faf9;border:1.5px solid #17382914;border-radius:14px;box-sizing:border-box;font-family:MontserratRegular,sans-serif;font-size:15px;height:56px;outline:none;padding:0 52px;transition:all .3s ease;width:100%}.input-with-icon input:focus{background:#fff;border-color:#2b6a4b;border-color:var(--login-secondary);box-shadow:0 0 0 4px #2b6a4b0d}.toggle-pass{align-items:center;background:none;border:none;color:#17382999;color:var(--login-text-muted);cursor:pointer;display:flex;font-size:20px;justify-content:center;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.form-options{text-align:right}.forgot-pass{color:#2b6a4b;color:var(--login-secondary);cursor:pointer;font-size:13px;font-weight:700}.main-login-btn{background:#173829;background:var(--login-primary);border:none;border-radius:14px;box-shadow:0 10px 20px #17382933;color:#fff;cursor:pointer;font-family:MontserratBold,sans-serif;font-size:16px;font-weight:800;height:60px}.form-footer-note{background:#f8faf9;border-left:4px solid #6af2ad;border-left:4px solid var(--login-accent);border-radius:12px;margin-top:32px;padding:16px}.form-footer-note p{color:#17382999;color:var(--login-text-muted);font-size:12px;line-height:1.5}.login-side-visual{align-items:center;background:#173829;background:var(--login-primary);color:#fff;display:flex;flex:1.2 1;justify-content:center;padding:60px;position:relative}.visual-overlay{background:radial-gradient(circle at 30% 30%,#6af2ad26 0,#0000 70%);inset:0;position:absolute}.visual-content{max-width:440px;position:relative;text-align:center;z-index:10}.visual-logo-box{margin-bottom:40px}.visual-logo-box img{border:2px solid #fff;border-radius:50%;filter:drop-shadow(0 15px 30px rgba(0,0,0,.2));height:200px;object-fit:contain;padding:10px;width:200px}.visual-content h1{font-family:MontserratBold,sans-serif;font-size:42px;letter-spacing:-1px;line-height:1.1;margin-bottom:24px}.visual-divider{background:#6af2ad;background:var(--login-accent);border-radius:2px;height:4px;margin:0 auto 24px;width:60px}.visual-content p{font-size:16px;font-weight:500;line-height:1.6;margin-bottom:48px;opacity:.8}.visual-stats{display:flex;gap:40px;justify-content:center}.stat-num{color:#6af2ad;color:var(--login-accent);font-family:MontserratBold,sans-serif;font-size:24px}.stat-label{font-size:12px;letter-spacing:1px;opacity:.6}.user-login-container{align-items:center;background:radial-gradient(circle at 10% 10%,#f0f4f1 0,#e0e9e4 100%);display:flex;height:100%;justify-content:center;padding:40px;width:100%}.user-login-content{max-width:1000px;width:100%}.user-header{margin-bottom:60px;text-align:center}.user-app-logo{border:2px solid #173829;border:2px solid var(--login-primary);border-radius:50%;filter:drop-shadow(0 10px 20px rgba(23,56,41,.1));height:160px;margin-bottom:32px;object-fit:contain;padding:10px;width:160px}.user-header h1{color:#173829;color:var(--login-primary);font-family:MontserratBold,sans-serif;font-size:36px;margin-bottom:8px}.user-header p{color:#17382999;color:var(--login-text-muted);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.user-login-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.user-card{background:#fff;border:1px solid #17382908;border-radius:24px;box-shadow:0 15px 35px #1738290d;cursor:pointer;gap:20px;padding:28px;transition:all .3s ease}.card-icon-box,.user-card{align-items:center;display:flex}.card-icon-box{background:#f0f4f2;border-radius:16px;height:56px;justify-content:center;min-width:56px;width:56px}.card-icon-box.primary{background:#173829;background:var(--login-primary);color:#fff}.card-icon-box.success{background:#e7f7ef;color:#173829}.card-icon-box.danger{background:#feebeb;color:#d11212}.card-icon{font-size:24px}.card-text{display:flex;flex-direction:column;min-width:0}.card-label{color:#17382999;color:var(--login-text-muted);font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.card-value{color:#173829;color:var(--login-primary);font-size:16px;font-weight:800}.card-value.primary{font-size:20px}.card-subvalue{color:#17382999;color:var(--login-text-muted);font-size:12px;font-weight:500}.info-card{cursor:default}.keypad-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#173829d9;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:16px;position:fixed;z-index:1000}.keypad-content{-webkit-overflow-scrolling:touch;background:#fff;border-radius:28px;box-shadow:0 40px 100px #0000004d;max-height:calc(100dvh - 32px);max-width:640px;overflow-y:auto;padding:32px;width:100%}.keypad-header{justify-content:space-between;margin-bottom:24px}.header-title,.keypad-header{align-items:center;display:flex}.header-title{color:#173829;color:var(--login-primary);gap:12px}.header-title svg{font-size:24px}.header-title h3{font-family:MontserratBold,sans-serif;font-size:18px;margin:0}.close-btn{background:#f0f3f1;border-radius:50%;color:#173829;color:var(--login-primary);height:40px;transition:all .2s;width:40px}.close-btn:hover{background:#e1e7e3;transform:scale(1.1)}.keypad-fields{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.input-field-wrapper{display:flex;flex-direction:column;gap:6px}.input-field-wrapper label{color:#17382999;color:var(--login-text-muted);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.input-field-wrapper input{background:#f8faf9;border:1.5px solid #17382914;border-radius:12px;box-sizing:border-box;color:#173829;color:var(--login-primary);font-family:MontserratBold,sans-serif;font-size:15px;height:50px;outline:none;padding:0 16px;transition:all .2s ease;width:100%}.input-field-wrapper.focused input{background:#fff;border-color:#2b6a4b;border-color:var(--login-secondary);box-shadow:0 0 0 3px #2b6a4b14}.pin-input-box{position:relative}.pin-input-box input{padding-right:48px}.pin-toggle{align-items:center;background:none;border:none;color:#17382999;color:var(--login-text-muted);cursor:pointer;display:flex;font-size:20px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.virtual-keypad{background:#f4f6f5;border-radius:18px;display:flex;flex-direction:column;gap:6px;margin-bottom:24px;padding:12px}.keypad-row{gap:5px}.keypad-row,.keypad-row .key{display:flex;justify-content:center}.keypad-row .key{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:1px solid #17382914;border-radius:10px;box-shadow:0 1px 3px #0000000a;color:#173829;color:var(--login-primary);cursor:pointer;flex:1 1;font-family:MontserratRegular,sans-serif;font-size:14px;font-weight:700;height:44px;max-width:52px;min-width:0;padding:0;transition:all .12s ease;user-select:none;-webkit-user-select:none}.keypad-row .key:hover{background:#173829;background:var(--login-primary);border-color:#173829;border-color:var(--login-primary);color:#fff}.keypad-row .key:active{background:#2b6a4b;background:var(--login-secondary);color:#fff;transform:scale(.93)}.keypad-row .key.ctrl-key{background:#e8ece9;flex:1.4 1;font-size:11px;font-weight:800;letter-spacing:.3px;max-width:72px}.keypad-row .key.ctrl-key.active-ctrl{background:#2b6a4b;background:var(--login-secondary);border-color:#2b6a4b;border-color:var(--login-secondary);color:#fff}.keypad-row .key.ctrl-key:hover{background:#173829;background:var(--login-primary);color:#fff}.keypad-row .key.delete{background:#fef0f0;border-color:#c530301f;color:#c53030;font-size:18px}.keypad-row .key.delete:hover{background:#c53030;color:#fff}.bottom-row .key.symbol-key{background:#e8ece9;flex:1.3 1;font-size:12px;font-weight:800;max-width:64px}.bottom-row .key.symbol-key.active-ctrl{background:#2b6a4b;background:var(--login-secondary);color:#fff}.bottom-row .key.tab-key{background:#e8ece9;flex:1 1;font-size:11px;font-weight:800;max-width:54px}.bottom-row .key.space-key{flex:4 1;font-size:11px;font-weight:800;letter-spacing:2px;max-width:none}.bottom-row .key.dot-key{flex:0.8 1;font-size:16px;font-weight:800;max-width:44px}.bottom-row .key.clear-key{background:#fef0f0;border-color:#c530301f;color:#c53030;flex:1 1;font-size:11px;font-weight:800;max-width:54px}.bottom-row .key.clear-key:hover{background:#c53030;color:#fff}.keypad-actions{display:flex;gap:12px}.cancel-action{background:#f0f3f1;border:none;border-radius:14px;color:#173829;color:var(--login-primary);cursor:pointer;flex:1 1;font-family:MontserratRegular,sans-serif;font-size:14px;font-weight:700;height:52px;transition:all .2s}.cancel-action:hover{background:#e1e7e3}.submit-action{background:#173829;background:var(--login-primary);border:none;border-radius:14px;box-shadow:0 8px 20px #17382933;color:#fff;cursor:pointer;flex:2 1;font-family:MontserratBold,sans-serif;font-size:15px;font-weight:800;height:52px;transition:all .2s}.submit-action:hover{background:#2b6a4b;background:var(--login-secondary);box-shadow:0 12px 28px #17382940}.submit-action:disabled{box-shadow:none;cursor:not-allowed;opacity:.4}.login-toast{align-items:center;background:#fff;border-radius:16px;bottom:32px;box-shadow:0 20px 50px #0000001f,0 0 0 1px #d1121214;color:#173829;color:var(--login-primary);display:flex;font-size:14px;font-weight:600;gap:14px;left:10px;max-width:calc(100vw - 40px);min-width:280px;overflow:hidden;padding:16px 20px;position:fixed;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content;z-index:6000}.login-toast-accent{background:#d11212;border-radius:4px 0 0 4px;bottom:0;left:0;position:absolute;top:0;width:4px}.login-toast-icon{align-items:center;background:#feebeb;border-radius:10px;color:#d11212;display:flex;font-size:16px;font-weight:900;height:32px;justify-content:center;min-width:32px;width:32px}.login-toast-text{color:#333;flex:1 1;line-height:1.4}.login-toast-close{align-items:center;background:none;border:none;border-radius:8px;color:#999;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px 8px;transition:all .2s}.login-toast-close:hover{background:#f5f5f5;color:#333}@media (max-width:900px){.login-container{flex-direction:column;height:auto;min-height:100vh}.login-side-visual{display:none}.mobile-logo{display:flex;justify-content:center}.login-side-form{flex:1 1;justify-content:flex-start;padding:60px 24px 40px}.form-header h2{font-size:28px}.form-header h2,.form-header p{text-align:center}}@media (max-width:480px){.login-side-form{padding:40px 16px 24px}.mobile-logo img{height:100px;width:100px}.form-header h2{font-size:24px}.input-with-icon input{font-size:14px;height:50px}.main-login-btn{font-size:14px;height:52px}.login-form{gap:24px}}@media (max-width:768px){.user-login-container{align-items:flex-start;padding:40px 20px 20px}.user-header{margin-bottom:32px}.user-app-logo{height:100px;margin-bottom:20px;width:100px}.user-header h1{font-size:24px}.user-header p{font-size:11px;letter-spacing:1px}.user-login-grid{gap:16px;grid-template-columns:1fr}.user-card{border-radius:18px;gap:16px;padding:20px}.card-icon-box{border-radius:14px;height:48px;min-width:48px;width:48px}.card-icon{font-size:20px}.card-value{font-size:14px}.card-value.primary{font-size:17px}}@media (max-width:680px){.keypad-modal{align-items:flex-start;padding:12px 8px 8px}.keypad-content{border-radius:22px;max-height:calc(100dvh - 24px);padding:20px}.keypad-header{margin-bottom:16px}.header-title h3{font-size:15px}.keypad-fields{gap:12px;grid-template-columns:1fr;margin-bottom:16px}.input-field-wrapper input{font-size:14px;height:46px}.virtual-keypad{border-radius:14px;gap:5px;margin-bottom:16px;padding:8px}.keypad-row{gap:4px}.keypad-row .key{border-radius:8px;font-size:13px;height:40px;max-width:48px}.keypad-row .key.ctrl-key{font-size:10px;max-width:60px}.bottom-row .key.symbol-key{font-size:11px;max-width:56px}.bottom-row .key.tab-key{font-size:10px;max-width:46px}.bottom-row .key.dot-key{max-width:38px}.bottom-row .key.clear-key{font-size:10px;max-width:46px}.keypad-actions{gap:10px}.cancel-action,.submit-action{border-radius:12px;font-size:13px;height:48px}}@media (max-width:400px){.keypad-content{border-radius:18px;padding:14px}.keypad-row .key{border-radius:7px;font-size:12px;height:36px;max-width:42px}.keypad-row .key.ctrl-key{font-size:9px;max-width:52px}.keypad-row .key.delete{font-size:15px}.bottom-row .key.space-key{font-size:10px}.bottom-row .key.symbol-key{font-size:10px;max-width:48px}.bottom-row .key.tab-key{font-size:9px;max-width:40px}.bottom-row .key.dot-key{max-width:34px}.bottom-row .key.clear-key{font-size:9px;max-width:40px}.input-field-wrapper input{font-size:13px;height:42px;padding:0 12px}.cancel-action,.submit-action{font-size:12px;height:44px}}@media (max-width:600px){.login-toast{border-radius:14px;bottom:16px;font-size:13px;left:16px;max-width:none;min-width:0;padding:14px 16px;right:16px;transform:none;width:auto}}.dashboard{background:#ffffffe6;display:flex;height:100vh;width:100vw}.mainview{overflow:auto;width:100%}.sidenav{background:#393636;box-shadow:2px 0 5px #0003;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s ease-in-out;width:320px;z-index:3000}.navbox{flex:1 1;overflow-x:hidden;overflow-y:auto;padding-bottom:20px}.sidenav.collapsed{box-sizing:border-box;width:-webkit-max-content;width:max-content}.sidenav.collapsed .navdivcount{align-items:center;display:flex;justify-content:center;z-index:1}.sidenav.collapsed::-webkit-scrollbar{width:4px}.sidenav.collapsed::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidenav.collapsed::-webkit-scrollbar-track{background:#0000}.sidenav.collapsed .navdiv{overflow:visible;position:relative}.sidenav.collapsed .navdiv:after{background:#333;border-radius:4px;color:#fff;content:attr(data-tooltip);font-size:14px;left:100%;margin-left:10px;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:9999}.sidenav.collapsed .navdiv:hover:after{opacity:1;visibility:visible}.sidenav.collapsed .navheader{padding:10px 0}.sidenav.collapsed .navdiv{justify-content:center;padding:12px 0}.sidenav.collapsed .navdiv>div:not(.navdivcount){display:none}.sidenav.collapsed .navdiv .navdivicon{font-size:1.5rem;margin-right:0}.navheader{border-bottom:1px solid #ffffff1a;font-size:1.1rem;font-weight:700;padding:15px 20px;position:relative;transition:all .3s ease}.collapse-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:5px;transition:all .2s ease}.collapse-btn:hover{background:#ffffff1a}.main-content{margin-left:280px;transition:margin .3s ease-in-out}.sidenav.collapsed+.main-content{margin-left:60px}.mobile-menu-btn{align-items:center;background:#4e7d08;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:35px;justify-content:center;left:5px;padding:0;position:fixed;top:5px;width:35px;z-index:3001}@media (min-width:769px){.sidenav{left:-100%}}.sidenav.collapsed .navbarr{gap:5px!important;grid-template-columns:1fr!important;padding-right:0;width:100%}.sidenav.collapsed .navdiv{box-sizing:border-box;justify-content:center!important;margin:2px 4px!important;min-width:auto!important;padding:12px 0!important;width:calc(100% - 8px)!important}.sidenav.collapsed .navdivicon{margin:0!important}.sidenav.collapsed .navdiv>div:not(.notification-badge):not(.navdivcount){display:none}.sidenav.collapsed .navdiv>.navdiviconwrap{display:grid!important}.sidenav.collapsed .navdivcount{position:absolute;right:2px;top:2px;transform:scale(.8);transform-origin:top right}.mobile-menu-badge{align-items:center;background:#f44;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.sidenav.open{left:0}.menu-overlay{background:#0000;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:-1}.menu-overlay.open{background:#00000080;display:block;z-index:999}.navbarr{box-sizing:border-box;flex-direction:column;gap:15px;padding:20px 15px}.navbarr,.navdiv{display:flex;width:100%}.navdiv{background:#7cc50f;border-radius:4px;border-radius:7px;color:#fff;cursor:pointer;flex-direction:row;margin:4px 10px;padding:12px 15px;position:relative;transition:all .2s ease;white-space:nowrap;div{color:#fff;cursor:pointer;font-size:11px};}.navdiv:hover{border:2px solid #fff;color:#fff;font-weight:700}.navdivicon{cursor:pointer;font-size:24px;min-width:30px;text-align:center}.selected{background:#4e7d08;border:2px solid #fff;color:#fff;font-weight:700}.navlogouticon{font-size:20px}.navlogout{align-items:center;background:#77c207;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:bolder;gap:15px;justify-content:flex-start;margin-top:20px;padding:12px 15px;width:100%}@media (min-width:1025px){.sidenav{box-shadow:none;left:0;position:relative;width:30%}.mobile-menu-btn{display:none}.menu-overlay{display:none!important}.navbarr{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:10px;width:100%}.navdiv{flex-direction:column;justify-content:center;margin:0;min-height:80px;padding:10px 5px;width:auto}.navdivicon{font-size:24px;margin-bottom:5px}.navdiv div{font-size:12px}.navlogout{grid-column:1/-1;justify-content:center;margin:5px 0 0;padding:10px 0;width:auto}}@media (max-width:768px){.sidenav{left:-100%;transition:left .3s ease-in-out;width:280px}.sidenav.open{left:0}.sidenav.collapsed{width:-webkit-max-content;width:max-content}.sidenav.collapsed.open{left:0}.mobile-menu-btn{display:flex}.menu-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:2999}.menu-overlay.open{display:block;z-index:999}.navbarr{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:15px 10px}.navdiv{flex-direction:column;justify-content:center;min-height:75px;padding:12px 5px;text-align:center}.navdivicon{font-size:22px;margin-bottom:4px}.navdiv div{font-size:11px;line-height:1.2}.navlogout{grid-column:1/-1;justify-content:center;margin-top:5px;padding:12px 0}.navheader{font-size:1.2rem;margin:15px auto}}@media (max-width:576px){.mobile-menu-btn{display:flex}.sidenav{width:280px}.navbarr{padding:20px 15px}}.navdivcount{align-items:center;background:red;border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;position:absolute;right:0;top:0;width:20px}.sidenav{background:radial-gradient(circle at top left,#ffcc6626,#0000 24%),linear-gradient(180deg,#173829,#1f4734 45%,#153324);box-shadow:18px 0 48px #0c1c142e;color:#f4f6ef;width:310px}.navheader{border-bottom:1px solid #ffffff14;justify-content:space-between;padding:22px 18px 18px}.navbrand,.navheader{align-items:center;display:flex;gap:12px}.navbrand{min-width:0}.navbrand-mark{background:linear-gradient(135deg,#ffe29a,#dff1e6);border-radius:16px;color:#173829;display:grid;flex-shrink:0;font-weight:800;height:44px;letter-spacing:.08em;place-items:center;width:44px}.navbrand-copy{display:grid;min-width:0}.navbrand-title{color:#f7f9f3;font-size:.92rem;font-weight:700;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbrand-subtitle{color:#f4f6efad;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.collapse-btn{background:#ffffff14;border-radius:14px;color:#f7f9f3;font-size:0;font-weight:700;height:40px;width:40px}.collapse-btn:before{content:"<";font-size:1rem}.sidenav.collapsed .collapse-btn:before{content:">"}.collapse-btn:hover{background:#ffffff24}.navbox{padding:12px 10px 4px}.navbarr{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;padding:0}.navdiv{grid-gap:12px;align-items:center;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:22px;display:grid;gap:12px;grid-template-columns:auto 1fr auto;margin:0;min-height:74px;padding:14px 14px 14px 12px;white-space:normal;width:auto}.navdiv:hover{background:#ffffff1a;border:1px solid #ffffff24;transform:translateY(-1px)}.selected{background:linear-gradient(135deg,#ffe29a2e,#dff1e61a);border:1px solid #ffe29a61;box-shadow:0 16px 30px #0918112e}.navdiviconwrap{background:#ffffff1a;border-radius:14px;display:grid;height:42px;place-items:center;width:42px}.navdivicon{font-size:1.25rem;margin:0;min-width:auto}.navdivcopy{grid-gap:3px;display:grid;gap:3px;min-width:0}.navdivlabel{color:#f7f9f3;font-size:.92rem;font-weight:700}.navdivmeta{color:#f4f6efb3;font-size:.76rem}.navdivcount{background:#f05d5e;border:2px solid #173829cc;font-size:.72rem;font-weight:700;height:22px;min-width:22px;padding:0 6px;right:10px;top:10px;width:auto}.navfooter{border-top:1px solid #ffffff14;margin-top:auto;padding:14px 10px 16px}.navlogout{background:#ffffff14;border:1px solid #ffffff14;border-radius:22px;gap:12px;margin:0;padding:14px;width:auto}.navlogout:hover{background:#ffffff1f}.navlogoutcopy{grid-gap:3px;display:grid;gap:3px}.navlogouttitle{color:#f7f9f3;font-size:.92rem;font-weight:700}.navlogoutmeta{color:#f4f6efad;font-size:.76rem}.navlogouticon{flex-shrink:0;font-size:1.2rem}.mobile-menu-btn{background:linear-gradient(135deg,#173829,#2b6a4b);border-radius:14px;box-shadow:0 12px 24px #1738292e;height:44px;left:14px;top:14px;width:44px}.mobile-menu-badge{border:2px solid #173829}.menu-overlay.open{background:#0c17126b}.sidenav.collapsed{width:98px}.sidenav.collapsed .navheader{justify-content:center;padding-left:10px;padding-right:10px}.sidenav.collapsed .navbrand-copy,.sidenav.collapsed .navdivcopy,.sidenav.collapsed .navlogoutcopy{display:none}.sidenav.collapsed .navdiv{grid-template-columns:1fr;justify-items:center;min-height:68px;padding:12px 8px}.sidenav.collapsed .navdiviconwrap{display:grid;height:40px;width:40px}.sidenav.collapsed .navfooter{padding-left:8px;padding-right:8px}.sidenav.collapsed .navlogout{justify-content:center}.sidenav.collapsed .navdiv:after{background:#12251cf5;border-radius:12px;box-shadow:0 18px 34px #0000002e;margin-left:14px;padding:8px 12px}@media (min-width:1025px){.sidenav{left:0;position:relative;width:310px}.mobile-menu-btn{display:none}}@media (max-width:1024px){.sidenav{left:-100%;width:310px}.sidenav.open{left:0}}@media (max-width:768px){.sidenav{width:290px}.navheader{padding-top:18px}.navdiv{min-height:72px}}.offline-modal{max-width:900px}.offline-pending-table{border-collapse:collapse;margin-top:8px;width:100%}.offline-pending-table td,.offline-pending-table th{border:1px solid #ddd;font-size:.8rem;padding:4px 6px}.offline-pending-table th{background:#f5f5f5}.offline-json{background:#fafafa;font-size:.7rem;max-height:140px;overflow:auto;padding:4px}.badge-pill{background:#e53935;border-radius:999px;color:#fff;font-size:.65rem;padding:0 6px;position:absolute;right:-4px;top:-4px}.dashview{display:flex;height:100%;position:relative}.dashleft,.dashview{align-items:center;justify-content:center}.dashleft{margin:auto;width:60%}.dashlbottom,.dashltop{box-shadow:2px 4px 4px 2px #0000001a;height:47vh;margin:10px auto}.dashlbottom,.dashltop,.dashright{background:#fff;border-radius:10px}.dashright{box-shadow:-2px 4px 4px 2px #0000001a;height:96vh;margin:auto;width:38%}.dashview{background:#f8faf9;display:block;min-height:100vh;overflow:auto;padding:16px;width:100%}.dash-filters{grid-gap:14px;align-items:end;background:#fff;border:1px solid #17382914;border-radius:10px;box-shadow:0 4px 12px #1738290f;box-sizing:border-box;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px;padding:16px;width:100%}.dash-filters>*{min-width:0}.dashboard-section{background:#fff;border-radius:8px;box-shadow:0 4px 12px #1738290f;margin-bottom:2rem;overflow:hidden}.section-header{align-items:center;background:#fff;border-bottom:1px solid #17382914;display:flex;justify-content:space-between;padding:1rem 1.5rem}.section-header h2{align-items:center;color:#173829;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.section-header .icon{color:#173829;font-size:1.1em}.section-content{padding:1.5rem}.alert-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.alert-panel{background:#fff;border-left:4px solid #173829;border-radius:8px;box-shadow:0 4px 12px #1738290f;padding:1rem}.alert-panel h3{align-items:center;color:#173829;display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.alert-panel h3 .icon{color:#173829}.alert-content{font-size:.875rem}.alert-category{margin-bottom:1rem}.alert-category h4{color:#525252;font-size:.875rem;margin:0 0 .5rem}.alert-items{display:flex;flex-direction:column;gap:.5rem}.alert-item{background:#f8faf9;border:1px solid #1738290d;border-radius:4px;display:flex;font-size:.8rem;justify-content:space-between;line-height:1.4;padding:.5rem}.alert-item.warning{background:#fff8f1;border-left:3px solid #ff832b}.alert-item.success{background:#f3fcf5;border-left:3px solid #24a148}.alert-item-name{color:#161616;font-weight:500}.alert-item-detail{color:#525252;text-align:right}.alert-item-time{color:#8d8d8d;display:block}.alert-item-time,.alert-more{font-size:.75rem;margin-top:.25rem}.alert-more{color:#173829;cursor:pointer;font-weight:600;text-align:center}.no-alerts{color:#8d8d8d;font-style:italic;padding:.5rem 0}.financial-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.financial-card{background:#fff;border:1px solid #1738290a;border-radius:10px;box-shadow:0 4px 15px #1738290d;padding:16px;text-align:center}.financial-card h3{color:#17382999;font-size:.9em;font-weight:600;margin:0 0 8px}.financial-card .amount{color:#173829;font-size:1.4em;font-weight:700}.financial-card.profit .amount{color:#2e7d32}.financial-card.loss .amount{color:#d32f2f}.filter-group1{display:flex;flex-direction:column;gap:6px;min-width:0}.filter-group1 label{color:#666;font-size:.8em;font-weight:700}.filter-group1 input,.filter-group1 select{background:#fff;border:1px solid #17382926;border-radius:8px;box-sizing:border-box;color:#173829;font-size:.9em;padding:10px 12px;width:100%}.filter-group1 select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007bff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px auto;padding-right:30px}.btn-secondary{background:#0000;border:1.5px solid #173829;border-radius:5px;cursor:pointer;font-size:.8rem;font-weight:600;padding:5px 8px}.btn-primary{align-self:end;background:#173829;border:none;border-radius:8px;cursor:pointer;font-weight:700;height:40px;padding:10px 14px;transition:all .2s ease;white-space:nowrap}.btn-primary:hover{background:#214e39}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.kpi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(180px,1fr));margin-bottom:16px}.kpi-card{background:#fff;border:1px solid #1738290a;border-radius:12px;box-shadow:0 4px 12px #1738290d;padding:16px}.kpi-label{color:#17382999;font-size:.9em;font-weight:700}.kpi-value{color:#173829;font-size:1.4em;font-weight:800;margin-top:4px}.kpi-sub{color:#17382980;font-size:.85em;margin-top:2px}.panel-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(280px,1fr))}.panel{background:#fff;border:1px solid #1738290a;border-radius:12px;box-shadow:0 4px 15px #1738290d;min-height:220px;padding:14px}.panel-title{color:#173829;font-weight:800;margin-bottom:10px}.chart-placeholder{align-items:center;border:1px dashed #00000026;border-radius:8px;color:#888;display:flex;height:200px;justify-content:center}.list-table{display:block}.list-head,.list-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 140px;padding:10px 8px}.list-head{background:#f3f4f6;border-radius:8px;font-weight:800}.list-row{border-bottom:1px solid #0000000f}.empty-row{color:#888;padding:12px;text-align:center}.insights{margin:0;padding-left:18px}.insight-item{color:#444;margin:6px 0}@media (max-width:1400px){.dash-filters{grid-template-columns:repeat(4,1fr)}.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.dash-filters{grid-template-columns:repeat(3,1fr)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.panel-grid{grid-template-columns:1fr}}@media (max-width:992px){.financial-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dash-filters{gap:12px;grid-template-columns:repeat(2,1fr)}.financial-summary,.kpi-grid{gap:12px;grid-template-columns:1fr}.btn-primary{grid-column:1/-1}.filter-group1{min-width:0}}@media (max-width:576px){.dash-filters{gap:12px;grid-template-columns:1fr}.btn-primary{margin-top:4px;width:100%}.filter-group1{width:100%}.financial-card{padding:14px 12px}.financial-card .amount{font-size:1.3em}}.employees-page{background:radial-gradient(circle at top left,#ffc9572e,#0000 28%),radial-gradient(circle at top right,#3d99701f,#0000 26%),linear-gradient(180deg,#f7f4eb,#eef3ef);min-height:100%;padding:24px}.employees-shell{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(320px,.95fr) minmax(0,1.45fr);min-height:calc(100vh - 140px)}.employees-detail,.employees-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;min-width:0}.employees-sidebar{display:flex;flex-direction:column;overflow:hidden}.employees-sidebar-header{background:linear-gradient(135deg,#fffaeceb,#eff7f3eb);border-bottom:1px solid #1d352814;padding:28px 28px 18px}.employees-detail-kicker,.employees-kicker,.employees-panel-label,.employees-stat-label{color:#6a7d6f;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.employees-heading-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.employees-title{color:#173829;font-size:clamp(1.8rem,2vw,2.5rem);line-height:1;margin:8px 0 6px}.employees-subtitle{color:#607064;line-height:1.6;margin:0;max-width:520px}.employees-add-btn,.employees-delete-btn,.employees-filter-btn,.employees-list-action,.employees-primary-btn,.employees-secondary-btn,.employees-section-tab{cursor:pointer;font:inherit;transition:.2s ease}.employees-add-btn{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;box-shadow:0 14px 28px #1738292e;color:#fffdf7;font-weight:700;padding:12px 18px}.employees-add-btn:hover,.employees-delete-btn:hover,.employees-primary-btn:hover{transform:translateY(-1px)}.employees-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.employees-stat-card{background:#ffffffe0;border:1px solid #1d352814;border-radius:18px;padding:14px 16px}.employees-stat-card strong{color:#173829;display:block;font-size:1.4rem;margin-top:6px}.employees-toolbar{grid-gap:14px;display:grid;gap:14px;padding:20px 24px 16px}.employees-search-box{position:relative}.employees-page .forminp,.employees-search-input{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;box-sizing:border-box;color:#173829;min-height:50px;outline:none;padding:0 16px;width:100%}.employees-page .forminp:focus,.employees-search-input:focus{border-color:#2b6a4b80;box-shadow:0 0 0 4px #2b6a4b14}.employees-filter-tabs{display:flex;flex-wrap:wrap;gap:10px}.employees-filter-btn{background:#fff;border:1px solid #28463524;border-radius:999px;color:#5d6c60;font-weight:600;padding:11px 16px}.employees-filter-btn.active,.employees-filter-btn:hover{background:#173829;border-color:#173829;color:#fff}.employees-list{flex:1 1;overflow:auto;padding:0 18px 18px}.employees-list-card{grid-gap:14px;align-items:center;background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;cursor:pointer;display:grid;gap:14px;grid-template-columns:auto 1fr auto;margin-bottom:12px;padding:16px}.employees-list-card.active,.employees-list-card:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914;transform:translateY(-1px)}.employees-detail-avatar,.employees-list-avatar{background:linear-gradient(135deg,#ffe5a8,#dff1e6);color:#173829;display:grid;font-weight:800;place-items:center}.employees-list-avatar{border-radius:18px;font-size:1rem;height:54px;width:54px}.employees-list-body{min-width:0}.employees-list-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.employees-list-name{color:#173829;font-size:1rem;font-weight:700}.employees-list-id{color:#6f7f73;font-size:.86rem;margin-top:4px}.employees-detail-badge,.employees-panel-summary span,.employees-status-pill{align-items:center;background:#eef5f1;border-radius:999px;color:#345845;display:inline-flex;font-size:.82rem;font-weight:600;justify-content:center;padding:7px 11px}.employees-list-meta{color:#607064;display:flex;flex-wrap:wrap;font-size:.86rem;gap:8px;margin-top:10px}.employees-list-meta span{background:#f4f7f4;border-radius:999px;padding:6px 10px}.employees-list-action{background:#fff;border:1px solid #2846351f;border-radius:14px;color:#173829;font-weight:700;padding:10px 14px}.employees-list-action:hover{background:#f8faf7;border-color:#2b6a4b47}.employees-empty-state{background:#f8faf7e6;border:1px dashed #2b6a4b40;border-radius:24px;color:#607064;margin:18px 8px;padding:28px 24px;text-align:center}.employees-empty-title{color:#173829;font-size:1.05rem;font-weight:700;margin-bottom:6px}.employees-detail{display:flex;flex-direction:column;overflow:hidden}.employees-detail-hero{align-items:flex-start;background:radial-gradient(circle at top right,#ffe09347,#0000 30%),linear-gradient(180deg,#fffffff2,#f6f9f6eb);border-bottom:1px solid #1d352814;display:flex;gap:18px;justify-content:space-between;padding:28px}.employees-detail-avatar{border-radius:26px;flex-shrink:0;font-size:1.4rem;height:82px;width:82px}.employees-detail-copy{flex:1 1;min-width:0}.employees-detail-copy h3{color:#173829;font-size:clamp(1.45rem,1.8vw,2rem);margin:8px 0 6px}.employees-detail-copy p{color:#607064;line-height:1.6;margin:0}.employees-detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.employees-delete-btn{background:linear-gradient(135deg,#8d3030,#c25555);border:none;border-radius:16px;box-shadow:0 14px 28px #8d303029;color:#fff;font-weight:700;padding:12px 16px}.employees-section-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:18px 24px 0}.employees-section-tab{background:#fff;border:1px solid #1738291a;border-radius:16px;color:#607064;font-weight:700;padding:12px 16px}.employees-section-tab.active,.employees-section-tab:hover{background:linear-gradient(135deg,#173829,#25563d);border-color:#0000;color:#fff}.employees-detail-panel{display:flex;flex-direction:column;gap:18px;min-height:0;padding:18px 24px 24px}.employees-panel-topline{align-items:flex-start;background:linear-gradient(180deg,#fafcf9,#f2f7f3);border:1px solid #1738290f;border-radius:22px;display:flex;gap:16px;justify-content:space-between;padding:18px 20px}.employees-panel-value{color:#173829;font-size:1.05rem;font-weight:700;margin-top:6px}.employees-panel-summary{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.employees-page .fm{min-height:0;overflow:auto;padding-right:6px}.employees-page .basic,.employees-page .hr{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.employees-page .inpcov{background:#fbfcfb;border:1px solid #17382914;border-radius:20px;display:flex;flex-direction:column;gap:8px;padding:16px}.employees-field-label{color:#355846;font-size:.85rem;font-weight:700}.employees-page .forminp{background:#f4f8f5;margin:0}.employees-page .forminp:disabled{background:#eef3ef;color:#66786c;cursor:not-allowed}.employees-form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.employees-primary-btn,.employees-secondary-btn{border-radius:16px;font-weight:700;padding:13px 18px}.employees-primary-btn{background:linear-gradient(135deg,#173829,#2d6a4c);border:none;box-shadow:0 16px 30px #17382924;color:#fff}.employees-secondary-btn{background:#fff;border:1px solid #17382924;color:#173829}.employees-secondary-btn:hover{background:#f5f8f6}@media (max-width:1180px){.employees-page{position:relative}.employees-shell{grid-template-columns:1fr}.employees-sidebar{height:auto;min-height:calc(100vh - 32px)}.employees-list{max-height:none}.employees-detail{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;overflow-y:auto;padding:0;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.employees-page.mobile-detail-open .employees-detail{opacity:1;pointer-events:auto;transform:translateY(0)}.employees-detail-panel{-webkit-overflow-scrolling:touch;flex:1 1;padding:18px 24px 24px}.employees-page .fm{overflow:visible}.detail-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101f186b;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:3500}.mobile-detail-open .detail-overlay{opacity:1;pointer-events:auto}.detail-mobile-back{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;margin:18px 28px 0;padding:10px 14px}}@media (max-width:760px){.employees-page{padding:14px}.employees-detail-hero,.employees-detail-panel,.employees-sidebar-header{padding:18px}.employees-detail-hero,.employees-heading-row,.employees-panel-topline{flex-direction:column}.employees-list-card,.employees-stats{grid-template-columns:1fr}.employees-list-action{width:100%}.employees-page .basic,.employees-page .hr{grid-template-columns:1fr}.employees-form-actions{flex-direction:column}.employees-add-btn,.employees-delete-btn,.employees-primary-btn,.employees-secondary-btn{justify-content:center;width:100%}}.positions-page{background:radial-gradient(circle at top left,#ffc9572e,#0000 28%),radial-gradient(circle at top right,#3d99701f,#0000 26%),linear-gradient(180deg,#f7f4eb,#eef3ef);min-height:100%;padding:24px}.positions-shell{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(320px,.95fr) minmax(0,1.35fr);min-height:calc(100vh - 140px)}.positions-detail,.positions-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;min-width:0}.positions-sidebar{display:flex;flex-direction:column;overflow:hidden}.positions-detail-hero,.positions-sidebar-header{background:linear-gradient(135deg,#fffaecf0,#eff7f3f0);border-bottom:1px solid #1d352814;padding:28px}.positions-field span,.positions-kicker,.positions-overview-item span,.positions-panel-label,.positions-stat-card span{color:#6a7d6f;display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.positions-detail-hero h2,.positions-title{color:#173829;line-height:1;margin:10px 0 8px}.positions-title{font-size:clamp(1.9rem,2vw,2.5rem)}.positions-detail-hero p,.positions-list-desc,.positions-overview-copy,.positions-subtitle,.positions-team-role{color:#607064;line-height:1.6}.positions-add-btn,.positions-delete-btn,.positions-list-action,.positions-primary-btn,.positions-secondary-btn{cursor:pointer;font:inherit;transition:.2s ease}.positions-add-btn,.positions-primary-btn{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;box-shadow:0 14px 28px #1738292e;color:#fffdf7;font-weight:700;margin-top:20px;padding:12px 18px}.positions-add-btn:hover,.positions-delete-btn:hover,.positions-list-action:hover,.positions-primary-btn:hover{transform:translateY(-1px)}.positions-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.positions-overview-item,.positions-stat-card,.positions-team-card{background:#ffffffe6;border:1px solid #1d352814;border-radius:18px}.positions-stat-card{padding:14px 16px}.positions-overview-item strong,.positions-stat-card strong{color:#173829;display:block;font-size:1.3rem;margin-top:6px}.positions-toolbar{padding:20px 24px 14px}.positions-input,.positions-search-input,.positions-textarea{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;box-sizing:border-box;color:#173829;outline:none;width:100%}.positions-input,.positions-search-input{min-height:50px;padding:0 16px}.positions-textarea{min-height:150px;padding:14px 16px;resize:vertical}.positions-input:focus,.positions-search-input:focus,.positions-textarea:focus{border-color:#2b6a4b80;box-shadow:0 0 0 4px #2b6a4b14}.positions-list{flex:1 1;overflow:auto;padding:0 18px 18px}.positions-list-card{grid-gap:14px;align-items:center;background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;cursor:pointer;display:grid;gap:14px;grid-template-columns:auto 1fr auto;margin-bottom:12px;padding:16px}.positions-list-card.active,.positions-list-card:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914}.positions-avatar{background:linear-gradient(135deg,#ffe5a8,#dff1e6);border-radius:18px;color:#173829;display:grid;font-weight:800;height:54px;place-items:center;width:54px}.positions-list-name,.positions-team-name{color:#173829;font-weight:700}.positions-list-desc{font-size:.9rem;margin-top:4px}.positions-list-meta{margin-top:10px}.positions-list-meta span{align-items:center;background:#eef5f1;border-radius:999px;color:#345845;display:inline-flex;font-size:.82rem;font-weight:600;justify-content:center;padding:7px 11px}.positions-delete-btn,.positions-list-action,.positions-secondary-btn{border-radius:14px;font-weight:700;padding:10px 14px}.positions-list-action,.positions-secondary-btn{background:#fff;border:1px solid #2846351f;color:#173829}.positions-delete-btn{background:#ffececf2;border:1px solid #9705052e;color:#8f1f1f}.positions-detail{display:flex;flex-direction:column;overflow:hidden}.positions-form-card,.positions-overview-card{overflow:auto;padding:24px 28px 28px}.positions-form-grid,.positions-overview-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.positions-field{grid-gap:8px;display:grid;gap:8px}.positions-field-wide{grid-column:1/-1}.positions-form-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:24px}.positions-overview-copy{background:#f7faf8;border:1px solid #1d352814;border-radius:22px;margin:20px 0 24px;padding:20px}.positions-team-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.positions-team-card{padding:18px}.positions-empty-state{background:#f9fbf8;border:1px dashed #2846352e;border-radius:22px;color:#607064;padding:24px;text-align:center}@media (max-width:1080px){.positions-page{position:relative}.positions-shell{grid-template-columns:1fr}.positions-detail{height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.positions-page.mobile-detail-open .positions-detail{opacity:1;pointer-events:auto;transform:translateY(0)}.positions-page:after{background:#101f1800;content:"";inset:0;pointer-events:none;position:fixed;transition:background .25s ease;z-index:3500}.positions-page.mobile-detail-open:after{background:#101f186b;pointer-events:auto}.detail-mobile-back{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;margin:18px 28px 0;padding:10px 14px}}@media (max-width:720px){.positions-page{padding:16px}.positions-detail-hero,.positions-form-card,.positions-overview-card,.positions-sidebar-header{padding:20px}.positions-form-grid,.positions-list-card,.positions-overview-grid,.positions-stats{grid-template-columns:1fr}.positions-form-actions{justify-content:stretch}.positions-form-actions button{width:100%}}.departments-page{background:radial-gradient(circle at top left,#ffc9572e,#0000 28%),radial-gradient(circle at top right,#3d99701f,#0000 26%),linear-gradient(180deg,#f7f4eb,#eef3ef);min-height:100%;padding:24px}.departments-shell{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(320px,.95fr) minmax(0,1.35fr);min-height:calc(100vh - 140px)}.departments-detail,.departments-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;min-width:0}.departments-sidebar{display:flex;flex-direction:column;overflow:hidden}.departments-detail-hero,.departments-sidebar-header{background:linear-gradient(135deg,#fffaecf0,#eff7f3f0);border-bottom:1px solid #1d352814;padding:28px}.departments-field span,.departments-kicker,.departments-overview-item span,.departments-panel-label,.departments-stat-card span{color:#6a7d6f;display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.departments-detail-hero h2,.departments-title{color:#173829;line-height:1;margin:10px 0 8px}.departments-title{font-size:clamp(1.9rem,2vw,2.5rem)}.departments-detail-hero p,.departments-list-desc,.departments-overview-copy,.departments-subtitle,.departments-team-role{color:#607064;line-height:1.6}.departments-add-btn,.departments-delete-btn,.departments-list-action,.departments-primary-btn,.departments-secondary-btn{cursor:pointer;font:inherit;transition:.2s ease}.departments-add-btn,.departments-primary-btn{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;box-shadow:0 14px 28px #1738292e;color:#fffdf7;font-weight:700;margin-top:20px;padding:12px 18px}.departments-add-btn:hover,.departments-delete-btn:hover,.departments-list-action:hover,.departments-primary-btn:hover{transform:translateY(-1px)}.departments-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.departments-overview-item,.departments-stat-card,.departments-team-card{background:#ffffffe6;border:1px solid #1d352814;border-radius:18px}.departments-stat-card{padding:14px 16px}.departments-overview-item strong,.departments-stat-card strong{color:#173829;display:block;font-size:1.3rem;margin-top:6px}.departments-toolbar{padding:20px 24px 14px}.departments-input,.departments-search-input,.departments-textarea{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;box-sizing:border-box;color:#173829;outline:none;width:100%}.departments-input,.departments-search-input{min-height:50px;padding:0 16px}.departments-textarea{min-height:150px;padding:14px 16px;resize:vertical}.departments-input:focus,.departments-search-input:focus,.departments-textarea:focus{border-color:#2b6a4b80;box-shadow:0 0 0 4px #2b6a4b14}.departments-list{flex:1 1;overflow:auto;padding:0 18px 18px}.departments-list-card{grid-gap:14px;align-items:center;background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;cursor:pointer;display:grid;gap:14px;grid-template-columns:auto 1fr auto;margin-bottom:12px;padding:16px}.departments-list-card.active,.departments-list-card:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914}.departments-avatar{background:linear-gradient(135deg,#ffe5a8,#dff1e6);border-radius:18px;color:#173829;display:grid;font-weight:800;height:54px;place-items:center;width:54px}.departments-list-name,.departments-team-name{color:#173829;font-weight:700}.departments-list-desc{font-size:.9rem;margin-top:4px}.departments-list-meta{margin-top:10px}.departments-list-meta span{align-items:center;background:#eef5f1;border-radius:999px;color:#345845;display:inline-flex;font-size:.82rem;font-weight:600;justify-content:center;padding:7px 11px}.departments-delete-btn,.departments-list-action,.departments-secondary-btn{border-radius:14px;font-weight:700;padding:10px 14px}.departments-list-action,.departments-secondary-btn{background:#fff;border:1px solid #2846351f;color:#173829}.departments-delete-btn{background:#ffececf2;border:1px solid #9705052e;color:#8f1f1f}.departments-detail{display:flex;flex-direction:column;overflow:hidden}.departments-form-card,.departments-overview-card{overflow:auto;padding:24px 28px 28px}.departments-form-grid,.departments-overview-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.departments-field{grid-gap:8px;display:grid;gap:8px}.departments-field-wide{grid-column:1/-1}.departments-form-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:24px}.departments-overview-copy{background:#f7faf8;border:1px solid #1d352814;border-radius:22px;margin:20px 0 24px;padding:20px}.departments-team-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.departments-team-card{padding:18px}.departments-empty-state{background:#f9fbf8;border:1px dashed #2846352e;border-radius:22px;color:#607064;padding:24px;text-align:center}@media (max-width:1080px){.departments-page{position:relative}.departments-shell{grid-template-columns:1fr}.departments-detail{height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.departments-page.mobile-detail-open .departments-detail{opacity:1;pointer-events:auto;transform:translateY(0)}.departments-page:after{background:#101f1800;content:"";inset:0;pointer-events:none;position:fixed;transition:background .25s ease;z-index:3500}.departments-page.mobile-detail-open:after{background:#101f186b;pointer-events:auto}.detail-mobile-back{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;margin:18px 28px 0;padding:10px 14px}}@media (max-width:720px){.departments-page{padding:16px}.departments-detail-hero,.departments-form-card,.departments-overview-card,.departments-sidebar-header{padding:20px}.departments-form-grid,.departments-list-card,.departments-overview-grid,.departments-stats{grid-template-columns:1fr}.departments-form-actions{justify-content:stretch}.departments-form-actions button{width:100%}}.attendance{align-items:center;display:flex;height:100%;justify-content:center}.attendance-page{align-items:stretch;background:radial-gradient(circle at top left,#ffc95729,#0000 24%),radial-gradient(circle at top right,#3d99701f,#0000 22%),linear-gradient(180deg,#f7f4eb,#eef3ef);gap:24px;min-height:100%;padding:24px}.attlist{width:30%}.attview{width:67%}.addatt{display:block;height:100%;justify-content:space-between;width:100%}.uplttl{font-size:1em}.checkbox{background:#b3e4f733;border-radius:10px;height:85%;margin:10px auto;overflow:auto;padding:10px 20px;width:90%}.upldbox{display:flex;margin:5px auto;width:95%}.uplbtn{border:1.5px solid #000;border-radius:10px;cursor:pointer;font-size:.8em;padding:7px 15px}.aftupl,.uplbtn{margin:auto;width:-webkit-fit-content;width:fit-content}.aftupl{display:flex;div{border:1.5px solid #000;border-radius:10px;cursor:pointer;font-size:.8em;margin-left:10px;padding:7px 15px}}.icols{align-items:center;display:flex;margin:15px auto;div{margin-right:auto 10px}select{margin:auto 10px}}.caldiv{display:flex;flex-wrap:wrap;margin:20px auto;width:100%;div{margin:auto}}.payee{color:#000;cursor:pointer;margin:50px 20px;div{color:#000}}.attendance-page .emplist,.attendance-page .empview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;min-height:calc(100vh - 140px);min-width:0;overflow:auto}.attendance-detail-intro,.attendance-sidebar-intro{background:linear-gradient(135deg,#fffaecf0,#eff7f3f0);border-bottom:1px solid #1d352814;padding:28px}.attendance-kicker,.attendance-stat-card span{color:#6a7d6f;display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.attendance-detail-title,.attendance-title{color:#173829;line-height:1;margin:10px 0 8px}.attendance-title{font-size:clamp(1.85rem,2vw,2.4rem)}.attendance-copy{color:#607064;line-height:1.6;margin:0}.attendance-stat-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.attendance-stat-card{background:#ffffffe6;border:1px solid #1d352814;border-radius:18px;padding:14px 16px}.attendance-stat-card strong{color:#173829;display:block;font-size:1.35rem;margin-top:6px}.attendance-page .add{background:linear-gradient(135deg,#173829,#2b6a4b);border-radius:18px;box-shadow:0 16px 30px #1738292e;color:#fffdf7;display:grid;font-size:2.2rem;height:58px;margin:18px 18px 10px auto;place-items:center;position:-webkit-sticky;position:sticky;right:18px;top:18px;width:58px}.attendance-page .dept{background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;margin:0 18px 12px;padding:16px;width:calc(100% - 36px)}.attendance-page .curview,.attendance-page .dept:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914}.attendance-page .deptdesc,.attendance-page .dets{color:#607064}.attendance-page .aftupl div,.attendance-page .edit,.attendance-page .uplbtn,.attendance-page button{border-radius:14px}.attendance-page .checkbox{background:#f9fbf8;border:1px solid #1d352814;margin:24px auto 0;padding:22px 24px;width:calc(100% - 56px)}.attendance-page .upldbox{margin:18px auto 28px;width:calc(100% - 56px)}.attendance-page .aftupl div,.attendance-page .uplbtn,.attendance-page button{background:#fff;border:1px solid #2846351f;color:#173829;cursor:pointer;font:inherit;padding:11px 16px}.attendance-page .forminp{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;min-height:48px}.attendance-page .payee{background:#f9fbf8;border:1px solid #1d352814;border-radius:20px;margin:18px;padding:18px}@media (max-width:1080px){.attendance-page{position:relative}.attlist,.attview{width:100%}.attendance-page .empview.attview{-webkit-overflow-scrolling:touch;height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;overflow-y:auto;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.attendance-page.mobile-detail-open .empview.attview{opacity:1;pointer-events:auto;transform:translateY(0)}.attendance-page:after{background:#101f1800;content:"";inset:0;pointer-events:none;position:fixed;transition:background .25s ease;z-index:3500}.attendance-page.mobile-detail-open:after{background:#101f186b;pointer-events:auto}.detail-mobile-back{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;margin:18px 28px 0;padding:10px 14px}}@media (max-width:720px){.attendance-page{padding:16px}.attendance-detail-intro,.attendance-sidebar-intro{padding:20px}.attendance-stat-row{grid-template-columns:1fr}}.payroll{align-items:center;display:flex;height:100%;justify-content:center;overflow:auto;padding:10px}.payroll-page{align-items:stretch;background:radial-gradient(circle at top left,#ffc95729,#0000 24%),radial-gradient(circle at top right,#3d99701f,#0000 22%),linear-gradient(180deg,#f7f4eb,#eef3ef);gap:24px;min-height:100%;padding:24px}.payview{align-items:center;justify-content:center;.formtitle{margin:10px auto;width:-webkit-fit-content;width:fit-content}.paydesc{display:flex;flex-wrap:wrap;justify-content:space-around}.paydesc,.pyrl{margin:20px auto;width:90%}.pyrl{background:#f5f5f5;border-radius:10px;box-shadow:2px 4px 4px 2px #0000001a;padding:10px;.calatr{div{display:flex;flex-wrap:wrap;font-size:.9em;justify-content:space-around;text-align:center;div{border-radius:5px;box-shadow:2px 4px 4px 2px #0000001a;margin:10px auto;padding:7px 10px;width:-webkit-fit-content;width:fit-content}}}.viewslip{background:#7fc11b;border-radius:7px;color:#fff;cursor:pointer;font-size:.9em;font-weight:700;margin-left:auto;padding:8px 12px;width:-webkit-fit-content;width:fit-content}}}.payslip{background:#fffffff2;height:100vh;left:0;overflow:auto;position:fixed;top:0;width:100vw;z-index:4000;.cancelslip{background:#fff;border:1.5px solid brown;border-radius:5px;cursor:pointer;font-size:.8em;left:10px;padding:8px 12px;position:fixed;top:10px;width:-webkit-fit-content;width:fit-content;z-index:2;.mainslip{background:#fff;margin:auto;overflow:auto;width:90%}}}.deptetr{display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto;width:90%;div{margin:auto 0}}.prinp{background:#fff;border:1px solid #000}.invhead{border-bottom:1px solid grey;display:flex;justify-content:center;margin:20px auto 50px;text-align:center;width:100%}.invlogo{margin-right:auto;width:100px}.company{font-size:3em;margin-bottom:30px}.payeecompany{font-size:2em;margin-bottom:10px}.billfrom{justify-content:center;text-align:center}.billfrompayee{font-size:.8em}.billtoview{border-bottom:1px solid grey;display:flex;flex-wrap:wrap;justify-content:space-around;margin:10px auto}.billto{margin-right:auto}.billto,.ttlrow{width:-webkit-fit-content;width:fit-content}.ttlrow{margin:15px auto auto;text-align:center}.invnum{margin:auto;width:-webkit-fit-content;width:fit-content}.billtoitem{text-align:left}.payeeinpcov{display:flex;margin:10px auto;text-align:center;width:95%;.inpcov{display:block;font-weight:700;margin:auto;width:100%;select{width:70%}}}.viewpayeebtn{background:#7fc11b;border-radius:10px;cursor:pointer;font-weight:700;margin:10px auto;padding:8px 15px;text-align:center;width:90%}.payeerow{justify-content:left;margin:0}td,th{page-break-inside:avoid}.tablecover{justify-content:left;margin:0}.pr-table{margin:10px auto;page-break-inside:auto;width:95%}.theader{font-size:.75em;margin:0;padding:0}.pr-row{margin:auto;width:95%}.trow{font-size:.75em;margin:0;padding:2px 2px 2px 3px}.ttrow{font-size:.7em;font-weight:700;margin:0}.payeerow{margin-bottom:0}.payeetable{margin-bottom:20px}.payeetable tr{page-break-inside:avoid}.main thead{background:#1e1f23;color:#fff}.img{height:100px}h1{text-align:center}.brcode{margin-top:90px}.bbc{margin-left:900px}.containers{align-items:center;display:flex;justify-content:center;width:100%}.payroll-page .emplist,.payroll-page .empview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;min-height:calc(100vh - 140px);min-width:0;overflow:auto}.payroll-detail-intro,.payroll-sidebar-intro{background:linear-gradient(135deg,#fffaecf0,#eff7f3f0);border-bottom:1px solid #1d352814;padding:28px}.payroll-kicker,.payroll-stat-card span{color:#6a7d6f;display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.payroll-detail-title,.payroll-title{color:#173829;line-height:1;margin:10px 0 8px}.payroll-title{font-size:clamp(1.85rem,2vw,2.4rem)}.payroll-copy{color:#607064;line-height:1.6;margin:0}.payroll-stat-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.payroll-stat-card{background:#ffffffe6;border:1px solid #1d352814;border-radius:18px;padding:14px 16px}.payroll-stat-card strong{color:#173829;display:block;font-size:1.35rem;margin-top:6px}.payroll-page .payeeinpcov{background:#f9fbf8;border:1px solid #1d352814;border-radius:20px;margin:18px auto 10px;padding:16px;width:calc(100% - 40px)}.payroll-page .invbutton,.payroll-page .viewpayeebtn,.payroll-page .viewslip{background:linear-gradient(135deg,#173829,#2b6a4b);border-radius:16px;box-shadow:0 14px 28px #17382924;color:#fffdf7;padding:11px 18px;width:-webkit-fit-content;width:fit-content}.payroll-page .viewpayeebtn{margin:0 20px 18px}.payroll-page .dept{background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;margin:0 18px 12px;padding:16px;width:calc(100% - 36px)}.payroll-page .curview,.payroll-page .dept:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914}.payroll-page .formtitle,.payroll-page .paydesc{margin-left:auto;margin-right:auto;width:calc(100% - 48px)}.payroll-page .pyrl{background:#f9fbf8;border:1px solid #1d352814;border-radius:24px;box-shadow:none;padding:18px}.payroll-page .forminp{background:#fff;border:1px solid #2846351f;border-radius:16px;min-height:48px}.payroll-page .payslip{background:#f2f4f1f5}.detail-mobile-back{display:none}@media (max-width:1080px){.payroll-page{position:relative}.payroll-page .emplist,.payroll-page .empview{min-height:calc(100vh - 32px);width:100%}.payroll-page .empview{-webkit-overflow-scrolling:touch;height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;overflow-y:auto;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.payroll-page.mobile-detail-open .empview{opacity:1;pointer-events:auto;transform:translateY(0)}.payroll-page:after{background:#101f1800;content:"";inset:0;pointer-events:none;position:fixed;transition:background .25s ease;z-index:3500}.payroll-page.mobile-detail-open:after{background:#101f186b;pointer-events:auto}.detail-mobile-back{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;margin:18px 28px 0;padding:10px 14px}}@media (max-width:720px){.payroll-page{padding:16px}.payroll-detail-intro,.payroll-sidebar-intro{padding:20px}.payroll-stat-row{grid-template-columns:1fr}}.form{border:.5px solid orange}.invbutton{background:#325aa8;border-color:#325aa8;border-radius:5px;border-style:solid;color:#fff;cursor:pointer;margin:10px auto 10px 10px;padding:10px;width:-webkit-fit-content;width:fit-content}.buttons button:hover{background:#1e1f23;color:#fff;transition:.5s}.signature{display:flex;justify-content:space-between;margin:30px auto;width:95%;.sign{border-bottom:2px solid #000;padding-bottom:80px;width:300px}}.pr-info{margin:auto;width:95%}.ddclbl{width:100px}.sales{align-items:center;display:flex;height:100%;justify-content:flex-start;position:relative}.sales-page{align-items:stretch;background:radial-gradient(circle at top left,#ffc95729,#0000 24%),radial-gradient(circle at top right,#3d99701f,#0000 22%),linear-gradient(180deg,#f7f4eb,#eef3ef);gap:24px;height:100%;min-height:100%;padding:24px}.saleslist{width:35%}.prinps{width:150px}.salesview{width:63%}.slvwrecovery{display:flex;justify-content:space-between;margin:10px auto;width:100%;div{margin:auto 10px};}.slrepicon{height:40px;width:40px}.allslrepicon{cursor:pointer;font-size:1.5em;position:absolute;right:5px;top:5px}.sldets{font-size:.9em;width:95%}.sldept,.sldets{position:relative}.slprd{background:#95ea1466;border-radius:5px;bottom:10px;cursor:pointer;font-size:.7em;font-weight:700;padding:5px 10px;right:10px;z-index:1}.slprd,.slprfl{position:absolute}.slprfl{font-size:.8em;left:20px;top:60px;width:-webkit-fit-content;width:fit-content}.slprwh-cover{display:flex;left:10px;position:absolute;top:10px}.slprwh-print{background:#cdd3cd;border-radius:5px;color:#27d727;font-size:.8em;margin:auto 20px;padding:5px}.slprwh-cover-txt{font-size:.8em;font-weight:600;margin:auto}.slprwh{background:#cccfc866;border-radius:5px;cursor:pointer;font-size:.8em;margin:auto 10px;padding:5px 10px}.slprwh-add{padding-top:50px}.slprwh-clicked{border:1.5px solid #90e411;font-weight:700}.salesfm{height:75%;margin:10px auto auto;overflow:auto;width:90%}.salesopts{cursor:pointer;display:flex;justify-content:space-around;width:100%;div{align-items:center;display:flex}}.sloptsdef{cursor:pointer}.slopts{border-bottom:2px solid #adff2f;cursor:pointer;font-weight:700}.navdivicon1,.slopts{align-items:center;display:flex}.navdivicon1{background:red;border-radius:50%;color:#fff;font-size:.7em;height:20px;justify-content:center;margin-left:5px;width:20px}.salesunit{background:#f5f5f5;display:flex;flex-wrap:wrap;justify-content:space-around;margin:10px auto;width:95%}.salesunittag{font-weight:700;margin:10px auto;text-align:center;width:100%}.viewsales{cursor:pointer}.addnewrecovery,.addnewsales{display:inline-flex;flex-wrap:wrap;justify-content:space-around;width:100%}.addnewrecovery{margin:20px auto}.addempsales{background:#adff2f;border-radius:7px;cursor:pointer;font-weight:700;height:-webkit-fit-content;height:fit-content;margin:auto;padding:10px 15px;width:-webkit-fit-content;width:fit-content}.empsalesblk{border:2px solid #000;margin:50px auto;position:relative}.recoveryblk{border:1px solid #000;border-radius:10px;display:inline-flex;flex-wrap:wrap;margin:30px auto 40px;position:relative;width:95%}.pdsalesview{background:#fff;border:1px solid #000;border-radius:5px;font-size:.9em;left:-2px;padding:10px;position:absolute;top:-30px;width:-webkit-fit-content;width:fit-content}.empsalesttl{font-weight:700;margin:20px auto;text-align:center;width:100%}.salesdelete{right:15px;top:15px}.recoverydelete,.salesdelete{color:red;cursor:pointer;font-size:1.5em;position:absolute}.recoverydelete{right:5px;top:5px}.recoveryReceipt{border:1.2px solid #000;left:0;position:absolute;top:-45px}.slsadd{background:#adff2f;border-radius:50%;bottom:20px;color:#000;cursor:pointer;font-size:3em;padding:10px;position:fixed;right:30px;z-index:1}.salesyesbtn{height:-webkit-fit-content;height:fit-content;margin:7px 10px;padding:10px 15px}.salesinpcov{margin:0}.load-products{align-items:center;color:purple;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;justify-content:space-around;margin:100px auto;overflow:auto;text-align:center;width:100%}.sales-page .emplist,.sales-page .empview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;height:calc(100vh - 48px);min-height:0;overflow:auto}.sales-detail-intro,.sales-sidebar-intro{background:linear-gradient(135deg,#fffaecf0,#eff7f3f0);border-bottom:1px solid #1d352814;padding:28px}.sales-page .sales-kicker,.sales-page .sales-stat-card span{color:#6a7d6f;display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.sales-page .sales-detail-title,.sales-page .sales-title{color:#173829;line-height:1;margin:10px 0 8px}.sales-page .sales-title{font-size:clamp(1.85rem,2vw,2.4rem)}.sales-page .sales-copy{color:#607064;line-height:1.6;margin:0}.sales-page .sales-stat-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.sales-page .sales-stat-card{background:#ffffffe6;border:1px solid #1d352814;border-radius:18px;padding:14px 16px}.sales-page .sales-stat-card strong{color:#173829;display:block;font-size:1.35rem;margin-top:6px}.confirm{width:100%}.confirm,.emptypecov{display:flex;justify-content:space-around}.sales-page .confirm,.sales-page .emptypecov,.sales-page .fltinpcov,.sales-page .payeeinpcov,.sales-page .salesopts{background:#f9fbf8;border:1px solid #1d352814;border-radius:20px;margin-left:auto;margin-right:auto;padding:16px;width:calc(100% - 40px)}.sales-page .emptypecov,.sales-page .salesopts{margin-bottom:12px;margin-top:12px}.sales-page .dept{background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;margin:0 18px 12px;padding:16px;width:calc(100% - 36px)}.sales-page .curview,.sales-page .dept:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914}.sales-page .salesfm{margin-bottom:18px;width:calc(100% - 40px)}.sales-page .forminp{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;min-height:48px}.sales-page .action-btn,.sales-page .addempsales,.sales-page .salesyesbtn,.sales-page .slprd,.sales-page .slprwh,.sales-page .slprwh-print{border-radius:16px}.sales-page .action-btn,.sales-page .salesyesbtn,.sales-page .slsadd{background:linear-gradient(135deg,#173829,#2b6a4b);color:#fffdf7}.sales-page .addproduct .add-products,.sales-page .salesunit{border-radius:28px}@media (max-width:1080px){.sales-page{padding:16px}.sales-page .saleslist,.sales-page .salesview{width:100%}}@media (max-width:720px){.sales-detail-intro,.sales-sidebar-intro{padding:20px}.sales-page .sales-stat-row{grid-template-columns:1fr}}.sales-page .salesview{display:flex;flex-direction:column;min-height:0;padding-bottom:10px;position:relative}.sales-page .sales-detail-intro{position:-webkit-sticky;position:sticky;top:0;z-index:3}.sales-active-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.sales-active-meta span{background:#ffffffd6;border:1px solid #17382914;border-radius:999px;color:#173829;font-size:.82rem;font-weight:600;padding:8px 12px}.sales-page .dept{align-items:flex-start;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;position:relative}.sales-page .dept:before{background:linear-gradient(180deg,#f7c75a,#2b6a4b);content:"";inset:0 auto 0 0;opacity:0;position:absolute;transition:opacity .2s ease;width:4px}.sales-page .curview:before,.sales-page .dept:hover:before{opacity:1}.sales-page .sldets{grid-gap:8px;color:#173829;display:grid;gap:8px;padding-right:10px;width:100%}.sales-page .deptdesc{font-size:.86rem;margin:0}.sales-page .edit{align-items:center;background:#fff1f1fa;border:1px solid #bc33332e;border-radius:14px;color:#9b2525;display:inline-flex;font-size:.8rem;font-weight:700;justify-content:center;min-width:92px;padding:10px 12px}.sales-page .slprd{background:#eff6f1f5;border:1px solid #1738291f;bottom:14px;color:#173829;padding:8px 12px;right:14px}.sales-page .formtitle.padtitle{background:linear-gradient(135deg,#fff8ea,#f2f7f2);border:1px solid #17382914;border-radius:22px;color:#173829;margin:18px auto 12px;padding:18px 20px;width:calc(100% - 40px)}.sales-page .salesfm{flex:1 1;height:auto;margin:0 auto 18px;min-height:0;overflow:auto;padding-bottom:12px}.sales-page .confirm{bottom:18px;box-shadow:0 16px 32px #17382914;position:-webkit-sticky;position:sticky;z-index:3}.sales-page .salesview>.add.slsadd,.sales-page .salesview>.slsadd{bottom:24px;left:auto;margin:0;position:absolute;right:24px;top:auto;z-index:4}.sales-page .addnewrecovery,.sales-page .addnewsales,.sales-page .basic{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.sales-page .inpcov{grid-gap:8px;display:grid;gap:8px}.sales-page .empsalesblk,.sales-page .recoveryblk{background:#fff;border:1px solid #1738294d;border-radius:24px;padding:18px}.sales-page .pdsalesview{background:#173829;border:none;color:#fffdf7;left:16px;top:16px}.sales-page .empsalesttl{color:#173829;margin-top:52px}.sales-page .recoverydelete,.sales-page .salesdelete{right:16px;top:16px}.sales-page .detail-mobile-back,.sales-page .mobile-detail-trigger{display:none}@media (max-width:720px){.sales-page .salesview{padding-bottom:10px}.sales-page .salesview>.add.slsadd,.sales-page .salesview>.slsadd{bottom:18px;right:18px}.sales-page .addnewrecovery,.sales-page .addnewsales,.sales-page .basic{grid-template-columns:1fr}}@media (max-width:1080px){.sales-page{position:relative}.sales-page .emplist{height:auto;min-height:calc(100vh - 32px);overflow:auto}.sales-page .empview{height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.sales-page.mobile-detail-open .empview{opacity:1;pointer-events:auto;transform:translateY(0)}.sales-page:after{background:#101f1800;content:"";inset:0;pointer-events:none;position:fixed;transition:background .25s ease;z-index:3500}.sales-page.mobile-detail-open:after{background:#101f186b;pointer-events:auto}.sales-page .sales-detail-intro,.sales-page .sales-sidebar-intro{position:relative}.sales-page .detail-mobile-back,.sales-page .mobile-detail-trigger{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 14px}.sales-page .mobile-detail-trigger{position:absolute;right:24px;top:24px;z-index:1}.sales-page .detail-mobile-back{margin-bottom:14px}}.fltinpcov{margin:auto;width:-webkit-fit-content;width:fit-content}.prr-table{page-break-inside:auto;width:90%}.prr-theader{font-size:.6em;margin:0;padding:0}.prr-row{margin:0;width:90%}.prr-row1{margin:auto auto auto 20px;width:90%}.headerrow{margin:auto}.prr-trow,.prr-ttrow{font-size:.6em;margin:0}.prr-ttrow{font-weight:700}.rcpt-body{margin:auto;width:90%}.rcpt-row{display:flex;justify-content:space-between;margin:40px 0}.rcpt-row-item{align-items:center;display:flex;margin:20px 0;span{border-bottom:2px solid #000;font-size:1em;margin:0 10px;padding-bottom:5px;width:200px}}.rcpt-row-hgt{font-weight:800}.rcpt-border{border:2px solid #000;padding:10px}.notify-overlay{align-items:center;background:#000c;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.notify{background:hsla(60,81%,80%,.893);border-radius:10px;margin:auto;max-width:300px;padding:17px 20px}.notifymess{display:inline-flex;font-size:.8em}.notifyactn{display:inline-flex;font-size:.7em;justify-content:space-around;margin:10px auto;width:100%;div{background:#fff;border-radius:5px;cursor:pointer;padding:5px 7px}}.notifycl{border:1.5px solid red}.notifyacp{border:1.5px solid #adff2f}.pos-container{background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh;overflow:auto;position:relative}.pos-time-display{background-color:#875a7b;box-shadow:0 2px 4px #0000001a;color:#fff;font-family:Arial,sans-serif;margin:10px;padding:.75rem 1.5rem;text-align:center;z-index:5}.pos-time-display div:first-child{font-size:1.1rem;font-weight:500;margin-bottom:.25rem}.pos-time-display .time{font-size:1.5rem;font-weight:600;letter-spacing:1px}@media (max-width:768px){.pos-time-display{padding:.5rem 1rem}.pos-time-display div:first-child{font-size:.95rem}.pos-time-display .time{font-size:1.3rem}}.pos-sessions{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.pos-sessions-nav{height:80px;padding:10px;width:100%}.pos-sessions-view{display:flex;height:100%;justify-content:space-around;overflow:auto;padding:10px;width:100%}.update-sessions-state{align-items:center;background:#875a7b4d;border-radius:10px;color:#000;display:flex;flex-direction:column;font-weight:700;height:100%;justify-content:center;margin:auto 15px;position:relative;width:20%}.session-manager-label{position:absolute;top:15px}.session-state-label{align-items:center;background-color:#fff;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;height:80px;justify-content:center;width:80px}.session-state-label:hover{background-color:#9c5289;color:#fff}.pos-sessions-list{display:flex;flex-wrap:wrap;gap:20px;height:100%;justify-content:left;margin:auto;padding-bottom:5px;width:80%}.pos-sessions-card{align-items:center;background:#875a7b;border-radius:7px;color:#fff;display:flex;flex-direction:column;height:150px;justify-content:center;position:relative;text-align:center;width:220px}.pos-sessions-card:hover{background:#6d4863;cursor:pointer;scale:1.05}.pos-sessions-card-name{font-size:.7em;font-weight:600;top:3px}.pos-sessions-card-name,.pos-sessions-card-time{background:#0006;border-radius:7px;left:3px;padding:5px;position:absolute;text-align:center;width:-webkit-fit-content;width:fit-content}.pos-sessions-card-time{bottom:3px;font-size:.6em}.pos-sessions-card-status{font-size:.7em;font-weight:600}.pos-sessions-card-action{background:#0003;border:1.5px solid #000c;border-radius:5px;font-size:.8em;padding:5px}.pos-content{flex:1 1;overflow:hidden;overflow-y:auto;padding:1rem}.live-nav{display:flex;flex-wrap:wrap;gap:10px;height:-webkit-fit-content;height:fit-content;margin-left:auto;margin-right:20px;width:-webkit-fit-content;width:fit-content}.live-state{border:1.5px solid #4caf50;border-radius:5px;color:#4caf50}.error-state,.live-state{font-size:.7em;font-weight:700;height:-webkit-fit-content;height:fit-content;margin:auto 0;padding:.2em .5em}.error-state{border:1.5px solid #f44336;border-radius:5px;color:#f44336}.session-ended{border:1.5px solid #c75757;border-radius:5px;color:#c75757;font-size:.7em;font-weight:700;height:-webkit-fit-content;height:fit-content;margin:auto 0;padding:.2em .5em}.closingsession,.openingsession{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.session-entry{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;gap:1rem;height:-webkit-fit-content;height:fit-content;max-height:90%;max-width:500px;overflow:auto;padding:2rem;width:100%}.session-entry h2{color:#333;font-size:1.5rem;margin-bottom:1rem}.session-entry .form-group{display:flex;flex-direction:column;gap:.5rem}.session-entry .form-group label{color:#666;font-size:1rem}.session-entry .form-group input,.session-entry .form-group select{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem}.session-entry-inputs{display:flex;justify-content:space-between;margin:10px auto;input{width:35%}span{text-align:center;width:50px}}.session-actions{display:flex;gap:1rem;justify-content:flex-end}.session-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .3s}.session-btn.start{background:#4caf50;color:#fff}.session-btn.start:hover{background:#45a049}.session-btn.end{background:#f44336;color:#fff}.session-btn.end:hover{background:#e53935}.pos-mini-header{background-color:#fff;box-shadow:0 1px 3px #0000001a;justify-content:space-between;padding:.5rem 1rem}.header-info,.pos-mini-header{align-items:center;display:flex}.header-info{gap:1rem}.header-actions{display:flex;gap:.5rem}.table-name{color:#875a7b;font-weight:500}.order-number{background:#f5f5f5;border-radius:4px;color:#666;padding:.25rem .5rem}.table-card.available{border-left:4px solid #c9c640}.table-card.occupied{border-left:4px solid #f44336;cursor:not-allowed;opacity:.7}.order-screen{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:40% 60%;height:calc(100vh - 80px);padding:1rem}.order-entry{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:1rem;overflow:auto;padding:1rem}.selected-item{grid-gap:1rem;border-bottom:1px solid #eee;display:grid;gap:1rem;grid-template-columns:1fr auto auto;padding:.5rem}.product-icon{height:40px;width:40px}.product-image{border-radius:50%;margin-bottom:.5rem;object-fit:cover;width:40px}.modal-overlay{background:#00000080;position:absolute;z-index:1}.modal-content{box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:90%;max-width:500px;overflow:auto}.modal-header{width:100%}.action-btn{background:#875a7b;border-radius:4px;padding:.5rem 1rem;transition:all .2s}.action-btn:hover{background:#6d4863}.remove-btn{z-index:2}.order-switch-btn{align-items:center;display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem}.order-status{background:#f0f0f0;border-radius:10px;font-size:.7rem;padding:.1rem .3rem}.order-switch-btn.pending .order-status{background:#ffc107;color:#000}.order-switch-btn.completed .order-status{background:#4caf50;color:#fff}.order-switch-btn.cancelled .order-status{background:#f44336;color:#fff}.pos-header{display:none}.nav-buttons,.pos-header-actions{display:flex;gap:1rem}.pos-header-actions{margin-bottom:1rem}.pos-wh-cover{display:flex;width:100%}.pos-tables-layout{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:1rem}.pos-table{background-color:#fff}.pos-table,.pos-table1{align-items:center;aspect-ratio:1;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;justify-content:center;position:relative;transition:transform .2s}.pos-table1{background-color:#f3c45f}.pos-table1:hover,.pos-table:hover{transform:scale(1.05)}.pos-table.available{background-color:#4caf50;color:#fff}.pos-table.unavailable{background-color:#ef645a;color:#fff}.pos-table.reserved{background-color:#ff9800;color:#fff}.menu-section{display:flex;flex:2 1;flex-direction:column;gap:1rem}.categories{background-color:#fff;border-radius:8px;display:flex;gap:1rem;padding:1rem}.category{background-color:#e0e0e0;border-radius:4px;cursor:pointer;padding:.5rem 1rem}.products{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:1rem}.product{cursor:pointer;text-align:center}.order-summary,.product{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem}.order-summary{flex:1 1}.order-item{border-bottom:1px solid #e0e0e0;padding:.5rem 0}.order-total{border-top:2px solid #e0e0e0;font-size:1.2rem;font-weight:700;margin-top:1rem;padding-top:1rem}.selected-items{border-bottom:1px solid #eee;flex:1 1;padding:1rem}.keypad-section{padding:1rem}.quantity-display{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-size:1.5rem;margin-bottom:1rem;padding:1rem;text-align:right}.keypad-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.keypad-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:1rem;transition:all .2s}.keypad-btn:hover{background:#f0f0f0}.keypad-btn.enter{background:#875a7b;border:none;color:#fff;grid-column:span 3}.keypad-btn.enter:hover{background:#6d4863}.products-panel{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:100%;overflow:auto;width:100%}.categories-bar{border-bottom:1px solid #eee;display:flex;gap:.5rem;overflow-x:auto;padding:1rem}.category-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:20px;cursor:pointer;padding:.5rem 1rem;white-space:nowrap}.category-btn.active{background:#875a7b;border-color:#875a7b;color:#fff}.products-grid{grid-gap:1rem;display:grid;flex:1 1;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.orders-grid,.products-grid{gap:1rem;overflow-y:auto;padding:1rem}.orders-grid{display:block;width:100%}.product-card{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:1rem;transition:all .2s}.product-card:hover{border-color:#875a7b;box-shadow:0 2px 4px #0000001a}.product-card.active{background-color:#875a7b1a;border:2px solid #875a7b}.product-icon{align-items:center;background:#f5f5f5;border-radius:50%;color:#875a7b;display:flex;font-size:1.2rem;height:100px;justify-content:center;margin-bottom:.5rem;width:100px}.product-thumb-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.product-name{color:#333;font-size:.9rem;font-weight:500;margin-bottom:.25rem;text-align:center}.product-price{color:#875a7b;font-size:1rem;font-weight:700}.modal-content{border-radius:8px;max-width:400px;padding:2rem;width:100%}.modal-header{border-bottom:1px solid #eee;padding-bottom:1rem}.form-group,.modal-header{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px;padding:.5rem;width:100%}.modal-actions{gap:1rem;justify-content:flex-end;margin-top:1rem}.modal-btn{border-radius:4px;cursor:pointer;padding:.5rem 1rem}.modal-btn.cancel{background:#f5f5f5;border:1px solid #ddd}.modal-btn.save{background:#875a7b;border:none;color:#fff}.payment-modal{max-width:500px}.payment-methods{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.payment-method-btn{border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:1rem;text-align:center}.payment-method-btn.active{background:#875a7b;border-color:#875a7b;color:#fff}.remove-btn{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;width:24px}.place-order-btn{background:#875a7b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;margin-top:1rem;padding:1rem;width:100%}.place-order-btn:disabled{background:#ccc;cursor:not-allowed}.orders-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem}.order-card{background:#fff;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:1rem}.order-card:hover{box-shadow:0 4px 8px #0000001a}.order-card.pending{border-left:4px solid #ffc107}.order-card.completed{border-left:4px solid #4caf50}.order-card.cancelled{border-left:4px solid #f44336}.edit-order-btn{background:#c08d03b3;font-size:14px;margin-bottom:10px;padding:5px 10px;width:-webkit-max-content;width:max-content}.cancel-order-btn,.edit-order-btn{align-items:center;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-left:auto;z-index:2}.cancel-order-btn{background:#9b000080;font-size:18px;height:24px;width:24px}.pos-tables-view{height:calc(100vh - 80px);overflow:auto}.tables-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.table-card{display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}.table-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.table-card.available{border-left:4px solid #4caf50}.table-card.tables-available{border-left:4px solid #c48f2e}.table-card.tables-unavailable{border-left:4px solid #f44336;cursor:not-allowed;opacity:.7}.table-card.reserved{border-left:4px solid #ff9800;cursor:not-allowed;opacity:.7}.table-name{color:#333;font-size:1.2rem;font-weight:600}.table-capacity{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem}.table-status{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.table-status.available{background:#e8f5e9;color:#4caf50}.table-status.occupied{background:#ffebee;color:#f44336}.table-status.reserved{background:#fff3e0;color:#ff9800}.table-actions{gap:.5rem;margin-top:.5rem}.table-action-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:.9rem;padding:.5rem;transition:all .2s}.table-action-btn.edit{background:#e0e0e0;color:#333}.table-action-btn.select{background:#875a7b;color:#fff}.table-action-btn:hover{opacity:.9}.table-action-btn:disabled{background:#ccc;cursor:not-allowed}.close-btn{background:none;border:none;color:#666;font-size:24px;margin:0;padding:0}.close-btn:hover{color:#333}.form-group select{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:.5rem;width:100%}.form-group select:focus{border-color:#875a7b;outline:none}.order-switcher{display:flex;gap:.5rem;margin-right:1rem}.order-switch-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.25rem .75rem}.order-switch-btn.active{background:#875a7b;border-color:#875a7b;color:#fff}.pos-tables-view{padding:2rem}.tables-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:1rem}.table-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:1.5rem;position:relative}.order-count,.table-card{align-items:center;background:#875a7b;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-.5rem;top:-.5rem;width:24px}.table-unavailable{background:red;border:1px solid #fff}.table-user{background:#0006;border-radius:7px;bottom:3px;color:#fff;font-size:.6em;height:-webkit-fit-content;height:fit-content;left:50%;padding:5px;position:absolute;text-align:center;transform:translateX(-50%);width:95%}.add-table-box{align-items:center;aspect-ratio:1;background-color:#fff;border:2px dashed #875a7b;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:all .2s}.add-table-box:hover{background-color:#875a7b1a;transform:scale(1.05)}.add-table-box .plus-icon{color:#875a7b;font-size:2rem;margin-bottom:.5rem}.add-table-box .add-text{color:#875a7b;font-size:.9rem}.product-finder{border-radius:5px;outline:none;padding:5px}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid #0000;box-sizing:initial;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.transaction-reports-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;overflow:auto;padding:10px;position:fixed;right:0;top:0;z-index:4000}.transaction-reports{animation:fadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000040;display:flex;flex-direction:column;margin:5px 0;max-height:none;max-width:1800px;min-height:200px;overflow:auto;position:relative;width:99%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reports-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#2d3748;display:flex;flex-direction:column;margin-bottom:20px}.header-top{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px;width:100%}.header-top h2{color:#1a202c;flex-direction:column;gap:4px}.header-top h2,.reports-header h2{display:flex;font-size:1.5rem;font-weight:600;margin:0}.reports-header h2{align-items:center;gap:12px}.report-period{font-size:.9rem;font-weight:400;margin-left:10px;opacity:.9}.btn-export,.rcpt-export{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#4a5568;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.btn-export:hover,.rcpt-export:hover{background:#f7fafc;border-color:#cbd5e0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.btn-export svg{font-size:1.1rem}.rcpt-export{background-color:#f0fcff;border-color:#e8f0f4;color:#3a8ab2;font-weight:700}.rcpt-export:hover{background-color:#d9f0f5}.btn-export:first-child{background-color:#f0fff4;border-color:#c6f6d5;color:#2f855a}.btn-export:first-child:hover{background-color:#e6fffa;border-color:#81e6d9}.btn-export:last-child{background-color:#fff5f5;border-color:#fed7d7;color:#c53030}.btn-export:last-child:hover{background-color:#fff5f5;border-color:#feb2b2}.close-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .2s ease;width:36px;z-index:10}.close-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.order-items-container{grid-gap:16px;display:grid;gap:16px}.item-header{display:flex;width:100%}.item-name{color:#1a202c;font-size:1rem;font-weight:600;margin:0}.item-price{color:#2b6cb0;font-family:Roboto Mono,monospace;font-weight:600;margin-left:12px;white-space:nowrap}.item-details{gap:10px;width:-webkit-max-content;width:max-content}.detail-row,.item-details{display:block;margin-top:8px}.detail-row{font-size:.9rem;justify-content:space-between}.detail-label{color:#718096;margin-right:8px}.detail-value{color:#4a5568;font-weight:500;text-align:right}.item-category{border-top:1px dashed #e2e8f0;grid-column:1/-1;margin-top:4px;padding-top:8px}.status-badge{padding:2px 8px}@media (max-width:768px){.item-details,.order-items-container{grid-template-columns:1fr}.item-details{gap:6px}}.close-btn:hover{background:#fff3;transform:scale(1.05)}.filter-controls{background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;padding:0 15px 15px;z-index:10}.filter-toggle{align-items:center;background-color:#f8fafc;border:none;border-bottom:1px solid #e2e8f0;color:#2d3748;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;padding:14px 20px;text-align:left;transition:all .2s ease;width:100%}.filter-toggle:hover{background-color:#f1f5f9}.filter-toggle svg{transition:transform .2s ease}.filters-section{grid-gap:16px;background-color:#fff;border-bottom:1px solid #e2e8f0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:16px 20px;transition:all .3s ease}.filter-group{position:relative}.filter-group label{color:#4a5568;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px}.filter-group input,.filter-group select{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 2px #00000008;font-size:.9rem;height:38px;padding:8px 12px;transition:all .2s ease;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.date-range-group{grid-column:1/-1;margin-bottom:8px}.date-range-picker{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr auto 1fr;margin-top:6px}.date-range-separator{color:#718096;font-weight:500;text-align:center}.search-group{grid-column:1/-1}.search-input{position:relative}.search-input .search-icon{color:#a0aec0;font-size:.9rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input input{padding-left:36px!important}.filter-actions{border-top:1px solid #edf2f7;grid-column:1/-1;justify-content:flex-end;margin-top:8px;padding-top:8px}@media (max-width:768px){.filters-section{gap:12px;grid-template-columns:1fr;padding:12px 16px}.date-range-picker{gap:8px;grid-template-columns:1fr}.date-range-separator{display:none}}.export-actions{align-items:center;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;padding:10px 25px}.export-actions,.view-options{display:flex;gap:10px}.btn{border-radius:6px;display:inline-flex;font-size:.9rem;font-weight:500;padding:8px 16px}.btn-outline{background:#fff;border:1px solid #e2e8f0;color:#4a5568}.btn-outline:hover{background:#f7fafc;border-color:#cbd5e0}.btn-export{border:none;color:#000;font-weight:600;padding:10px 18px}.btn-export.excel{background-color:#1d6f42}.btn-export.excel:hover{background-color:#166534}.btn-export.pdf{background-color:#c53030}.btn-export.pdf:hover{background-color:#9b2c2c}.results-container{flex:1 1;padding:0}.session-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;margin:15px 20px;transition:all .3s ease}.session-card:not(:last-child){margin-bottom:20px}.session-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.session-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;gap:20px;justify-content:space-between;padding:18px 24px;transition:all .2s ease}.session-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.session-info{flex:1 1;min-width:0}.session-title{align-items:center;display:flex;gap:12px;margin-bottom:8px}.session-title h3{align-items:center;color:#1a202c;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin:0}.session-date{align-items:center;color:#4a5568;display:flex;font-size:.9rem;font-weight:400;gap:6px}.session-stats{gap:24px}.stat{font-size:.95rem;font-weight:500;gap:8px}.stat svg{font-size:1.1rem}.total-amount{color:#2b6cb0!important}.toggle-icon{color:#718096;font-size:1rem;margin-left:10px;transition:transform .3s ease}.status-badge{border-radius:20px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge .status-indicator{font-size:.6rem}.status-badge.active{border:1px solid #bee3f8}.status-badge.active .status-indicator{color:#2b6cb0}.status-badge.closed{background-color:#fff5f5;border:1px solid #fed7d7;color:#c53030}.status-badge.closed .status-indicator{color:#c53030}.session-meta{color:#4a5568;font-size:.9rem;gap:20px}.meta-item{font-size:.85rem;gap:6px}.meta-item svg{color:#a0aec0;font-size:1rem}.meta-item strong{color:#2d3748;font-weight:600;margin-right:4px}.session-details{background-color:#fff;border-top:1px solid #e2e8f0;padding:0}.session-card{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:20px;overflow:hidden;transition:all .2s ease}.session-card:hover{box-shadow:0 4px 12px #0000001a}.session-info h3{color:#2d3748;font-size:1.1rem;margin:0 0 8px}.session-meta{color:#718096;display:flex;flex-wrap:wrap;font-size:.85rem;gap:16px;gap:10px;margin-top:8px}.session-meta span{align-items:center;background:#0000000a;border-radius:4px;display:inline-flex;font-size:.85rem;gap:6px;padding:4px 10px;white-space:nowrap}.session-meta svg{color:#718096;flex-shrink:0;font-size:.9em}.session-stats{gap:20px}.session-stats,.stat{align-items:center;display:flex}.stat{color:#4a5568;font-size:.9rem;gap:6px}.stat svg{color:#718096}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.8rem;gap:6px;padding:4px 10px}.status-badge.active{background-color:#ebf8ff;color:#2b6cb0}.status-badge.pending{background-color:#fffaf0;color:#c05621}.status-badge.completed,.status-badge.delivered,.status-badge.paid{background-color:#f0fff4;color:#2f855a}.status-badge.cancelled,.status-badge.voided{background-color:#fff5f5;color:#c53030}.toggle-icon{color:#a0aec0;transition:transform .2s ease}.toggle-icon.expanded{transform:rotate(180deg)}.session-summary{grid-gap:16px;background-color:#f9fafc;border-bottom:1px solid #e2e8f0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px 24px}.summary-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 2px #0000000d;padding:12px}.summary-label{font-size:.75rem;letter-spacing:.5px;margin-bottom:4px}.summary-value{font-size:1rem}.total-amount{color:#2b6cb0}.order-items-container{margin:16px 0}.items-header{font-size:.75rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:12px 16px}.item-price,.item-quantity{color:#4a5568;font-size:.9rem}.order-totals{margin-top:20px}.no-items,.no-orders,.no-sessions{background-color:#f8fafc;border-radius:6px;color:#a0aec0;font-style:italic;margin:20px 0;padding:30px 20px;text-align:center}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#4299e1;height:40px;width:40px}.stat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:4px;min-width:120px;padding:12px 16px}.stat-label{color:#4a5568;font-size:.75rem;font-weight:500}.stat-value{color:#2d3748;font-size:1.1rem;font-weight:600}.stat-item.total-amount{background:#ebf8ff;border-color:#bee3f8}.stat-item.total-amount .stat-value{color:#2b6cb0}.sales-breakdown{background:#f9fafb;border-top:1px solid #edf2f7;display:flex;flex-wrap:wrap;gap:30px;padding:16px 24px}.breakdown-section{flex:1 1;min-width:250px}.breakdown-section h4{color:#4a5568;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.breakdown-items{display:flex;flex-direction:column;gap:8px}.breakdown-item{border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding:8px 0}.breakdown-item:last-child{border-bottom:none}.breakdown-label{color:#4a5568;font-size:.85rem}.breakdown-value{color:#2d3748;font-weight:500}.summary-item{flex-direction:column;gap:4px}.summary-label{color:#718096;font-size:.8rem}.summary-value{align-items:center;color:#2d3748;display:flex;font-size:.95rem;font-weight:500;gap:6px}.session-orders{padding:0}.session-orders>h4{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:1rem;margin:0;padding:16px 24px}.orders-list{padding:0 24px 20px}.order-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-top:16px;overflow:hidden;transition:all .2s ease}.order-card:hover{box-shadow:0 2px 8px #0000001a}.order-header{align-items:flex-start;background-color:#fff;cursor:pointer;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.order-header:hover{background-color:#f8fafc}.order-info{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.order-number{color:#2d3748;font-size:1rem;font-weight:600}.order-table,.order-time{align-items:center;color:#718096;display:flex;font-size:.85rem;gap:6px}.order-stats{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:20px;justify-content:flex-end;min-width:300px}.order-items,.order-total{align-items:center;color:#4a5568;display:flex;font-size:.9rem;gap:6px}.order-total{color:#2b6cb0;font-weight:600}.order-details{background-color:#fcfdfe;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px;padding:10px 16px 12px}.order-meta{border-bottom:1px dashed #e2e8f0;flex-wrap:wrap;gap:12px;margin:0 -4px 8px;padding-bottom:10px}.meta-item,.order-meta{align-items:center;display:flex}.meta-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:4px;gap:4px;line-height:1.2;margin:0 4px;padding:3px 8px}.meta-label{color:#64748b;font-size:.78rem}.meta-label,.meta-value{font-weight:500;white-space:nowrap}.meta-value{color:#1e293b;font-size:.8rem}.order-items-container{border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;margin-top:12px;overflow:hidden}.items-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#4a5568;display:grid;font-size:.7rem;font-weight:600;grid-template-columns:3fr 1.2fr .8fr 1fr 1fr;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.items-header .item-delivery-status{padding-left:16px}.order-item{align-items:center;background-color:#fff;border-bottom:1px solid #f1f5f9;display:block;font-size:.85rem;padding:8px 12px;transition:background-color .2s ease}.order-item:last-child{border-bottom:none}.order-item:hover{background-color:#f8fafc}.item-name{color:#2d3748;font-weight:500;width:-webkit-max-content;width:max-content}.item-category{color:#718096;font-size:.85rem}.item-price,.item-quantity,.item-total{color:#4a5568;font-size:.9rem}.item-total{color:#2b6cb0;font-weight:600}.item-delivery-status{padding-left:16px}.order-totals{border:1px solid #e2e8f0;border-radius:6px;margin-left:auto;max-width:300px;overflow:hidden}.total-row{background-color:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 16px}.total-row:last-child{border-bottom:none}.total-label{color:#4a5568;font-size:.9rem}.total-amount{color:#2d3748;font-weight:600}.grand-total{background-color:#f8fafc;border-top:2px solid #e2e8f0}.grand-total .total-amount{color:#2b6cb0;font-size:1.1rem}.no-items,.no-orders{background-color:#f8fafc;border-radius:6px;color:#a0aec0;font-style:italic;margin:20px 0;padding:30px 20px;text-align:center}@media (max-width:1024px){.filter-group{min-width:calc(50% - 10px)}.session-meta{flex-wrap:wrap;gap:10px}}@media (max-width:768px){.transaction-reports-overlay{overflow:auto;padding:0}.transaction-reports{border-radius:0;margin:0;max-height:100vh;min-height:100vh;overflow:auto;width:100%}.filters-section{padding:12px;position:static}.filter-group{margin-bottom:10px;min-width:100%}.filter-group label{font-size:.85rem}.export-actions{align-items:stretch;flex-direction:column;gap:12px;padding:0 12px 12px}.view-options{justify-content:space-between;width:100%}.export-buttons{display:flex;flex-direction:column;gap:8px;width:100%}.btn-export{justify-content:center;padding:10px;width:100%}.header-top{align-items:flex-start;flex-direction:column;gap:12px;padding:15px}.header-top h2{font-size:1.25rem}.report-period{display:block;font-size:.85rem;margin-left:0;margin-top:4px}.results-summary-stats{flex-direction:column;gap:8px;padding:0 15px 15px}.stat-item{flex-direction:row;justify-content:space-between;padding:10px 15px;width:100%}.order-item{padding:12px 15px}.item-header{flex-direction:column;gap:8px}.item-name{margin-bottom:4px;width:100%}.item-details{margin-top:12px;width:100%}.detail-row{display:flex;justify-content:space-between;margin-bottom:6px}.session-card{border-radius:8px;margin:10px}.session-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;display:block;gap:20px;justify-content:space-between;padding:18px 24px;padding:14px 16px;transition:all .2s ease}.session-stats{margin-top:10px}.close-btn{height:32px;right:10px;top:10px;width:32px}.sales-breakdown{flex-direction:column;gap:15px;padding:0 15px 15px}.breakdown-section{width:100%}}.filter-group input:focus,.filter-group select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.date-range-group{flex:2 1;min-width:400px}.date-range-picker{align-items:center;background:#fff;border:1px solid #ced4da;border-radius:4px;display:flex;gap:10px;padding:8px 12px;z-index:10}.date-range-separator{color:#6c757d;font-size:.9rem}.date-input{border:1px solid #ced4da;border-radius:4px;font-size:.9rem;padding:6px 10px;text-align:center;width:120px}.react-datepicker-wrapper{display:inline-block}.react-datepicker{border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 10px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.react-datepicker__header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:#2c3e50;color:#fff}.export-buttons{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:12px;padding:10px 20px}.export-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.export-btn.excel{background-color:#1d6f42;color:#fff}.export-btn.excel:hover{background-color:#165c35}.export-btn.pdf{background-color:#d33;color:#fff}.export-btn.pdf:hover{background-color:#b02a37}.results-summary-stats{background:#fff;border-bottom:1px solid #edf2f7;display:flex;flex-wrap:wrap;gap:25px;margin:0;padding:16px 24px}.summary-item{align-items:center;display:flex;gap:8px}.summary-label{color:#495057;font-weight:500}.summary-value{color:#212529;font-size:1.1rem;font-weight:600}.results-grid{flex:1 1;overflow-y:auto;padding:0 20px 20px}table{border-collapse:collapse;font-size:.9rem;width:100%}td,th{border-bottom:1px solid #dee2e6;padding:12px 15px;text-align:left}th{color:#495057;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:2}tbody tr:hover,th{background-color:#f8f9fa}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 8px;text-transform:capitalize}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.completed{background-color:#d4edda;color:#155724}.status-badge.cancelled{background-color:#f8d7da;color:#721c24}.loading{padding:40px}.loading,.no-results{color:#6c757d;font-style:italic;text-align:center}.no-results{padding:30px}@media (max-width:992px){.transaction-reports{max-height:95vh;overflow:auto;width:98%}.filters-section{flex-direction:column;gap:10px}.filter-group{width:100%}.export-buttons{flex-wrap:wrap}.results-grid{overflow-x:auto}table{min-width:900px}}@media print{.transaction-reports-overlay{background:none;padding:0;position:static}.transaction-reports{border:none;box-shadow:none;max-height:none;max-width:100%;width:100%}.export-buttons,.filters-section{display:none}.results-grid{overflow:visible}table{font-size:10pt;width:100%}td,th{padding:6px 8px}}.selected-delivery{background-color:#f0f0f0;border:1.3px solid purple}.cancel-delivery-btn{background:#f3b9b9;color:red;font-size:.8em;font-weight:700;width:-webkit-fit-content;width:fit-content}.inventory{background:#f8faf9;display:flex;flex-direction:column;font-family:MontserratRegular,sans-serif;height:100%;width:100%}.inventoryTop{background:#fff;border-bottom:1px solid #1738290f;display:block;padding:0;width:100%}.inv-top1{display:flex;flex-wrap:wrap;gap:8px;padding:16px 32px}.inventoryLabelCover{position:relative}.inventoryLabel{border-radius:10px;color:#17382980;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:all .2s ease;white-space:nowrap}.inventoryLabel:hover{background:#1738290a;color:#173829}.inventoryLabelClicked{background:#173829;border-radius:10px;box-shadow:0 4px 12px #17382926;color:#fff;font-weight:800;padding:8px 18px}.inventoryLabelClicked:hover{background:#2b6a4b;color:#fff}.inventoryDropMenu{background:#fff;border:1px solid #17382914;border-radius:12px;box-shadow:0 10px 30px #1738291f;display:flex;flex-direction:column;left:0;min-width:180px;padding:8px;position:absolute;top:42px;z-index:100}.inventoryDropMenu label{border-radius:8px;color:#173829;cursor:pointer;font-size:13px;font-weight:600;margin:0;padding:10px 16px;transition:all .15s ease;width:100%}.inventoryDropMenu label:hover{background:#1738290a}.inv-top2{align-items:center;background:#fafcfb;border-top:1px solid #1738290d;display:flex;justify-content:space-between;padding:12px 32px;width:100%}.inv-top2 .new{align-items:center;display:inline-flex;gap:12px}.inv-top2 .new button{background:#6af2ad;border:none;border-radius:10px;color:#173829;cursor:pointer;font-family:MontserratBold,sans-serif;font-size:13px;font-weight:800;height:-webkit-fit-content;height:fit-content;outline:none;padding:8px 20px;transition:all .2s ease}.inv-top2 .new button:hover{box-shadow:0 4px 12px #6af2ad4d;transform:translateY(-1px)}.inv-top2 .new label{color:#173829;font-size:13px;font-weight:700;margin:auto}.invdate{font-size:13px;margin:0;padding:0}.invdate input{border:1.5px solid #1738291a;border-radius:8px;font-family:MontserratRegular,sans-serif;font-size:13px;margin:0;outline:none;padding:6px 12px}.invdate input:focus{border-color:#2b6a4b;box-shadow:0 0 0 3px #2b6a4b0f}.inventoryView{border-top:none;height:100%;overflow:auto;width:100%}.settingsDrop{background:#fff;border:1px solid #17382914;border-radius:12px;bottom:-10;box-shadow:0 10px 30px #1738291f;display:flex;flex-direction:column;font-size:13px;left:0;padding:8px;position:absolute;width:-webkit-max-content;width:max-content;z-index:100}.settingsDrop span{border-radius:8px;color:#173829;cursor:pointer;font-weight:600;margin:2px 0;padding:8px 14px;transition:all .15s ease;width:-webkit-fit-content;width:fit-content}.settingsDrop span:hover{background:#1738290a}.pr-settings{align-items:center;display:flex;gap:8px}.pr-icon{font-size:1.3em}.filter{gap:12px;height:-webkit-fit-content;height:fit-content;margin:auto 0;width:-webkit-fit-content;width:fit-content}.filter,.filterArrow{align-items:center;display:flex}.filterArrow{gap:4px}.filterIndex{color:#17382999;font-size:13px;font-weight:700}.filterViewMode{align-items:center;display:flex;gap:8px}.filterViewIcon{border-radius:8px;color:#17382966;cursor:pointer;font-size:1.2em;padding:6px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.filterViewIcon:hover{background:#1738290a;color:#173829}.filterArrowIcon{background:#1738290d;border-radius:50%;color:#173829;cursor:pointer;font-size:1.6em;padding:10px;transition:all .2s ease}.filterArrowIcon:hover{background:#2b6a4b26;color:#2b6a4b;transform:scale(1.05)}.viewActive{background:#2b6a4b14;color:#2b6a4b!important}.slprwh-print{background:#173829;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:8px 16px;transition:all .2s ease}.slprwh-print:hover{background:#2b6a4b;transform:translateY(-1px)}@media (max-width:768px){.inv-top1,.inv-top2{padding:12px 16px}.inv-top2{flex-wrap:wrap;gap:12px}}.inventory-search-box{align-items:center;display:flex;flex:1 1;margin:0 16px;max-width:300px}.inv-search-input{border:1.5px solid #1738291a;border-radius:10px;font-family:MontserratRegular,sans-serif;font-size:13px;outline:none;padding:8px 16px;transition:all .2s ease;width:100%}.inv-search-input:focus{border-color:#2b6a4b;box-shadow:0 0 0 3px #2b6a4b14}@media (max-width:768px){.inventory-search-box{margin:8px 0;max-width:none;order:3;width:100%}}.pr-products{background:#f8faf9;font-family:MontserratRegular,sans-serif;width:100%}.pr-product,.pr-products{display:flex;flex-direction:column;height:100%}.pr-product{align-items:center;gap:24px;justify-content:flex-start;margin:auto;overflow-y:auto;padding:28px 0;width:95%}.pr-left{flex-shrink:0;width:100%}.nameInpCov{align-items:center;color:#173829;display:flex;font-family:MontserratBold,sans-serif;font-size:14px;font-weight:800;height:-webkit-fit-content;height:fit-content;margin:16px 0}.nameInp{background:#0000;border:none;border-bottom:2px solid #1738291a;color:#173829;font-family:MontserratRegular,sans-serif;font-size:16px;margin:auto 12px;outline:none;padding:8px 12px;transition:border-color .2s ease;width:60%}.nameInp:focus{border-bottom-color:#2b6a4b}.pr-type{display:flex;gap:16px}.pr-type-sub{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;margin:auto 0;padding:8px 16px;transition:background .15s ease}.pr-type-sub:hover{background:#1738290a}.pr-type-sub label{color:#173829;cursor:pointer;margin:auto 4px}.pr-type-sub input[type=checkbox]{accent-color:#2b6a4b;cursor:pointer;height:16px;width:16px}.pr-details{background:#fff;border-radius:16px;box-shadow:0 4px 20px #1738290f;margin:12px 0;overflow-y:visible;padding:24px}.pr-details,.pr-right{flex-shrink:0;width:100%}.pr-right{grid-gap:4px 24px;display:grid;gap:4px 24px;grid-template-columns:1fr 1fr;height:-webkit-fit-content;height:fit-content;margin:0}.otherInpCov{align-items:center;display:flex;font-size:13px;font-weight:700;margin:auto auto 16px;width:100%}.otherInpCov label{color:#17382999;font-size:12px;font-weight:700;min-width:120px;width:120px}.otherInp{background:#0000;border:none;border-bottom:1.5px solid #17382914;color:#173829;font-family:MontserratRegular,sans-serif;font-size:13px;outline:none;padding:8px 4px;transition:border-color .2s ease;width:100%}.otherInp:focus{border-bottom-color:#2b6a4b}select.otherInp{cursor:pointer}.pr-settings{position:relative}.pr-icon{color:#17382980;cursor:pointer;font-size:1.4em;margin:auto 4px;transition:color .2s ease}.pr-icon:hover{color:#173829}.pr-all-products{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));height:100%;overflow:auto;padding:16px;width:100%}.pr-product-card{background:#fff;border:1.5px solid #1738290f;border-radius:16px;box-shadow:0 2px 8px #1738290a;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:20px;position:relative;transition:all .2s ease}.pr-product-card:hover{border-color:#2b6a4b26;box-shadow:0 8px 24px #17382914;transform:translateY(-2px)}.product-card-name{color:#173829;font-family:MontserratBold,sans-serif;font-size:16px;font-weight:800}.product-card-others{color:#17382999;font-size:13px;font-weight:600}.product-card-others-top{background:#6af2ad26;border-radius:8px;color:#2b6a4b;font-size:10px;font-weight:800;letter-spacing:.5px;padding:4px 10px;position:absolute;right:12px;text-transform:uppercase;top:12px}.all-product-list{display:block;height:100%;overflow:auto;padding:0 16px 16px;width:100%}.product-list{grid-gap:12px;align-items:center;background:#fff;border-bottom:1px solid #1738290a;color:#173829;cursor:pointer;display:grid;font-size:13px;font-weight:600;gap:12px;grid-template-columns:40px 120px 1fr 120px 140px 80px;margin:0;padding:14px 16px;transition:background .15s ease}.product-list:first-child{border-radius:16px 16px 0 0}.product-list:last-child{border-bottom:none;border-radius:0 0 16px 16px}.product-list:hover{background:#17382905}.product-list input[type=checkbox]{accent-color:#2b6a4b;cursor:pointer;height:16px;width:16px}.product-list-head{background:#f0f4f2;border-radius:16px 16px 0 0;color:#17382980;font-size:11px;font-weight:800;letter-spacing:1px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.product-list-head:hover{background:#f0f4f2}.product-list-name{color:#173829;font-weight:700}.product-list-name,.product-list-others{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-list-others{color:#17382999;font-weight:600}.product-list-others-top{background:#6af2ad26;border-radius:8px;color:#2b6a4b;font-size:10px;font-weight:800;letter-spacing:.5px;padding:4px 10px;text-align:center;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.noProducts{align-items:center;color:#1738294d;display:flex;font-size:14px;font-weight:700;height:50%;justify-content:center;line-height:1.8;margin:auto;text-align:center;width:90%}.product-import{border-radius:16px;display:flex;height:100%;overflow:hidden;width:100%}.imp-left{background:#fff;border-right:1px solid #1738290d;width:25%}.imp-left,.imp-right{height:100%;padding:20px}.imp-right{background:#6af2ad14;overflow:auto;position:relative;width:75%}.exp-format{background:#173829;border:none;border-radius:10px;bottom:20px;color:#fff;cursor:pointer;font-family:MontserratBold,sans-serif;font-size:13px;font-weight:700;left:50%;outline:none;padding:10px 20px;position:absolute;transform:translateX(-50%);transition:all .2s ease}.exp-format:hover{background:#2b6a4b;transform:translateX(-50%) translateY(-1px)}.imp-load{background:#fff;border:1.5px solid #2b6a4b33;border-radius:10px;color:#173829;cursor:pointer;font-family:MontserratRegular,sans-serif;font-size:13px;font-weight:700;margin:8px 4px;outline:none;padding:8px 16px;transition:all .2s ease}.imp-load:hover{background:#2b6a4b08;border-color:#2b6a4b}.imp-load-det{color:#2b6a4b;font-size:13px;font-weight:700;margin:12px 5px}.button-contrast{background:#173829;border-color:#173829;color:#fff;font-weight:800}.button-contrast:hover{background:#2b6a4b;border-color:#2b6a4b}.pivotOptCov{color:#17382999;display:block;font-size:13px;font-weight:700;margin:16px 5px}.pivotOpt{border:1.5px solid #17382914;border-radius:10px;color:#173829;font-family:MontserratRegular,sans-serif;font-size:13px;margin-top:4px;outline:none;padding:8px 12px;width:160px}.pivotOpt:focus{border-color:#2b6a4b}.import-cov{display:block;margin:auto;width:90%}.import-card{align-items:center;color:#173829;display:flex;font-size:13px;font-weight:700;gap:20px;margin:16px auto}.import-card div{font-weight:700;min-width:120px;width:200px}.imgview{align-items:center;flex-wrap:wrap;gap:12px}.imgtag{border:2px solid #1738290f;border-radius:12px;max-height:150px;max-width:200px;object-fit:cover}.imgupld{background:#173829;border:none;border-radius:10px;cursor:pointer;font-family:MontserratBold,sans-serif;font-size:12px;font-weight:700;padding:8px 16px;transition:all .2s ease}.imgupld:hover{background:#2b6a4b;transform:translateY(-1px)}.stock-cov{display:block}.stock-cov h3{color:#173829;font-family:MontserratBold,sans-serif;font-size:15px;font-weight:800;margin:0 0 12px}.stock-table{background:#fff;border:1px solid #1738290f;border-radius:12px;overflow:hidden;width:100%}.stock-table-head{background:#f0f4f2;color:#17382980;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.stock-table-body,.stock-table-head{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 140px;padding:12px 16px}.stock-table-body{border-top:1px solid #1738290a;color:#173829;font-size:13px;font-weight:600}.pr-details input[type=month]{background:#fff;border:1.5px solid #17382914;border-radius:10px;color:#173829;font-family:MontserratRegular,sans-serif;font-size:13px;outline:none;padding:8px 12px}.pr-details input[type=month]:focus{border-color:#2b6a4b;box-shadow:0 0 0 3px #2b6a4b0f}.pr-products>div:has(>input[placeholder="Search Product"]){padding:12px 16px}@media (max-width:1024px){.pr-right{grid-template-columns:1fr}.product-list{font-size:12px;gap:8px;grid-template-columns:40px 80px 1fr 80px 100px 60px;padding:12px}}@media (max-width:768px){.pr-product{padding:16px;width:100%}.nameInpCov{align-items:flex-start;flex-direction:column;gap:8px}.nameInp{margin:0;width:100%}.pr-right{grid-template-columns:1fr}.otherInpCov{align-items:flex-start;flex-direction:column;gap:6px}.otherInp,.otherInpCov label{width:100%}.pr-all-products{grid-template-columns:1fr;padding:12px}.product-list{gap:8px;grid-template-columns:30px 1fr 80px}.product-list-head .product-list-others,.product-list-head .product-list-others-top,.product-list-others,.product-list-others-top{display:none}.product-import{flex-direction:column}.imp-left,.imp-right{width:100%}.imp-left{border-bottom:1px solid #1738290d;border-right:none}}.transfer-section{align-items:center;border:1px solid #1738290f;box-shadow:0 4px 16px #17382908;flex-wrap:wrap}.transfer-section h4{border-bottom:1.5px solid #1738290f;color:#173829;font-family:MontserratBold,sans-serif;font-size:15px;font-weight:800;margin:0;padding-bottom:12px;width:100%}.transfer-section .otherInpCov{min-width:200px}.transfer-section .otherInp{border-radius:10px;padding:10px 14px}.transfer-section .otherInp:focus{box-shadow:0 0 0 3px #2b6a4b1a}.export-controls .action-btn{display:inline-flex}.modalView{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2}.measures{background:#f5f5f5;border-radius:10px;height:80%;overflow:auto;position:relative;width:50%}.closeModal{background:#adff2f;border-radius:5px;cursor:pointer;font-size:.8em;padding:5px 15px;position:absolute;right:10px;top:10px}.modal-title{font-weight:700;margin:10px}.new-record{background:#adff2f;border-radius:5px;cursor:pointer;font-size:.8em;font-weight:600;height:-webkit-fit-content;height:fit-content;margin-right:5px;padding:5px 15px;width:-webkit-fit-content;width:fit-content}.measures-list-container{display:block;padding:10px;width:100%}.measures-list-title{display:flex;font-size:.8em;font-weight:600;justify-content:space-between;margin:15px auto;div{margin:0 5px;width:150px}}.measures-list-content{background:#fff;display:flex;font-size:.8em;justify-content:space-between;margin:5px auto;padding:5px;text-align:left;div{margin:0 5px;width:150px};input,select{margin:0 5px;width:110px}}.transaction-history{background-color:#f8faf9;font-family:MontserratRegular,sans-serif;padding:32px}.filters-container{align-items:flex-end;background:#fff;border-radius:16px;box-shadow:0 4px 20px #1738290f;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px;padding:24px;width:100%}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:160px}.filter-group label{color:#17382980;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.date-range{gap:8px;width:100%}.date-input,.select-input{background:#f8faf9;border:1.5px solid #17382914;border-radius:10px;box-sizing:border-box;color:#173829;font-family:MontserratRegular,sans-serif;font-size:13px;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.date-input:focus,.select-input:focus{background:#fff;border-color:#2b6a4b;box-shadow:0 0 0 3px #2b6a4b0f}.filter-actions{align-items:flex-end;display:flex;gap:8px;margin-top:0}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:MontserratBold,sans-serif;font-size:13px;font-weight:700;gap:8px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.btn-primary{background-color:#173829;box-shadow:0 4px 12px #17382926;color:#fff}.btn-primary:hover{background-color:#2b6a4b;transform:translateY(-1px)}.btn-secondary{background-color:#f0f4f2;color:#173829}.btn-secondary:hover{background-color:#e8f0eb}.btn-icon{background:#f0f4f2;border:none;border-radius:10px;color:#17382980;cursor:pointer;padding:10px;transition:all .2s ease}.btn-icon:hover{background:#e8f0eb;color:#173829}.btn-danger{background-color:#fff5f5;border:1.5px solid #ffe3e3;color:#d11212}.btn-danger:hover{background-color:#feebeb}.btn-warning{background-color:#fffbeb;border:1.5px solid #fef3c7;color:#b45309}.btn-warning:hover{background-color:#fef9c3}.btn-sm{font-size:12px;padding:6px 12px}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:28px}.summary-card{background:#fff;border-left:4px solid #2b6a4b;border-radius:16px;box-shadow:0 4px 20px #1738290f;display:flex;flex-direction:column;min-height:110px;padding:20px;transition:all .3s ease}.summary-card:hover{box-shadow:0 8px 30px #1738291a;transform:translateY(-3px)}.summary-card.in{border-left-color:#10b981}.summary-card.out{border-left-color:#ef4444}.summary-card.total{background:linear-gradient(135deg,#f8faf9,#edf7f0);border-left-color:#6af2ad}.summary-label{color:#17382980;font-size:11px;font-weight:800;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.summary-value{color:#173829;font-family:MontserratBold,sans-serif;font-size:24px;font-weight:800;line-height:1.2;margin-bottom:6px}.summary-card.in .summary-value{color:#10b981}.summary-card.out .summary-value{color:#ef4444}.summary-subtext{border-top:1px dashed #17382914;color:#17382980;font-size:12px;font-weight:600;margin-top:auto;padding-top:10px}.summary-subtext button{background:#f8faf9;border:1.5px solid #1738291a;border-radius:8px;color:#173829;cursor:pointer;font-family:MontserratRegular,sans-serif;font-size:11px;font-weight:700;margin-top:6px;padding:6px 12px;transition:all .2s ease}.summary-subtext button:hover{background:#e8f0eb}.adjustment-row,.transfer-row{align-items:center;display:flex;gap:8px}.adjustment-positive,.transfer-in{color:#10b981;font-weight:700}.adjustment-negative,.transfer-out{color:#ef4444;font-weight:700}.adjustment-separator,.transfer-separator{color:#17382933;font-weight:400}.transactions-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #1738290f;overflow:hidden}.table-header{align-items:center;border-bottom:1px solid #1738290d;display:flex;justify-content:space-between;padding:20px 24px}.table-header h3{color:#173829;font-family:MontserratBold,sans-serif;font-size:18px;font-weight:800;margin:0}.table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.delete-progress{background:#fff5f5;border-radius:8px;color:#d11212;font-size:12px;font-weight:700;padding:6px 12px}.table-responsive{max-width:100%;overflow-x:auto}.transactions-table{border-collapse:collapse;width:100%}.transactions-table td,.transactions-table th{border-bottom:1px solid #1738290a;font-size:13px;padding:14px 16px;text-align:left}.transactions-table th{background-color:#f8faf9;color:#17382980;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.transactions-table tbody tr{transition:background-color .15s ease}.transactions-table tbody tr:hover{background-color:#17382905}.positive{color:#10b981;font-weight:700}.negative{color:#ef4444;font-weight:700}.tx-type-adjustment\(\+\),.tx-type-purchase,.tx-type-transfer-in{background-color:#10b98108}.tx-type-adjustment\(\-\),.tx-type-sale,.tx-type-transfer-out{background-color:#ef444408}.loading-row,.no-data{color:#17382966;font-size:14px;font-weight:600;padding:48px 24px;text-align:center}.pagination{align-items:center;background:#fafcfb;border-top:1px solid #1738290d;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.pagination-info{color:#17382980;font-size:13px;font-weight:600}.pagination-info strong{color:#173829;font-weight:800}.pagination-controls{align-items:center;display:flex;gap:6px}.pagination-btn{background:#fff;border:1.5px solid #17382914;border-radius:8px;color:#173829;cursor:pointer;font-family:MontserratRegular,sans-serif;font-size:13px;font-weight:700;padding:8px 14px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f0f4f2;border-color:#17382926}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-btn.active{background:#173829;border-color:#173829;color:#fff}.pagination-rows-selector{align-items:center;color:#17382980;display:flex;font-size:13px;font-weight:600;gap:10px}.rows-per-page-input{background:#fff;border:1.5px solid #17382914;border-radius:8px;color:#173829;font-family:MontserratRegular,sans-serif;font-size:13px;font-weight:700;outline:none;padding:8px 10px;text-align:center;transition:all .2s ease;width:64px}.rows-per-page-input:focus{border-color:#2b6a4b;box-shadow:0 0 0 3px #2b6a4b0f}.rows-per-page-select{background:#fff;border:1.5px solid #17382914;border-radius:8px;color:#173829;cursor:pointer;font-family:MontserratRegular,sans-serif;font-size:13px;font-weight:700;outline:none;padding:8px 12px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#17382966;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:5000}.modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #17382933;max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;width:90%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #1738290d;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:20px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h3{color:#173829;font-family:MontserratBold,sans-serif;font-size:18px;font-weight:800;margin:0}.modal-actions{align-items:center;display:flex;gap:8px}.export-pdf-button{align-items:center;background:#173829;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:MontserratRegular,sans-serif;font-size:13px;font-weight:700;gap:6px;padding:8px 16px;transition:all .2s ease}.export-pdf-button:hover{background:#2b6a4b;transform:translateY(-1px)}.close-button{align-items:center;background:#f0f4f2;border:none;border-radius:10px;color:#17382980;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-button:hover{background:#e8f0eb;color:#173829}.modal-body{padding:24px 28px}.modal-body table{border-collapse:collapse;width:100%}.modal-body th{background:#f8faf9;border-bottom:1px solid #1738290d;color:#17382980;font-size:11px;font-weight:800;letter-spacing:1px;padding:12px 14px;text-align:left;text-transform:uppercase}.modal-body td{border-bottom:1px solid #1738290a;color:#173829;font-size:13px;padding:12px 14px}.modal-body .text-end{text-align:right}.modal-body .fw-bold{font-weight:800}.modal-body .text-muted{color:#17382966}.modal-body .small{font-size:11px}.modal-body tfoot td,.modal-body tfoot th{background:#f8faf9;border-top:2px solid #1738291a;color:#173829;font-weight:800}.modal-footer{border-top:1px solid #1738290d;display:flex;justify-content:flex-end;padding:16px 28px}.summary-stats{background:#f8faf9;border-radius:12px;display:flex;gap:24px;margin-bottom:24px;padding:16px}.stat-item{display:flex;flex-direction:column}.stat-label{color:#17382980;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#173829;font-size:18px;font-weight:800}.summary-card.clickable{cursor:pointer}.view-details{color:#2b6a4b;font-size:11px;font-weight:700;margin-top:8px;opacity:.6;transition:opacity .2s}.summary-card.clickable:hover .view-details{opacity:1}@media (max-width:1200px){.summary-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:1024px){.transaction-history{padding:16px}.filters-container{gap:12px;padding:16px}.filter-group{min-width:140px}.table-header{align-items:flex-start;flex-direction:column;gap:12px}.table-actions{overflow-x:auto;width:100%}.pagination{align-items:stretch;flex-direction:column;gap:12px}.pagination-controls{flex-wrap:wrap}.pagination-controls,.pagination-rows-selector{justify-content:center}}@media (max-width:768px){.summary-cards{grid-template-columns:1fr 1fr}.filters-container{flex-direction:column}.filter-group{width:100%}.transactions-table td,.transactions-table th{font-size:12px;padding:10px}}@media (max-width:480px){.summary-cards{grid-template-columns:1fr}.transaction-history{padding:12px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.stockOtherInp{width:250px}.stockCountedInp{width:150px}.stockColname{border-bottom:2px solid #1738291a;color:#173829cc;font-family:MontserratBold,sans-serif;font-size:13px;font-weight:800;margin-bottom:12px;padding-bottom:12px;width:-webkit-max-content;width:max-content}.transfer-section{background:#fff;border:1px solid #17382914;border-radius:16px;box-shadow:0 4px 20px #1738290d;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin-bottom:8px;padding:24px;width:100%}.transfer-header-group{border-bottom:1.5px solid #1738290f;display:flex;flex-direction:column;gap:4px;padding-bottom:16px}.transfer-header-group h4{color:#173829;font-family:MontserratBold,sans-serif;font-size:16px;font-weight:800;margin:0}.transfer-subtitle{color:#17382980;font-size:12px;font-weight:500}.transfer-inputs-row{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.transfer-arrow-icon{align-items:center;background:#2b6a4b14;border-radius:50%;color:#2b6a4b;display:flex;height:40px;justify-content:center;margin-top:20px;width:40px}.transfer-section .otherInpCov{display:flex;flex:1 1;flex-direction:column;min-width:250px}.transfer-section label{color:#173829b3;font-size:13px;font-weight:700;margin-bottom:8px}.transfer-section .otherInp{background-color:#17382905;border:1.5px solid #1738291a;border-radius:12px;box-sizing:border-box;color:#173829;font-family:MontserratRegular,sans-serif;font-size:13px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.transfer-section .otherInp:focus{background-color:#fff;border-color:#2b6a4b;box-shadow:0 0 0 4px #2b6a4b14}.adjustments{align-items:flex-start;background:#0000;box-sizing:border-box;color:#173829;flex-wrap:nowrap;font-family:MontserratRegular,sans-serif;gap:24px;height:100%}.adj-right-header,.adjustments{display:flex;flex-direction:column;width:100%}.adj-right-header{flex:1 1;gap:16px}.adj-right{background:#fff;border:1px solid #1738290f;border-radius:16px;box-shadow:0 4px 16px #17382908;gap:24px;height:-webkit-fit-content;height:fit-content;overflow-x:auto;padding:24px}.adj-right,.colrows{box-sizing:border-box;display:flex;width:100%}.colrows{align-items:center;border-bottom:1px solid #1738290a;color:#173829;font-size:13px;font-weight:500;height:38px;margin:0 0 8px;padding:0;transition:background-color .2s ease}.colrows:hover{background-color:#17382905}.countedInp{background:#17382905;border:1.5px solid #17382914;border-radius:8px;box-sizing:border-box;color:#173829;font-family:MontserratRegular,sans-serif;font-size:13px;font-weight:600;height:38px;margin:0 0 8px;outline:none;padding:0 12px;transition:all .2s ease;width:100%}.countedInp:focus{background:#fff;border-color:#2b6a4b;box-shadow:0 0 0 3px #2b6a4b1a}.export-controls{background-color:#fff;border-bottom:1px solid #1738290f;border-radius:12px 12px 0 0;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:16px}.export-button{align-items:center;background-color:#fff;border:1.5px solid #17382926;border-radius:10px;color:#173829;cursor:pointer;display:inline-flex;font-family:MontserratBold,sans-serif;font-size:13px;font-weight:700;gap:8px;padding:8px 16px;transition:all .2s ease}.export-button:hover:not(:disabled){background-color:#1738290a;border-color:#173829;transform:translateY(-1px)}.export-button:disabled{cursor:not-allowed;opacity:.5}.export-button svg{height:16px;width:16px}.export-controls .action-btn{align-items:center;background-color:#173829;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:0 0 auto;font-family:MontserratBold,sans-serif;font-size:13px;font-weight:700;gap:8px;justify-content:center;min-width:100px;padding:8px 16px;transition:all .2s ease;width:-webkit-max-content;width:max-content}.export-controls .action-btn:disabled{background-color:#17382966;cursor:not-allowed}.column-manager-toggle{align-items:center;background-color:#fff;border:1.5px solid #17382926;border-radius:10px;color:#173829;cursor:pointer;display:inline-flex;font-family:MontserratBold,sans-serif;font-size:13px;font-weight:700;gap:8px;margin-left:10px;padding:8px 16px;transition:all .2s ease}.column-manager-toggle:hover{background-color:#1738290a;border-color:#173829;transform:translateY(-1px)}.total-row{background-color:#17382908;border-top:2px solid #1738291a;color:#173829;font-family:MontserratBold,sans-serif;font-weight:800}.filter-section{background:#fff;border:1px solid #1738290f;border-radius:16px;box-shadow:0 4px 16px #17382908;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;width:100%}.filter-header{align-items:center;border-bottom:1.5px solid #1738290f;color:#173829;display:flex;font-family:MontserratBold,sans-serif;font-size:15px;font-weight:800;gap:10px;padding:16px 20px}.filter-header svg{height:18px;width:18px}.filter-row{display:flex;flex-wrap:wrap;gap:24px;padding:20px}.filter-group{flex:1 1;min-width:220px}.filter-group label{color:#173829b3;display:block;font-size:13px;font-weight:700;margin-bottom:8px}.date-range{align-items:center;display:flex;gap:12px}.date-range span{color:#17382980;font-size:13px;font-weight:600}.date-input,.filter-input,.filter-select{background-color:#17382905;border:1.5px solid #1738291a;border-radius:10px;box-sizing:border-box;color:#173829;font-family:MontserratRegular,sans-serif;font-size:13px;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.date-input:focus,.filter-input:focus,.filter-select:focus{background-color:#fff;border-color:#2b6a4b;box-shadow:0 0 0 3px #2b6a4b1a}.date-input:hover,.filter-input:hover,.filter-select:hover{border-color:#17382933}.column-manager-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#17382999;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.column-manager{background:#fff;border:1px solid #1738290d;border-radius:16px;box-shadow:0 8px 32px #1738291f;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}.column-manager-header{align-items:center;border-bottom:1.5px solid #17382914;display:flex;justify-content:space-between;padding:20px 24px}.column-manager-title{color:#173829;font-family:MontserratBold,sans-serif;font-size:16px;font-weight:800;margin:0}.column-manager-close{align-items:center;background:#1738290d;border:none;border-radius:8px;color:#173829;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.column-manager-close:hover{background:#1738291a}.column-manager-body{flex-grow:1;overflow-y:auto;padding:24px}.column-category{margin-bottom:24px}.column-category-title{border-bottom:1px solid #1738291a;color:#173829;font-family:MontserratBold,sans-serif;font-size:14px;font-weight:800;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.column-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.column-item{align-items:center;background-color:#17382905;border:1px solid #0000;border-radius:10px;display:flex;padding:10px 14px;transition:all .2s}.column-item:hover{background-color:#1738290a;border-color:#17382914}.column-checkbox{accent-color:#2b6a4b;cursor:pointer;height:16px;margin-right:12px;width:16px}.column-label{color:#173829;cursor:pointer;flex-grow:1;font-size:13px;font-weight:600}.column-required{color:#17382980;font-size:11px;font-style:italic;font-weight:500;margin-left:6px}.column-manager-footer{align-items:center;background:#17382903;border-radius:0 0 16px 16px;border-top:1.5px solid #17382914;display:flex;justify-content:space-between;padding:16px 24px}.column-manager-button{background-color:#fff;border:1.5px solid #17382926;border-radius:10px;color:#173829;cursor:pointer;font-family:MontserratBold,sans-serif;font-size:13px;font-weight:700;padding:10px 20px;transition:all .2s}.column-manager-button:hover{background-color:#1738290a}.column-manager-button.primary{background-color:#173829;border-color:#173829;color:#fff}.column-manager-button.primary:hover{background-color:#2b6a4b;border-color:#2b6a4b;box-shadow:0 4px 12px #17382926;transform:translateY(-1px)}.column-manager-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.react-datepicker-wrapper{width:100%}.react-datepicker__header{background-color:#fff;border-bottom:1px solid #1738291a}.react-datepicker__current-month,.react-datepicker__day,.react-datepicker__day-name{color:#173829;font-family:MontserratRegular,sans-serif}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:#2b6a4b!important;border-radius:50%;color:#fff}.react-datepicker__day--today{color:#2b6a4b;font-weight:700}.react-datepicker__day:hover{background-color:#2b6a4b1a;border-radius:50%}@media screen and (max-width:768px){.filter-row{flex-direction:column;gap:16px}.date-range{align-items:stretch;flex-direction:column}.date-range span{text-align:center}.export-controls{flex-wrap:wrap;justify-content:center}.column-manager-toggle{justify-content:center;margin-left:0;width:100%}.adj-right{padding:16px}}.stsvw{cursor:pointer;font-size:.6em;font-weight:700;position:absolute;right:5px;top:5px;z-index:2}.relative{position:relative}.stspd{background:#cbf48d;color:green}.stspd,.stsupd{border-radius:5px;padding:5px}.stsupd{background:#f9b0b080;color:red}.slrepicon{background:#fff;border:1px solid #1738291f;border-radius:12px;box-shadow:0 4px 12px #00000014;color:#173829;cursor:pointer;font-size:1.4rem;padding:10px;position:absolute;right:28px;top:28px;transition:all .2s ease;z-index:10}.slrepicon:hover{background:#f0f7f2;box-shadow:0 6px 16px #0000001f;color:#2b6a4b;transform:translateY(-2px)}.slrepicon:active{transform:translateY(0)}.acpymdt{font-weight:600;margin:30px auto;text-align:center;width:100%}.imgview{display:flex;flex-direction:column;justify-content:center;margin:20px auto;overflow-x:auto;text-align:center;width:80%}.imgtag{cursor:pointer;height:300px;margin:10px auto}.imgupld{background:#006400;border:0 solid #000;border-radius:5px;color:#fff;font-size:16px;font-weight:500;margin:5px auto;outline:none;padding:3px 15px}.accommodation-page{align-items:stretch;background:radial-gradient(circle at top left,#ffc95729,#0000 24%),radial-gradient(circle at top right,#3d99701f,#0000 22%),linear-gradient(180deg,#f7f4eb,#eef3ef);gap:24px;height:100%;min-height:100%;padding:24px}.accommodation-page .emplist,.accommodation-page .empview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;height:calc(100vh - 48px);min-height:0;overflow:auto}.accommodation-detail-intro,.accommodation-sidebar-intro{background:linear-gradient(135deg,#fffaecf0,#eff7f3f0);border-bottom:1px solid #1d352814;padding:28px}.accommodation-kicker,.accommodation-stat-card span{color:#6a7d6f;display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.accommodation-detail-title,.accommodation-title{color:#173829;line-height:1;margin:10px 0 8px}.accommodation-title{font-size:clamp(1.85rem,2vw,2.4rem)}.accommodation-copy{color:#607064;line-height:1.6;margin:0}.accommodation-stat-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.accommodation-stat-card{background:#ffffffe6;border:1px solid #1d352814;border-radius:18px;padding:14px 16px}.accommodation-stat-card strong{color:#173829;display:block;font-size:1.35rem;margin-top:6px}.accommodation-page .confirm,.accommodation-page .emptypecov,.accommodation-page .fltinpcov,.accommodation-page .payeeinpcov,.accommodation-page .salesopts{background:#f9fbf8;border:1px solid #1d352814;border-radius:20px;margin-left:auto;margin-right:auto;padding:16px;width:calc(100% - 40px)}.accommodation-page .emptypecov,.accommodation-page .salesopts{margin-bottom:12px;margin-top:12px}.accommodation-page .dept{background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;margin:0 18px 12px;padding:16px;width:calc(100% - 36px)}.accommodation-page .curview,.accommodation-page .dept:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914}.accommodation-page .salesfm{margin-bottom:18px;width:calc(100% - 40px)}.accommodation-page .forminp,.accommodation-page .imgtag{border-radius:16px}.accommodation-page .forminp{background:#f8faf7;border:1px solid #2846351f;min-height:48px}.accommodation-page .action-btn,.accommodation-page .imgupld,.accommodation-page .salesyesbtn{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;color:#fffdf7;padding:11px 18px}.accommodation-page .addnewsales,.accommodation-page .basic,.accommodation-page .inpcov{grid-gap:8px;display:grid;gap:8px}.accommodation-page .addnewsales,.accommodation-page .basic{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1080px){.accommodation-page{padding:16px}.accommodation-page .saleslist,.accommodation-page .salesview{width:100%}}@media (max-width:720px){.accommodation-detail-intro,.accommodation-sidebar-intro{padding:20px}.accommodation-stat-row{grid-template-columns:1fr}}.accommodation-page .salesview{display:flex;flex-direction:column;min-height:0;padding-bottom:10px;position:relative}.accommodation-page .accommodation-detail-intro{position:-webkit-sticky;position:sticky;top:0;z-index:3}.accommodation-active-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.accommodation-active-meta span{background:#ffffffd6;border:1px solid #17382914;border-radius:999px;color:#173829;font-size:.82rem;font-weight:600;padding:8px 12px}.accommodation-page .dept{align-items:flex-start;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;position:relative}.accommodation-page .dept:before{background:linear-gradient(180deg,#f7c75a,#2b6a4b);content:"";inset:0 auto 0 0;opacity:0;position:absolute;transition:opacity .2s ease;width:4px}.accommodation-page .curview:before,.accommodation-page .dept:hover:before{opacity:1}.accommodation-page .sldets{grid-gap:8px;color:#173829;display:grid;gap:8px;padding-right:10px;width:100%}.accommodation-page .deptdesc{font-size:.86rem;margin:0}.accommodation-page .edit{align-items:center;background:#fff1f1fa;border:1px solid #bc33332e;border-radius:14px;color:#9b2525;display:inline-flex;font-size:.8rem;font-weight:700;justify-content:center;min-width:92px;padding:10px 12px}.accommodation-page .stsvw{background:#ffffffeb;border-radius:999px;font-size:.72rem;padding:7px 10px;right:14px;top:14px}.accommodation-page .formtitle.padtitle{background:linear-gradient(135deg,#fff8ea,#f2f7f2);border:1px solid #17382914;border-radius:22px;color:#173829;margin:18px auto 12px;padding:18px 20px;width:calc(100% - 40px)}.accommodation-page .salesfm{flex:1 1;height:auto;margin:0 auto 18px;min-height:0;overflow:auto;padding-bottom:12px}.accommodation-page .confirm{bottom:18px;box-shadow:0 16px 32px #17382914;position:-webkit-sticky;position:sticky;z-index:3}.accommodation-page .salesview>.add.slsadd,.accommodation-page .salesview>.slsadd{bottom:24px;left:auto;margin:0;position:absolute;right:24px;top:auto;z-index:4}.slsadd{background:linear-gradient(135deg,#173829,#2b6a4b);color:#fffdf7}.accommodation-page .detail-mobile-back,.accommodation-page .mobile-detail-trigger{display:none}@media (max-width:720px){.accommodation-page .salesview{padding-bottom:10px}.accommodation-page .salesview>.add.slsadd,.accommodation-page .salesview>.slsadd{bottom:18px;right:18px}.accommodation-page .addnewsales,.accommodation-page .basic{grid-template-columns:1fr}}@media (max-width:1080px){.accommodation-page{position:relative}.accommodation-page .emplist{height:auto;min-height:calc(100vh - 32px);overflow:auto}.accommodation-page .empview{height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.accommodation-page.mobile-detail-open .empview{opacity:1;pointer-events:auto;transform:translateY(0)}.accommodation-page:after{background:#101f1800;content:"";inset:0;pointer-events:none;position:fixed;transition:background .25s ease;z-index:3500}.accommodation-page.mobile-detail-open:after{background:#101f186b;pointer-events:auto}.accommodation-page .accommodation-detail-intro,.accommodation-page .accommodation-sidebar-intro{position:relative}.accommodation-page .detail-mobile-back,.accommodation-page .mobile-detail-trigger{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 14px}.accommodation-page .mobile-detail-trigger{position:absolute;right:24px;top:24px;z-index:1}.accommodation-page .detail-mobile-back{margin-bottom:14px}}.rcpt-ttl{font-size:1em;font-weight:800;justify-content:space-between;margin:15px auto}.rcpt-dtl,.rcpt-ttl{display:flex;width:100%}.rcpt-dtl{flex-wrap:wrap;font-size:.8em}.rcpt-field{margin:10px 40px 10px 0;text-align:left}.rcpt-info{font-size:.8em;text-align:left}.rcpt-info1{font-size:.8em;margin:20px auto;text-align:center}.rcpt-agd{border:1px solid #000;border-radius:5px;font-weight:800;margin:auto;padding:10px 15px;width:-webkit-fit-content;width:fit-content}.rcpt-bx{margin-top:30px}.rcpt-bx,.rcpt-footer{font-size:.8em;text-align:left}.rcpt-footer{margin-top:40px;div{font-weight:600;margin-top:10px}}.purchase{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:100vh;justify-content:flex-start;width:100%}.purchase-page{align-items:stretch;background:radial-gradient(circle at top left,#ffc95729,#0000 24%),radial-gradient(circle at top right,#3d99701f,#0000 22%),linear-gradient(180deg,#f7f4eb,#eef3ef);flex-direction:row;gap:24px;height:100%;justify-content:space-between;min-height:100%;padding:24px}.purlst{position:relative}.purinfocontent{margin:10px auto auto;width:90%}.purchasebuttom{align-items:center;display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:fit-content;justify-content:space-around;text-align:center;width:100%;.inpcov{margin:0}.inpcov,.purchasebutton{width:-webkit-fit-content;width:fit-content}.purchasebutton{background:#adff2f;border-radius:10px;cursor:pointer;font-weight:700;padding:10px 15px}}.prd-link{border:2px solid #5c910d;border-radius:5px;cursor:pointer;font-size:.8em;font-weight:600;margin:auto;padding:5px 15px}.reconcileproduct{z-index:7000}.addproduct,.reconcileproduct{align-items:center;background:#000c;display:flex;flex-wrap:wrap;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.addproduct{z-index:4000}.add-products{background:#f5f5f5;border-radius:10px;box-shadow:0 0 10px #00000080;height:95%;margin:auto;overflow:auto;padding:10px;position:relative;width:85%}.add-products-title{display:flex;font-weight:700;margin:20px auto;width:-webkit-fit-content;width:fit-content}.add-products-content{display:block;flex-wrap:wrap;font-size:.9em;gap:10px;margin:auto;width:95%}.add-products-content div{font-weight:700;justify-content:space-between;div{width:150px}}.add-products-content div,.add-products-content-entry{display:flex;gap:10px;margin:10px auto;width:100%}.add-products-content-entry{background:#fff;justify-content:space-around;div{font-size:.8em;width:150px;input{border:.5px solid #000;border-radius:5px;outline:none}}}.add-products-button{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:10px 0;position:absolute;right:10px;top:0;width:-webkit-fit-content;width:fit-content}.add-products-button div{background:#adff2f;border-radius:10px;cursor:pointer;font-size:.75em;font-weight:700;margin:20px 0;padding:5px 15px;width:-webkit-fit-content;width:fit-content}.purchase-page .purinfo,.purchase-page .purlst{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;height:calc(100vh - 48px);min-height:0;overflow:auto}.purchase-detail-intro,.purchase-sidebar-intro{background:linear-gradient(135deg,#fffaecf0,#eff7f3f0);border-bottom:1px solid #1d352814;padding:28px}.purchase-kicker,.purchase-stat-card span{color:#6a7d6f;display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.purchase-detail-title,.purchase-title{color:#173829;line-height:1;margin:10px 0 8px}.purchase-title{font-size:clamp(1.85rem,2vw,2.4rem)}.purchase-copy{color:#607064;line-height:1.6;margin:0}.purchase-stat-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.purchase-stat-card{background:#ffffffe6;border:1px solid #1d352814;border-radius:18px;padding:14px 16px}.purchase-stat-card strong{color:#173829;display:block;font-size:1.35rem;margin-top:6px}.purchase-page .payeeinpcov{background:#f9fbf8;border:1px solid #1d352814;border-radius:20px;margin:18px auto 12px;padding:16px;width:calc(100% - 40px)}.purchase-page .dept{background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;margin:0 18px 12px;padding:16px;width:calc(100% - 36px)}.purchase-page .curview,.purchase-page .dept:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914}.purchase-page .purinfotitle{color:#173829;font-size:1.15rem;margin:22px auto 10px}.purchase-page .purinfocontent{padding-bottom:16px;width:calc(100% - 48px)}.purchase-page .inpcov{grid-gap:8px;display:grid;gap:8px}.purchase-page .forminp{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;min-height:48px}.purchase-page .purchasebuttom{background:#f9fbf8;border:1px solid #1d352814;border-radius:20px;margin:0 auto 24px;padding:16px;width:calc(100% - 48px)}.purchase-page .action-btn,.purchase-page .imgupld,.purchase-page .prd-link,.purchase-page .purchasebutton{border-radius:16px}.purchase-page .action-btn,.purchase-page .imgupld,.purchase-page .purchasebutton{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;color:#fffdf7;padding:11px 18px}.purchase-page .prd-link{background:#eff6f1;border:1px solid #28463524;color:#173829;padding:10px 16px}.purchase-page .add-products{background:#f8faf7;border-radius:28px}.purchase-page .purinfo .formtitle.padtitle{background:linear-gradient(135deg,#fff8ea,#f2f7f2);border:1px solid #17382914;border-radius:22px;color:#173829;margin:18px auto 12px;padding:18px 20px;width:calc(100% - 40px)}@media (max-width:1080px){.purchase-page{padding:16px}.purchase-page .purinfo,.purchase-page .purlst{min-height:auto;width:100%}}@media (max-width:720px){.purchase-detail-intro,.purchase-sidebar-intro{padding:20px}.purchase-stat-row{grid-template-columns:1fr}}.purchase-page .purinfo{display:flex;flex-direction:column;min-height:0;padding-bottom:10px;position:relative}.purchase-active-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.purchase-active-meta span{background:#ffffffd6;border:1px solid #17382914;border-radius:999px;color:#173829;font-size:.82rem;font-weight:600;padding:8px 12px}.purchase-page .purchase-detail-intro{position:-webkit-sticky;position:sticky;top:0;z-index:3}.purchase-page .dept{align-items:flex-start;display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;position:relative}.purchase-page .dept:before{background:linear-gradient(180deg,#f7c75a,#2b6a4b);content:"";inset:0 auto 0 0;opacity:0;position:absolute;transition:opacity .2s ease;width:4px}.purchase-page .curview:before,.purchase-page .dept:hover:before{opacity:1}.purchase-page .sldets{grid-gap:8px;color:#173829;display:grid;gap:8px;padding-right:10px;width:100%}.purchase-page .deptdesc{font-size:.86rem;margin:0}.purchase-page .edit{align-items:center;background:#fff1f1fa;border:1px solid #bc33332e;border-radius:14px;color:#9b2525;display:inline-flex;font-size:.8rem;font-weight:700;justify-content:center;min-width:92px;padding:10px 12px}.purchase-page .purinfocontent{flex:1 1;height:auto;justify-content:space-between;margin:0 auto 18px;min-height:0;overflow:auto;padding-bottom:12px}.purchase-page .purchasebuttom{bottom:18px;box-shadow:0 16px 32px #17382914;position:-webkit-sticky;position:sticky;z-index:3}.purchase-detail-add{background:linear-gradient(135deg,#173829,#2b6a4b);border-radius:50%;bottom:24px;color:#fffdf7;cursor:pointer;font-size:3em;left:auto;margin:0;padding:10px;position:absolute;right:24px;top:auto;z-index:4}.purchase-page .detail-mobile-back,.purchase-page .mobile-detail-trigger{display:none}@media (max-width:720px){.purchase-page .purinfo{padding-bottom:10px}.purchase-page .purinfocontent{grid-template-columns:1fr}.purchase-detail-add{bottom:18px;right:18px}}@media (max-width:1080px){.purchase-page{position:relative}.purchase-page .purlst{height:auto;min-height:calc(100vh - 32px);overflow:auto}.purchase-page .purinfo{height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.purchase-page.mobile-detail-open .purinfo{opacity:1;pointer-events:auto;transform:translateY(0)}.purchase-page:after{background:#101f1800;content:"";inset:0;pointer-events:none;position:fixed;transition:background .25s ease;z-index:3500}.purchase-page.mobile-detail-open:after{background:#101f186b;pointer-events:auto}.purchase-page .purchase-detail-intro,.purchase-page .purchase-sidebar-intro{position:relative}.purchase-page .detail-mobile-back,.purchase-page .mobile-detail-trigger{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 14px}.purchase-page .mobile-detail-trigger{position:absolute;right:24px;top:24px;z-index:1}.purchase-page .detail-mobile-back{margin-bottom:14px}}.expenses{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:100vh;justify-content:center;width:100%}.expenses-page{align-items:stretch;background:radial-gradient(circle at top left,#ffc95729,#0000 24%),radial-gradient(circle at top right,#3d99701f,#0000 22%),linear-gradient(180deg,#f7f4eb,#eef3ef);flex-direction:row;gap:24px;height:100%;justify-content:space-between;min-height:100%;padding:24px}.add-expense{cursor:pointer;margin:2px 5px 2px 0}.purlst{border:1.5px solid #000;width:36%}.purinfo,.purlst{background:#fff;border-radius:10px;box-shadow:0 0 10px #00000080;height:98%;overflow:auto}.purinfo{justify-content:center;text-align:center;width:60%}.purinfotitle{font-weight:700;margin:15px auto;width:-webkit-fit-content;width:fit-content}.purinfocontent{display:flex;flex-wrap:wrap;height:80%;margin:auto;overflow:auto;text-align:left;width:95%}.expensesbuttom{align-items:center;display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:fit-content;justify-content:space-around;text-align:center;width:100%;.inpcov{margin:0}.expensesbutton,.inpcov{width:-webkit-fit-content;width:fit-content}.expensesbutton{background:#adff2f;border-radius:10px;cursor:pointer;font-weight:700;padding:10px 15px}}.exparea{font-size:.8em;height:150px;width:400px}.exp-desc{font-size:.9em;font-weight:800;margin:10px 0}.exp-dets{flex-wrap:wrap}.desc-relt{position:relative}.desc-btn-top{cursor:pointer;top:10px}.desc-btn-bottom,.desc-btn-top{position:absolute;right:10px;z-index:2}.desc-btn-bottom{bottom:10px}.expenses-page .purinfo,.expenses-page .purlst{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #1d352814;border-radius:28px;box-shadow:0 22px 60px #1d352814;height:calc(100vh - 48px);min-height:0;overflow:auto}.expenses-detail-intro,.expenses-sidebar-intro{background:linear-gradient(135deg,#fffaecf0,#eff7f3f0);border-bottom:1px solid #1d352814;padding:28px}.expenses-kicker,.expenses-stat-card span{color:#6a7d6f;display:block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.expenses-detail-title,.expenses-title{color:#173829;line-height:1;margin:10px 0 8px}.expenses-title{font-size:clamp(1.85rem,2vw,2.4rem)}.expenses-copy{color:#607064;line-height:1.6;margin:0}.expenses-stat-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.expenses-stat-card{background:#ffffffe6;border:1px solid #1d352814;border-radius:18px;padding:14px 16px}.expenses-stat-card strong{color:#173829;display:block;font-size:1.35rem;margin-top:6px}.expenses-page .fltinpcov,.expenses-page .payeeinpcov{background:#f9fbf8;border:1px solid #1d352814;border-radius:20px;margin:18px auto 12px;padding:16px;width:calc(100% - 40px)}.expenses-page .dept{background:linear-gradient(180deg,#fff,#f8faf8);border:1px solid #17382914;border-radius:22px;margin:0 18px 12px;padding:16px;width:calc(100% - 36px)}.expenses-page .curview,.expenses-page .dept:hover{border-color:#2b6a4b47;box-shadow:0 16px 34px #17382914}.expenses-page .purinfotitle{color:#173829;font-size:1.15rem;margin:22px auto 10px}.expenses-page .purinfocontent{gap:16px;padding-bottom:16px;width:calc(100% - 48px)}.expenses-page .inpcov{grid-gap:8px;display:grid;gap:8px}.expenses-page .exparea,.expenses-page .forminp{background:#f8faf7;border:1px solid #2846351f;border-radius:16px;min-height:48px}.expenses-page .exparea{min-height:150px;padding:14px 16px}.expenses-page .expensesbuttom{background:#f9fbf8;border:1px solid #1d352814;border-radius:20px;margin:0 auto 24px;padding:16px;width:calc(100% - 48px)}.action-btn{width:80%}.expenses-page .action-btn,.expenses-page .expensesbutton{background:linear-gradient(135deg,#173829,#2b6a4b);border:none;border-radius:16px;color:#fffdf7;padding:11px 18px}@media (max-width:1080px){.expenses-page{padding:16px}.expenses-page .purinfo,.expenses-page .purlst{min-height:auto;width:100%}}@media (max-width:720px){.expenses-detail-intro,.expenses-sidebar-intro{padding:20px}.expenses-stat-row{grid-template-columns:1fr}}.expenses-page .purinfo{display:flex;flex-direction:column;min-height:0;padding-bottom:10px;position:relative}.expenses-active-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.expenses-active-meta span{background:#ffffffd6;border:1px solid #17382914;border-radius:999px;color:#173829;font-size:.82rem;font-weight:600;padding:8px 12px}.expenses-page .expenses-detail-intro{position:-webkit-sticky;position:sticky;top:0;z-index:3}.expenses-page .dept{align-items:flex-start;display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;position:relative}.expenses-page .dept:before{background:linear-gradient(180deg,#f7c75a,#2b6a4b);content:"";inset:0 auto 0 0;opacity:0;position:absolute;transition:opacity .2s ease;width:4px}.expenses-page .curview:before,.expenses-page .dept:hover:before{opacity:1}.expenses-page .sldets{grid-gap:8px;color:#173829;display:grid;gap:8px;padding-right:10px;width:100%}.expenses-page .deptdesc{font-size:.86rem;margin:0}.expenses-page .edit{align-items:center;background:#fff1f1fa;border:1px solid #bc33332e;border-radius:14px;color:#9b2525;display:inline-flex;font-size:.8rem;font-weight:700;justify-content:center;min-width:92px;padding:10px 12px}.expenses-page .purinfocontent{flex:1 1;height:auto;justify-content:space-between;margin:0 auto 18px;min-height:0;overflow:auto;padding-bottom:12px;width:calc(100% - 40px)}.expenses-page .expensesbuttom{bottom:18px;box-shadow:0 16px 32px #17382914;position:-webkit-sticky;position:sticky;z-index:3}.expenses-detail-add{background:linear-gradient(135deg,#173829,#2b6a4b);border-radius:50%;bottom:24px;color:#fffdf7;cursor:pointer;font-size:3em;left:auto;margin:0;padding:10px;position:absolute;right:24px;top:auto;z-index:4}.expenses-page .detail-mobile-back,.expenses-page .mobile-detail-trigger{display:none}.purinfo .formtitle.padtitle{background:linear-gradient(135deg,#fff8ea,#f2f7f2);border:1px solid #17382914;border-radius:22px;color:#173829;margin:18px auto 12px;padding:18px 20px;width:calc(100% - 40px)}@media (max-width:720px){.expenses-page .purinfo{padding-bottom:10px}.expenses-page .purinfocontent{grid-template-columns:1fr}.expenses-detail-add{bottom:18px;right:18px}}@media (max-width:1080px){.expenses-page{position:relative}.expenses-page .purlst{height:auto;min-height:calc(100vh - 32px);overflow:auto}.expenses-page .purinfo{height:calc(100dvh - 32px);inset:16px 12px;margin:0;max-height:calc(100dvh - 32px);opacity:0;pointer-events:none;position:fixed;transform:translateY(24px);transition:opacity .25s ease,transform .25s ease;width:auto!important;z-index:3501}.expenses-page.mobile-detail-open .purinfo{opacity:1;pointer-events:auto;transform:translateY(0)}.expenses-page:after{background:#101f1800;content:"";inset:0;pointer-events:none;position:fixed;transition:background .25s ease;z-index:3500}.expenses-page.mobile-detail-open:after{background:#101f186b;pointer-events:auto}.expenses-page .expenses-detail-intro,.expenses-page .expenses-sidebar-intro{position:relative}.expenses-page .detail-mobile-back,.expenses-page .mobile-detail-trigger{align-items:center;background:#ffffffe6;border:1px solid #1738291f;border-radius:999px;color:#173829;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 14px}.expenses-page .mobile-detail-trigger{position:absolute;right:24px;top:24px;z-index:1}.expenses-page .detail-mobile-back{margin-bottom:14px}}.purtablecv{margin:50px auto}:root{--reports-primary:#173829;--reports-secondary:#2b6a4b;--reports-accent:#6af2ad;--reports-bg:radial-gradient(circle at top left,#f7f4eb,#f0ede4);--reports-card-bg:#fff;--reports-text:#1d3528;--reports-text-muted:#627d6f;--reports-shadow:0 22px 60px #1d352814;--reports-shadow-sm:0 4px 20px #1d35280a;--reports-radius:28px;--reports-border:1px solid #17382914}.reports{background:radial-gradient(circle at top left,#f7f4eb,#f0ede4);background:var(--reports-bg);color:#1d3528;color:var(--reports-text);display:flex;font-family:MontserratRegular,sans-serif;height:100%;min-height:100%;overflow:hidden;position:relative;width:100%}.reports-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff6;border-right:1px solid #17382914;border-right:var(--reports-border);display:flex;flex-direction:column;flex-shrink:0;height:100%;padding:32px 24px;width:320px}.reports-sidebar-header{margin-bottom:32px}.reports-kicker{color:#2b6a4b;color:var(--reports-secondary);font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}.reports-title{color:#173829;color:var(--reports-primary);font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.reports-subtitle{color:#627d6f;color:var(--reports-text-muted);font-size:13px;line-height:1.5}.reports-list{display:flex;flex-direction:column;flex-grow:1;gap:12px}.report-card{align-items:center;background:#fff;background:var(--reports-card-bg);border:1px solid #17382914;border:var(--reports-border);border-radius:20px;box-shadow:0 4px 20px #1d35280a;box-shadow:var(--reports-shadow-sm);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:14px;padding:18px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.report-card:hover{border-color:#2b6a4b;border-color:var(--reports-secondary);box-shadow:0 10px 25px #1d352814;transform:translateY(-2px)}.report-selected{background:#173829;background:var(--reports-primary);border-color:#173829;border-color:var(--reports-primary);box-shadow:0 12px 30px #17382926;color:#fff}.reports-cover{display:flex;flex-grow:1;height:100%;overflow:hidden;position:relative}.reports-main{display:flex;flex-direction:column;flex-grow:1;gap:0;overflow-y:auto;padding:32px}.reports-view{background:#fff;border-radius:28px;border-radius:var(--reports-radius);box-shadow:0 22px 60px #1d352814;box-shadow:var(--reports-shadow);margin:0 auto;max-width:1100px;padding:60px;position:relative;transition:all .3s ease;width:100%}.report-table-scroll{background:#fff;border-radius:12px;overflow-x:auto;scrollbar-color:#2b6a4b #f0f3f1;scrollbar-color:var(--reports-secondary) #f0f3f1;scrollbar-width:thin;width:100%}.report-table-scroll::-webkit-scrollbar{height:8px}.report-table-scroll::-webkit-scrollbar-track{background:#f0f3f1;border-radius:10px}.report-table-scroll::-webkit-scrollbar-thumb{background:#2b6a4b;background:var(--reports-secondary);border-radius:10px}.reports-fullview-active .reports-right-panel,.reports-fullview-active .reports-sidebar{display:none}.reports-fullview-active .reports-cover{background:#fff;height:100%;overflow-y:auto;width:100%;z-index:100}.reports-fullview-active .reports-main{align-items:stretch;background:#fff;display:flex;flex-direction:column;padding:0!important;width:100%}.reports-view-wrapper{display:flex;flex-direction:column;height:100%;width:100%}.reports-fullview-active .reports-view{border-radius:0;box-shadow:none;margin:0!important;max-width:100%!important;min-height:calc(100vh - 72px);padding:60px 40px;width:100%!important}.fullview-actions{align-items:center;background:#fff;border-bottom:2px solid #1738291a;box-shadow:0 4px 15px #00000014;display:flex;justify-content:space-between;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2000}.fullview-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 20px;transition:all .2s ease}.fullview-btn.download{background:#173829!important;box-shadow:0 4px 12px #17382933;color:#fff!important}.fullview-btn.download:hover{background:#2b6a4b!important;transform:translateY(-1px)}.fullview-btn.close{background:#f0f3f1;color:#173829;color:var(--reports-primary)}.fullview-guide{align-items:center;display:flex;flex-direction:row;gap:16px;position:absolute;right:24px;top:24px;z-index:10}.fullview-note{background:#1738290d;border-radius:8px;color:#627d6f;color:var(--reports-text-muted);font-size:12px;font-weight:600;margin:0;padding:6px 12px}.view-toggle-btn{align-items:center;background:#fff;border:1px solid #17382926;border-radius:12px;box-shadow:0 4px 20px #1d35280a;box-shadow:var(--reports-shadow-sm);color:#173829;color:var(--reports-primary);cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 18px;transition:all .2s ease}.view-toggle-btn:hover{background:#173829;background:var(--reports-primary);color:#fff}.report-invhead{border-bottom:2px solid #f0f0f0;margin-bottom:60px;padding-bottom:30px}.company.report-company{font-size:32px;font-weight:900;letter-spacing:-1px;margin-bottom:12px}.report-billfrom{color:#627d6f;color:var(--reports-text-muted);font-size:14px;margin:4px 0}.report-title{background:#f8faf9;border-radius:16px;color:#173829;color:var(--reports-primary);font-size:18px;font-weight:800;letter-spacing:.5px;margin-bottom:40px;padding:24px;text-align:center;text-transform:uppercase}.report-table{min-width:600px;width:100%}.report-table table{border-collapse:initial;border-spacing:0;width:100%}.report-table th{border-bottom:2px solid #f0f0f0;color:#627d6f;color:var(--reports-text-muted);font-size:12px;font-weight:700;letter-spacing:1px;padding:16px 12px;text-align:left;text-transform:uppercase}.report-table td{border-bottom:1px solid #f8faf8;color:#1d3528;color:var(--reports-text);font-size:14px;padding:14px 12px}.report-table tr:hover td{background:#fcfdfc}.report-table tfoot th{background:#f8faf9;border-bottom:none;border-top:2px solid #173829;border-top:2px solid var(--reports-primary);color:#173829;color:var(--reports-primary);font-size:13px;padding:20px 12px}.reports-right-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff6;border-left:1px solid #17382914;border-left:var(--reports-border);display:flex;flex-direction:column;gap:24px;height:100%;padding:32px 24px;width:320px}.panel-section-title{color:#173829;color:var(--reports-primary);font-size:14px;font-weight:700;margin-bottom:16px}.inp-cov{display:flex;flex-direction:column;gap:16px}.inpcov.reppad{background:#fff;border:1px solid #17382914;border:var(--reports-border);border-radius:18px;padding:16px;transition:all .2s ease;width:100%}.inpcov.reppad:focus-within{border-color:#2b6a4b;border-color:var(--reports-secondary);box-shadow:0 0 0 4px #2b6a4b0d}.inpcov.reppad div{color:#627d6f;color:var(--reports-text-muted);font-size:11px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.forminp.inppad{background:#0000;border:none;color:#173829;color:var(--reports-primary);font-size:14px;font-weight:600;height:40px;outline:none;width:100%}.action-btn{background:#173829;background:var(--reports-primary);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:16px;transition:all .2s ease;width:100%}.action-btn:hover{background:#2b6a4b;background:var(--reports-secondary);box-shadow:0 8px 20px #17382926;transform:translateY(-1px)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.print-report{background:#6af2ad;background:var(--reports-accent);border-radius:16px;color:#173829;color:var(--reports-primary);cursor:pointer;font-size:14px;font-weight:800;padding:16px;text-align:center;transition:all .2s ease;width:100%}.print-report:hover{filter:brightness(1.05);transform:scale(1.02)}.no-report{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:20px;justify-content:center;opacity:.6}.no-report div{color:#627d6f;color:var(--reports-text-muted);font-size:18px;font-weight:700}.report-error,.report-loading{border-radius:12px;font-size:14px;font-weight:600;margin-bottom:20px;padding:20px;text-align:center}.report-loading{background:#2b6a4b0d;color:#2b6a4b;color:var(--reports-secondary)}.report-error{background:#fff5f5;color:#e53e3e}.report-error button{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-left:10px;padding:4px 12px}@media (max-width:1180px){.reports-right-panel,.reports-sidebar{width:260px}}@media (max-width:900px){.reports{flex-direction:column;overflow-y:auto}.reports-sidebar{border-bottom:1px solid #17382914;border-bottom:var(--reports-border);border-right:none;height:auto;padding:24px;width:100%}.reports-cover{flex-direction:column-reverse;height:auto;overflow:visible}.reports-right-panel{border-bottom:1px solid #17382914;border-bottom:var(--reports-border);border-left:none;height:auto;padding:24px;width:100%}.reports-main{height:auto;overflow:visible;padding:16px}.reports-view{border-radius:16px;padding:30px 16px}.company.report-company{font-size:24px}.report-title{font-size:15px;padding:16px}.fullview-guide{justify-content:space-between;margin-bottom:20px;position:relative;right:0;top:0;width:100%}}:root{--settings-primary:#173829;--settings-secondary:#2b6a4b;--settings-accent:#6af2ad;--settings-bg:#f8faf9;--settings-card-bg:#fff;--settings-text:#173829;--settings-text-muted:#17382999;--settings-shadow:0 10px 40px #17382914;--settings-radius:20px}.settings{background:#f8faf9;background:var(--settings-bg);color:#173829;color:var(--settings-text);display:flex;flex-direction:column;font-family:MontserratRegular,sans-serif;height:100%;overflow:hidden;position:relative}.saccess1{background:#0000;border:none;cursor:default;font-size:10px;height:20px;left:5px;opacity:.1;outline:none;position:absolute;top:5px;width:60px;z-index:100}.saccess1:focus{opacity:.5}.save-status{background:#173829;background:var(--settings-primary);border-radius:12px;box-shadow:0 15px 30px #17382933;color:#fff;font-size:14px;font-weight:700;padding:16px 32px;position:fixed;right:24px;top:24px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2000}.settings-nav{-ms-overflow-style:none;background:#fff;border-bottom:1px solid #1738290d;display:flex;gap:12px;overflow-x:auto;padding:24px 40px;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{background:#0000;border-radius:12px;color:#17382999;color:var(--settings-text-muted);cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .2s ease}.settings-nav-item:hover{background:#17382908;color:#173829;color:var(--settings-primary)}.settings-nav-item.active{background:#173829;background:var(--settings-primary);box-shadow:0 8px 16px #17382926;color:#fff}.employee-settings,.general-settings{display:flex;flex:1 1;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #1738290d;display:flex;flex-direction:column;padding:24px;width:320px}.sidebar-header{margin-bottom:32px}.sidebar-title{align-items:center;color:#17382999;color:var(--settings-text-muted);display:flex;font-size:14px;font-weight:800;gap:10px;letter-spacing:1.5px;margin-bottom:24px;text-transform:uppercase}.sidebar-title svg{color:#2b6a4b;color:var(--settings-secondary);font-size:18px}.add-profile-btn,.general-propSet-add{align-items:center;background:#6af2ad;background:var(--settings-accent);border:none;border-radius:12px;color:#173829;color:var(--settings-primary);cursor:pointer;display:flex;font-family:MontserratBold,sans-serif;font-weight:800;gap:8px;height:52px;justify-content:center;transition:all .2s ease;width:100%}.add-profile-btn:hover,.general-propSet-add:hover{box-shadow:0 8px 20px #6af2ad4d;transform:translateY(-2px)}.profile-list{flex:1 1;overflow-y:auto;padding-right:4px}.profile-list::-webkit-scrollbar{width:4px}.profile-list::-webkit-scrollbar-track{background:#0000}.profile-list::-webkit-scrollbar-thumb{background:#1738291a;border-radius:10px}.profile-item{background:#0000;border:1.5px solid #0000;border-radius:14px;cursor:pointer;margin-bottom:8px;padding:16px;transition:all .2s ease}.profile-item:hover{background:#2b6a4b0a}.profile-item-active{background:#fff;border-color:#2b6a4b1a;box-shadow:0 4px 15px #1738290d}.profile-item-info{display:flex;flex-direction:column;gap:4px}.profile-name{color:#173829;color:var(--settings-primary);font-size:15px;font-weight:800}.profile-id{color:#17382999;color:var(--settings-text-muted);font-size:11px;font-weight:600}.employee-details,.general-details{background:#f8faf9;background:var(--settings-bg);flex:1 1;overflow-y:auto;padding:40px}.settings-content{display:flex;flex:1 1;overflow:hidden;position:relative}.employee-form,.form-card{background:#fff;border-radius:20px;border-radius:var(--settings-radius);box-shadow:0 10px 40px #17382914;box-shadow:var(--settings-shadow);max-width:960px;padding:48px}.form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:40px}.input-with-action{align-items:center;display:flex;position:relative}.view-pass-btn{background:#0000;border:none;color:#17382999;color:var(--settings-text-muted);cursor:pointer;display:flex;font-size:20px;position:absolute;right:16px}.pass-display-section{background:#2b6a4b08;border-radius:10px;cursor:pointer;font-size:13px;margin-top:12px;padding:12px 16px;transition:all .2s ease}.pass-display-section:hover{background:#2b6a4b0f}.pass-toggle-text{color:#2b6a4b;color:var(--settings-secondary);font-weight:700}.actual-pass{color:#173829;color:var(--settings-primary);font-family:monospace;font-weight:800;letter-spacing:.5px}.permissions-container{background:#f8faf9;border-radius:20px;margin-bottom:40px;padding:32px}.permission-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.permission-group{margin-bottom:32px}.permission-group:last-child{margin-bottom:0}.group-label{border-bottom:1px solid #2b6a4b1a;color:#2b6a4b;color:var(--settings-secondary);font-size:11px;font-weight:900;letter-spacing:2px;margin-bottom:16px;padding-bottom:8px;text-transform:uppercase}.form-toggles{background:#6af2ad0d;border:1px dashed #2b6a4b33;border-radius:16px;display:flex;gap:48px;margin-bottom:48px;padding:24px}.toggle-row{align-items:center;display:flex;justify-content:space-between}.section-divider{color:#173829;color:var(--settings-primary);font-size:12px;font-weight:800;margin:32px 0 16px;text-transform:uppercase}.form-actions{border-top:1px solid #1738290d;display:flex;gap:16px;padding-top:32px}.pos-settings-grid{margin-top:24px}.toggles-grid{grid-gap:16px;background:#2b6a4b08;border-radius:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:24px}.formtitle{align-items:center;color:#173829;color:var(--settings-primary);display:flex;font-family:MontserratBold,sans-serif;font-size:24px;gap:12px;margin-bottom:32px}.inpcov{margin-bottom:24px}.inpcov div:not(.toggle-switch,.slider){color:#17382999;color:var(--settings-text-muted);font-size:12px;font-weight:800;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.forminp{background:#f8faf9;border:1.5px solid #17382914;border-radius:12px;box-sizing:border-box;color:#173829;color:var(--settings-text);font-family:MontserratRegular,sans-serif;font-size:15px;height:52px;outline:none;padding:0 20px;transition:all .3s ease;width:100%}.forminp:focus{background:#fff;border-color:#2b6a4b;border-color:var(--settings-secondary);box-shadow:0 0 0 4px #2b6a4b0d}.permissions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:16px 0 32px}.permission-label{align-items:center;background:#f8faf9;border:1px solid #17382908;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.permission-label:hover{background:#f0f4f2;border-color:#1738291a}.permission-text{font-size:13px;font-weight:600}.toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#e2e8e5;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0000001a;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#2b6a4b;background-color:var(--settings-secondary)}input:checked+.slider:before{transform:translateX(24px)}.cancel-action,.deletebtn,.savebtn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:15px;font-weight:800;height:56px;justify-content:center;margin:0;padding:0 40px;transition:all .2s ease}.savebtn{background:#173829;background:var(--settings-primary);box-shadow:0 8px 20px #17382926;color:#fff}.savebtn:hover{background:#2b6a4b;background:var(--settings-secondary);transform:translateY(-2px)}.deletebtn{background:#fff5f5;border:1.5px solid #ffe3e3;color:#d11212;margin-left:16px}.deletebtn:hover{background:#feebeb;border-color:#fcc}.general-body{border-bottom:1px solid #1738290d;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;padding-bottom:24px}.general-propSet{background:#f0f4f2;border:2px solid #0000;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;padding:10px 20px;transition:all .2s ease}.general-propSet:hover{background:#e8f0eb}.active-propSet{background:#fff;border-color:#173829;border-color:var(--settings-primary);color:#173829;color:var(--settings-primary)}.payroll-settings{box-sizing:border-box;width:100%}.addsection{display:flex;gap:12px}.addcolumn{align-items:center;background:#173829;background:var(--settings-primary);border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:700;height:52px;padding:0 24px}.addcolumn.dcol{background:#f0f3f1;color:#173829;color:var(--settings-primary)}.columnsbox{background:#f8faf9;border-radius:16px;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;min-height:100px;padding:20px}.col{background:#fff;border:1px solid #1738291a;border-radius:10px;display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 16px}.col,.delcol{align-items:center}.delcol{background:#feebeb;border-radius:50%;color:#d11212;display:inline-flex;font-size:10px;height:18px;justify-content:center;width:18px}@media (max-width:1000px){.employee-settings,.general-settings{flex-direction:column;overflow-y:auto}.sidebar{border-bottom:1px solid #1738290d;border-right:none;height:auto;padding:20px;width:100%}.profile-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;padding-right:0}.profile-item{flex-shrink:0;margin-bottom:0;min-width:200px;white-space:nowrap}.employee-details,.general-details{overflow:visible;padding:20px}.form-grid,.permission-grid,.toggles-grid{gap:20px;grid-template-columns:1fr}.employee-form,.form-card{border-radius:12px;padding:24px}.form-toggles{flex-direction:column;gap:24px;padding:20px}.settings-nav{padding:16px 20px}.settings-nav-item{font-size:13px;padding:10px 16px}}.formpage{background:#fff;height:100vh;overflow:auto;position:relative;width:100vw}.backtologin{background:#fff;border:1.5px solid brown;border-radius:5px;cursor:pointer;font-size:.8em;font-weight:700;left:0;padding:5px 12px;position:fixed;top:0;z-index:2}.actionbtns{display:flex;justify-content:space-between;margin:20px auto;width:90%}.upload{font-size:.7em}.analyze{background-color:aqua}.analyze,.export{border-radius:5px;cursor:pointer;padding:7px 10px}.export{background-color:#adff2f}.datatable{display:block;margin:20px auto;overflow:auto;width:90%}td,th{border:1px solid #000;padding:10px 20px;position:relative}.red{color:red}.bold{font-weight:700}.green{color:#10ba35}.viewcov{background:blue;display:flex;position:relative;width:100%}.viewtag{bottom:2px;cursor:pointer;font-size:.8em;position:absolute;right:5px}.viewinfo{background:#fff;border-radius:10px;display:block;height:80vh;left:50%;padding:20px 50px;position:fixed;top:50%;transform:translate(-50%,-50%);width:300px;z-index:7}.abspres{display:flex;justify-content:space-around;margin-bottom:20px;width:100%}.abspres>div{cursor:pointer;margin-top:20px}.infoheader{font-weight:700}.infoName,.infoheader{margin:10px auto;width:-webkit-fit-content;width:fit-content}.info{height:70%;margin-top:20px;overflow:auto}.info>div{border-bottom:1px solid #000;margin:auto 10px;padding:10px}.close{cursor:pointer;font-size:1.8em;position:absolute;right:10px;top:10px}.dtflt{background:#9b9ba7cc;display:flex;margin:auto;padding:10px;width:90%}.fltbx{background:#fff;border-radius:10px;margin:auto;text-align:center;width:30%}.flttle{background:grey;color:#fff;font-size:.8em;padding:5px}.fltctnt{background:#f5f5f5;font-size:.9em;padding:10px}.hlcv{display:flex;flex-wrap:wrap;height:70px;overflow:auto;text-align:center;width:100%}.xcards{cursor:pointer;left:-7px;opacity:0;position:absolute;top:-7px;transform:opacity .5s ease-in;z-index:2}.holiday{background:#f8f8ff;display:block;margin:5px auto;padding:auto 10px;position:relative;width:70px}.holiday:hover>.xcards{opacity:1}.empfilter{background:#f8f8ff;display:block;height:-webkit-fit-content;height:fit-content;margin:5px auto;padding:auto;position:relative;width:100px}.empfilter:hover>.xcards{opacity:1}.shdates{bottom:-12px;cursor:pointer;font-size:.8em;left:50%;position:absolute;transform:translate(-50%);z-index:3}.selector{cursor:pointer;margin:5px auto 10px;width:95px}.selector>.hlvl{font-size:.8em}.hlvl{font-size:.9em}.hldesc{font-size:.7em;margin:2px auto}.fltinp{display:flex;margin:10px auto;text-align:center;width:100%}.dtinp{font-size:.8em;height:25px;margin:auto;text-indent:3px;width:30%}.empinp{width:60%}.addflt{background:#7979cc;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;margin:auto;padding:5px 20px}