:root{--color-bg: #fff;--color-text: #1a1a1a;--color-text-muted: #666;--color-border: #e8e8e8;--btn-primary-bg: #1a1a1a;--btn-primary-text: #fff;--btn-primary-hover: #2e2e2e;--btn-secondary-bg: #f5f5f5;--btn-secondary-text: #1a1a1a;--btn-secondary-hover: #e8e8e8;--btn-subtle-bg: transparent;--btn-subtle-text: #666;--btn-subtle-hover: #f5f5f5;--btn-danger-bg: #dc2626;--btn-danger-text: #fff;--btn-danger-hover: #b91c1c}@media (prefers-color-scheme: dark){:root{--color-bg: #0a0a0a;--color-text: #f5f5f5;--color-text-muted: #a3a3a3;--color-border: #404040;--btn-primary-bg: #fff;--btn-primary-text: #1a1a1a;--btn-primary-hover: #ebebeb;--btn-secondary-bg: #2a2a2a;--btn-secondary-text: #f5f5f5;--btn-secondary-hover: #3e3e3e;--btn-subtle-bg: transparent;--btn-subtle-text: #a3a3a3;--btn-subtle-hover: #2a2a2a;--btn-danger-bg: #dc2626;--btn-danger-text: #fff;--btn-danger-hover: #b91c1c}}[data-theme="light"]{--color-bg: #fff;--color-text: #1a1a1a;--color-text-muted: #666;--color-border: #e8e8e8;--btn-primary-bg: #1a1a1a;--btn-primary-text: #fff;--btn-primary-hover: #2e2e2e;--btn-secondary-bg: #f5f5f5;--btn-secondary-text: #1a1a1a;--btn-secondary-hover: #e8e8e8;--btn-subtle-bg: transparent;--btn-subtle-text: #666;--btn-subtle-hover: #f5f5f5}[data-theme="dark"]{--color-bg: #0a0a0a;--color-text: #f5f5f5;--color-text-muted: #a3a3a3;--color-border: #404040;--btn-primary-bg: #fff;--btn-primary-text: #1a1a1a;--btn-primary-hover: #ebebeb;--btn-secondary-bg: #2a2a2a;--btn-secondary-text: #f5f5f5;--btn-secondary-hover: #3e3e3e;--btn-subtle-bg: transparent;--btn-subtle-text: #a3a3a3;--btn-subtle-hover: #2a2a2a}body{-ms-overflow-style:none;scrollbar-width:none;font-family:"Space Grotesk", sans-serif;font-size:14px}body::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6,.title,.logo-title{font-family:"Hubot Sans", sans-serif}.num-format{font-family:"Space Mono", monospace;font-variant-numeric:tabular-nums;letter-spacing:-0.02em}.stat-column .heading{text-transform:uppercase;letter-spacing:0.5px;font-weight:500;font-size:0.7rem !important;margin-bottom:0.25rem}.stat-column .title{font-size:1.1rem !important;margin-bottom:0}.page-container{max-width:800px;margin:0 auto;background-color:white;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,0.15);padding:30px}@media print{@page{size:A4;margin:0.75in}body{margin:0;padding:0;background:white;font-size:12pt;line-height:1.4}.page-container{box-shadow:none !important;border-radius:0 !important;padding:0 !important;max-width:100% !important}.print-container,#payslip-container{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}body.print-legacy #payslip-container,body.print-legacy #payslip-container *{visibility:visible !important}body.print-legacy #payslip-container{position:static !important;margin:0 !important;padding:1rem !important;width:100%;max-width:none;color:black !important;background:white !important}body.print-legacy #employee-dropdown,body.print-legacy #pay-slip-print-button{display:none !important}body.print-modal>*:not(#payslip-modal){display:none !important}body.print-modal #payslip-modal{display:block !important;position:static !important;background:white !important}body.print-modal #payslip-modal .modal-background,body.print-modal #payslip-modal .modal-card-head,body.print-modal #payslip-modal .modal-card-foot{display:none !important}body.print-modal #payslip-modal .modal-card{margin:0 !important;box-shadow:none !important;width:100% !important;max-width:none !important;position:static !important}body.print-modal #payslip-modal .modal-card-body{padding:0 !important;margin:0 !important}.print-btn,.button.print-btn{display:none !important}.title:has(.print-btn){display:none !important}.is-flex.is-justify-content-space-between.is-align-items-center.mb-4{display:none !important}.print-container{visibility:visible !important;position:static !important;margin:0 !important;padding:1rem !important;color:black !important;background:white !important;page-break-inside:avoid !important}.print-container,.print-container *{visibility:visible !important}.print-container h1,.print-container h2,.print-container h3{font-size:14pt;margin-bottom:0.25rem}.print-container h4,.print-container h5,.print-container h6{font-size:12pt;margin-bottom:0.25rem}.print-container p,.print-container td,.print-container th{font-size:10pt;line-height:1.2}.print-container table{width:100%;border-collapse:collapse;margin:0.25rem 0;page-break-inside:avoid !important}.print-container table th,.print-container table td{padding:0.2rem;border:1px solid #ddd;text-align:left}.print-container table th{background-color:#f5f5f5;font-weight:bold}.print-container .mb-4,.print-container .mb-5{margin-bottom:0.5rem !important}.print-container .mt-4,.print-container .mt-5{margin-top:0.5rem !important}}.page-loader{display:inline-grid;padding:3px;background:#fff;filter:blur(2px) contrast(12)}.page-loader:before,.page-loader:after{content:"";grid-area:1/1;height:20px;aspect-ratio:3;--c: #0000 64%, #000 66% 98%, #0000 101%;background:radial-gradient(35% 146% at 50% 159%, var(--c)) 0 0,radial-gradient(35% 146% at 50% -59%, var(--c)) 100% 100%;background-size:calc(200%/3) 50%;background-repeat:repeat-x}.page-loader:before{-webkit-mask:repeating-linear-gradient(90deg, #000 0 8%, #0000 0 15%);mask:repeating-linear-gradient(90deg, #000 0 8%, #0000 0 15%)}.page-loader:after{clip-path:inset(0 100% 0 0);animation:wave13 1.5s infinite linear}@keyframes wave13{50%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}.button{font-weight:500;transition:all 0.15s ease;border-radius:6px}.button:focus{box-shadow:none}.button.is-primary{background-color:var(--btn-primary-bg) !important;color:var(--btn-primary-text) !important;border:1px solid var(--btn-primary-bg) !important}.button.is-primary:hover:not([disabled]){background-color:var(--btn-primary-hover) !important;border-color:var(--btn-primary-hover) !important;transform:translateY(-1px)}.button.is-primary:active{transform:translateY(0)}.button.is-secondary{background-color:var(--btn-secondary-bg) !important;color:var(--btn-secondary-text) !important;border:1px solid var(--color-border) !important}.button.is-secondary:hover:not([disabled]){background-color:var(--btn-secondary-hover) !important;transform:translateY(-1px)}.button.is-secondary:active{transform:translateY(0)}.button.is-subtle{background-color:var(--btn-subtle-bg) !important;color:var(--btn-subtle-text) !important;border:1px solid transparent !important}.button.is-subtle:hover:not([disabled]){background-color:var(--btn-subtle-hover) !important;border-color:var(--color-border) !important}.button.is-danger{background-color:var(--btn-danger-bg) !important;color:var(--btn-danger-text) !important;border:1px solid var(--btn-danger-bg) !important}.button.is-danger:hover:not([disabled]){background-color:var(--btn-danger-hover) !important;border-color:var(--btn-danger-hover) !important;transform:translateY(-1px)}.button.is-danger:active{transform:translateY(0)}.button.is-info{background-color:var(--btn-secondary-bg) !important;color:var(--btn-secondary-text) !important;border:1px solid var(--color-border) !important}.button.is-info:hover:not([disabled]){background-color:var(--btn-secondary-hover) !important;transform:translateY(-1px)}.button.is-success{background-color:var(--btn-secondary-bg) !important;color:var(--btn-secondary-text) !important;border:1px solid var(--color-border) !important}.button.is-success:hover:not([disabled]){background-color:var(--btn-secondary-hover) !important;transform:translateY(-1px)}.button.is-warning{background-color:var(--btn-primary-bg) !important;color:var(--btn-primary-text) !important;border:1px solid var(--btn-primary-bg) !important}.button.is-warning:hover:not([disabled]){background-color:var(--btn-primary-hover) !important;border-color:var(--btn-primary-hover) !important;transform:translateY(-1px)}.button.is-link{background-color:var(--btn-subtle-bg) !important;color:var(--btn-subtle-text) !important;border:1px solid transparent !important}.button.is-link:hover:not([disabled]){background-color:var(--btn-subtle-hover) !important;border-color:var(--color-border) !important}.button.is-small{padding:0.25rem 0.75rem;font-size:0.75rem;height:auto;min-height:1.75rem}.button.is-normal{padding:0.5rem 1rem;font-size:0.875rem;height:auto;min-height:2.25rem}.button.is-medium{padding:0.625rem 1.25rem;font-size:0.875rem;height:auto;min-height:2.5rem}.button .icon+span,.button span+.icon{margin-left:0.375rem}.button .icon:first-child{margin-right:0.375rem;margin-left:0}.button .icon:last-child{margin-left:0.375rem;margin-right:0}.button .icon:only-child{margin:0}.button:disabled,.button[disabled]{opacity:0.5;cursor:not-allowed;transform:none !important}.button.is-loading{color:transparent !important}.button.is-loading::after{border-color:transparent transparent var(--btn-primary-text) var(--btn-primary-text)}.button.is-loading.is-secondary::after{border-color:transparent transparent var(--btn-secondary-text) var(--btn-secondary-text)}.buttons .button:not(:last-child){margin-right:0.25rem}.navbar .navbar-brand{padding-left:32px;padding-right:24px}.navbar .navbar-menu{padding-left:0;padding-right:32px}.navbar .navbar-brand .navbar-item,.navbar .navbar-start .navbar-item,.navbar .navbar-end .navbar-item{padding-left:0;padding-right:0}.navbar .navbar-start .navbar-item,.navbar .navbar-start .has-dropdown{margin-left:1.5rem}.navbar .navbar-brand .navbar-item img{max-height:24px;width:auto}.navbar .navbar-separator{width:1px;height:24px;background-color:rgba(255,255,255,0.2);margin:0;align-self:center}.navbar .navbar-item{position:relative;transition:all 0.2s ease;color:rgba(255,255,255,0.8)}.navbar .navbar-item:hover,.navbar .navbar-item:active,.navbar .navbar-item:focus,.navbar .navbar-item.navbar-start:hover,.navbar .navbar-item.navbar-end:hover{background-color:transparent !important;color:#ffffff !important}@media (max-width: 1023px){.navbar .navbar-item{padding:0.75rem 1rem;min-height:48px;display:flex;align-items:center}}.navbar .navbar-burger{cursor:pointer;min-height:48px;width:48px}.navbar .navbar-burger span{height:2px;width:18px}.navbar .navbar-burger:hover{background-color:rgba(0,0,0,0.05)}.navbar .has-dropdown.is-hoverable:hover .navbar-dropdown,.navbar .has-dropdown.is-active .navbar-dropdown{display:block;opacity:1;visibility:visible;transform:translateY(0)}.navbar .has-dropdown .navbar-link{position:relative;transition:all 0.2s ease;color:rgba(255,255,255,0.8);padding-left:0 !important;padding-right:0 !important}.navbar .has-dropdown .navbar-link::after{display:none}.navbar .has-dropdown .navbar-link:hover,.navbar .has-dropdown .navbar-link:active,.navbar .has-dropdown .navbar-link:focus{background-color:transparent !important;color:#ffffff !important}@media (max-width: 1023px){.navbar .has-dropdown .navbar-link{padding:0.75rem 0 !important;min-height:48px;display:flex;align-items:center}}.navbar .has-dropdown .navbar-dropdown{display:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.2s ease;background:#ffffff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,0.1);min-width:200px;max-width:250px;padding:0.5rem 0;top:100%;left:-1rem;overflow:hidden;z-index:1000}.navbar .has-dropdown .navbar-dropdown .dropdown-section-header{font-weight:600;font-size:0.75rem;text-transform:uppercase;color:var(--color-text);padding:0.5rem 1rem 0.25rem;letter-spacing:0.05em;margin-bottom:0.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar .has-dropdown .navbar-dropdown .dropdown-item{color:var(--color-text-muted) !important;font-weight:400;padding:0.375rem 0 !important;margin:0 !important;border-radius:0;transition:all 0.15s ease;text-decoration:none !important;display:block;width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:1rem !important}.navbar .has-dropdown .navbar-dropdown .dropdown-item:hover{background-color:var(--btn-subtle-hover) !important;color:var(--color-text) !important;padding:0.375rem 0 !important;padding-left:1rem !important;margin:0 !important}@media (max-width: 1023px){.navbar .has-dropdown .navbar-dropdown .dropdown-item{padding:0.75rem 1rem !important;min-height:44px;display:flex;align-items:center}.navbar .has-dropdown .navbar-dropdown .dropdown-item:hover{padding:0.75rem 1rem !important}}.navbar .has-dropdown .navbar-dropdown .navbar-divider{background-color:var(--color-border);height:1px;margin:0.5rem 0;width:100%}.expense-chart{max-height:300px;overflow-y:auto}.expense-chart .level{border-radius:4px;padding:8px;transition:background-color 0.2s}.expense-chart .level:hover{background-color:#f5f5f5}.table-container .table tbody tr:hover{background-color:#f8f9fa}.table-container .table .has-background-success-light:hover{background-color:#d1eddd !important}.box .columns .column{border-radius:8px;transition:transform 0.2s, box-shadow 0.2s}.box .columns .column:hover{transform:translateY(-2px)}.buttons.are-small .button:not(:last-child){margin-right:0.25rem}.table td,.table th{vertical-align:middle}.table td.has-text-centered{padding-left:0.5rem;padding-right:0.5rem}.table td.has-text-centered .buttons{justify-content:center}.table td.has-text-centered .buttons .button{margin-bottom:0}.table th.has-text-centered{vertical-align:middle;padding-left:0.5rem;padding-right:0.5rem}.table td .media{align-items:center}.table td .media .media-content{overflow:visible}.table td .tag{vertical-align:middle}.table td.num-format{vertical-align:middle}.field.has-addons .control:not(:last-child){margin-right:0}.field.has-addons .control.is-expanded{flex-grow:1;flex-shrink:1;min-width:280px}.field.has-addons .input{height:2.25rem;min-height:2.25rem;border-radius:6px 0 0 6px;font-size:0.875rem;padding:0.5rem 0.75rem}.field.has-addons .input:focus,.field.has-addons .input:active{outline:none;box-shadow:none;border-color:var(--color-border)}.field.has-addons .button{height:2.25rem;min-height:2.25rem;border-radius:0 6px 6px 0;border-left-width:0}.expense-container{padding:2rem}.expense-controls .level-item .input.has-font-space-grotesk{width:300px;height:2rem;font-family:'Space Grotesk', sans-serif;border-radius:4px;box-sizing:border-box;font-size:0.875rem;padding:0.5rem 0.75rem}.expense-controls .level-item .add-expense-btn,.expense-controls .level-item .search-btn{height:2rem}.stat-column{min-width:120px}.stat-column-balance{white-space:nowrap}.qty-input{width:100px}.custom-date-control{display:none}@media screen and (max-width: 768px){.expense-chart{max-height:200px}.columns.is-mobile .column{padding:0.5rem}.buttons.are-small{flex-direction:column;align-items:stretch}.buttons.are-small .button{margin-right:0;margin-bottom:0.25rem}.buttons.are-small .button:last-child{margin-bottom:0}.expense-controls .level-item .input.has-font-space-grotesk{width:100%;max-width:250px}#addExpenseModal .modal-card,#editExpenseModal .modal-card{margin:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}#addExpenseModal .field.has-addons,#editExpenseModal .field.has-addons{flex-direction:column}#addExpenseModal .field.has-addons .control,#editExpenseModal .field.has-addons .control{width:100%}#addExpenseModal .field.has-addons .control .input.has-font-space-grotesk,#editExpenseModal .field.has-addons .control .input.has-font-space-grotesk{border-radius:4px;margin-bottom:0.5rem}#addExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-btn,#editExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-btn{width:100%;border-radius:4px;border-left:1px solid #dbdbdb}#addExpenseModal .modal-card-foot,#editExpenseModal .modal-card-foot{flex-direction:column}#addExpenseModal .modal-card-foot .button,#editExpenseModal .modal-card-foot .button{width:100%;margin-right:0 !important;margin-bottom:0.5rem}#addExpenseModal .modal-card-foot .button:last-child,#editExpenseModal .modal-card-foot .button:last-child{margin-bottom:0}}.date-options,.expense-type-options{display:flex;align-items:center;gap:1rem}.date-options .date-option,.date-options .expense-type-option,.expense-type-options .date-option,.expense-type-options .expense-type-option{display:flex;align-items:center;cursor:pointer}.date-options .date-option input[type="radio"],.date-options .expense-type-option input[type="radio"],.expense-type-options .date-option input[type="radio"],.expense-type-options .expense-type-option input[type="radio"]{margin-right:0.5rem;margin-top:0;vertical-align:middle}.date-options .date-option .option-text,.date-options .expense-type-option .option-text,.expense-type-options .date-option .option-text,.expense-type-options .expense-type-option .option-text{line-height:1.2;vertical-align:middle}.date-options .separator,.expense-type-options .separator{color:#999999;font-size:1.2rem;line-height:1;user-select:none}#addExpenseModal .field.has-addons .control .input.has-font-space-grotesk,#editExpenseModal .field.has-addons .control .input.has-font-space-grotesk{font-family:'Space Grotesk', sans-serif;border-radius:4px 0 0 4px}#addExpenseModal .field.has-addons .control .custom-unit-dropdown,#editExpenseModal .field.has-addons .control .custom-unit-dropdown{position:relative}#addExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-btn,#editExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-btn{display:flex;align-items:center;justify-content:space-between;width:120px;height:2.25em;padding:0.5rem 0.75rem;background:#ffffff;border:1px solid #dbdbdb;border-left:0;border-radius:0 4px 4px 0;font-family:'Space Grotesk', sans-serif;font-size:1rem;cursor:pointer;transition:border-color 0.2s ease}#addExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-btn:hover,#editExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-btn:hover{border-color:#b5b5b5}#addExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-btn:focus,#editExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-btn:focus{outline:none;border-color:#3273dc;box-shadow:none}#addExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-btn .dropdown-arrow,#editExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-btn .dropdown-arrow{font-size:0.7rem;color:#888;transition:transform 0.2s ease}#addExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-btn.is-active .dropdown-arrow,#editExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-btn.is-active .dropdown-arrow{transform:rotate(180deg)}#addExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-menu,#editExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#ffffff;border:1px solid #dbdbdb;border-top:0;border-radius:0 0 4px 4px;box-shadow:0 4px 6px rgba(0,0,0,0.1);z-index:1000;max-height:200px;overflow-y:auto;display:none}#addExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-menu.is-active,#editExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-menu.is-active{display:block}#addExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-menu .unit-option,#editExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-menu .unit-option{padding:0.5rem 0.75rem;font-family:'Space Grotesk', sans-serif;cursor:pointer;transition:background-color 0.2s ease}#addExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-menu .unit-option:hover,#editExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-menu .unit-option:hover{background-color:#f5f5f5}#addExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-menu .unit-option:last-child,#editExpenseModal .field.has-addons .control .custom-unit-dropdown .unit-dropdown-menu .unit-option:last-child{border-radius:0 0 4px 4px}#addExpenseModal .input.has-font-space-grotesk,#editExpenseModal .input.has-font-space-grotesk{font-family:'Space Grotesk', sans-serif}#addExpenseModal .input.has-font-space-grotesk:focus,#editExpenseModal .input.has-font-space-grotesk:focus{border-color:#3273dc;box-shadow:none}#addExpenseModal input[type="number"],#editExpenseModal input[type="number"]{font-family:'Space Mono', monospace !important}.num-format:has-text,.title:has-text,.subtitle:has-text{font-family:'Space Mono', monospace}.num-format{font-family:'Space Mono', monospace}.table td:nth-child(3),.table th:nth-child(3){font-family:'Space Mono', monospace}@media (max-width: 768px){.expense-controls{flex-direction:column;align-items:stretch !important;gap:0.75rem}.expense-controls .level-left,.expense-controls .level-right{justify-content:flex-start}.mobile-payslips{display:block}.desktop-payslips{display:none}.payslip-card{margin-bottom:0.75rem;border-radius:8px;border:1px solid #e5e5e5;padding:1rem}.payslip-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0.5rem}.payslip-card-meta{font-size:0.75rem;color:#777}}@media (min-width: 769px){.mobile-payslips{display:none}.desktop-payslips{display:block}}.payslip-action-btn,.view-payslip-btn,.print-payslip-btn,.email-payslip-btn{opacity:0.7;transition:opacity 0.2s, color 0.2s}.payslip-action-btn:hover,.view-payslip-btn:hover,.print-payslip-btn:hover,.email-payslip-btn:hover{opacity:1}.view-payslip-btn:hover{color:#3273dc !important}.print-payslip-btn:hover{color:#48c774 !important}.email-payslip-btn:hover{color:#ffdd57 !important}
/*# sourceMappingURL=main.css.map */