:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{font-family:Montserrat,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#466581;flex-direction:column;margin:0;padding:0;box-sizing:border-box}.logo{margin-bottom:20px;max-width:270px;height:auto}.login-box{background-color:#fff;border-radius:10px;padding:30px;box-shadow:0 4px 8px #0003;width:25%;max-width:300px;height:100%!important;max-height:300px!important;margin-bottom:60px;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;box-sizing:border-box}.title{margin:0;font-size:1.2rem!important;color:#333;font-weight:800;text-transform:uppercase}.error-box{color:red;font-weight:700;font-size:.6rem!important;margin-top:10px;margin-bottom:10px;text-transform:uppercase}.input-field{width:100%;padding:12px;margin:10px 0;background-color:#fff;color:#333;font-size:.8rem;border:none;box-sizing:border-box;transition:all .3s ease;box-shadow:0 2px 2px #43617e99}.input-field:focus{outline:none;box-shadow:0 2px 2px #43617e66}.submit-btn{width:100%;padding:12px;background-color:#2c3e50;color:#fff;border:none;margin-top:10px;border-radius:5px;font-size:.8rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.submit-btn:hover{background-color:#34495e}@media (max-width: 768px){.login-box{padding:20px;max-width:90%;max-height:90%}.title{font-size:1.2rem!important}}@media (min-width: 1024px) and (max-width: 1440px){.login-box{max-width:380px;max-height:380px}.title{font-size:1.4rem!important}}.sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;background-color:#2e3a59;color:#fff;display:flex;flex-direction:column;justify-content:space-between;z-index:1000;transition:transform .3s ease-in-out}.sidebar.closed{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-top{height:100px;border-bottom:1px solid #444;display:flex;align-items:center;justify-content:center}.sidebar-logo{height:auto;width:250px;object-fit:contain}.sidebar-logo:hover{transform:scale(1.1)}.sidebar-nav{padding:20px;flex:1}.sidebar-link{font-size:.8rem;display:block;padding:12px 16px;margin-bottom:10px;border-radius:6px;text-decoration:none;color:#fff;transition:background .3s,padding .2s ease;cursor:pointer}.sidebar-link:hover,.sidebar-link.active{color:#fff;background-color:#3c4c73;padding-left:20px}.dropdown-toggle{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;font-size:.9rem;margin-bottom:10px;border-radius:6px;background-color:#2e3a59;color:#fff;transition:background .3s}.dropdown-toggle:hover{background-color:#3c4c73}.sidebar-submenu{padding-left:20px;margin:15px 0}.sidebar-sub-link{font-family:Montserrat,sans-serif;font-size:.85rem;padding:10px 0;color:#ccc;cursor:pointer;transition:color .3s,padding-left .2s ease}.sidebar-sub-link:hover{color:#fff;padding-left:10px}.sidebar-footer{font-weight:400;padding:15px;font-size:.8rem;color:#ccc;border-top:1px solid #444;text-align:center}.sidebar-footer span{font-size:.82rem;font-weight:1000}.sidebar-toggle-button{position:fixed;top:15px;left:15px;z-index:1100;display:none}.sidebar-toggle-button button{background-color:#2e3a59;color:#fff;border:none;padding:10px 14px;font-size:18px;border-radius:6px;cursor:pointer;box-shadow:0 2px 8px #0000004d}@media (max-width: 768px){.sidebar-toggle-button{display:block}.sidebar{width:220px}.sidebar-sub-link{font-size:13px}}@media (min-width: 769px) and (max-width: 1440px){.sidebar-toggle-button{display:none}.sidebar{transform:translate(0)!important}}.admin-container{background-color:#f6f8fa;min-height:100vh;margin-left:15rem;padding:4rem 2rem 0;width:calc(100vw - 15rem);box-sizing:border-box;color:#333;font-family:Montserrat,sans-serif}.admin-header{text-align:center;margin-bottom:2rem}.admin-header h1{font-weight:800;font-size:2.3rem!important;color:#2c3e50;margin-bottom:4rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15.625rem,1fr));gap:1.5rem;padding:0 2rem}.dashboard-card{background:#fff;border-radius:1rem;box-shadow:0 .25rem .9375rem #0000001a;padding:1.5rem;transition:transform .3s ease;position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:#3498db}.dashboard-card:nth-child(2):before{background:#e74c3c}.dashboard-card.balance-card:before{background:#2ecc71}.dashboard-card:hover{transform:translateY(-.3125rem)}.card-header{margin-bottom:1.5rem}.card-header h2{font-size:1.4rem!important;color:#34495e;margin:0 0 .5rem}.card-content{padding:.25rem 0}.total-amount{font-size:2.2rem!important;font-weight:700;text-align:center;padding:1rem 0}.total-amount.income{color:#3498db}.total-amount.payment{color:#e74c3c}.total-amount.positive{color:#2ecc71}.total-amount.negative{color:#e74c3c}.dashboard-card.bible-card{background:#eaf4ff}.card-header h2{color:#3498db;font-size:1.6rem}.card-content{padding:1.5rem 1rem;text-align:center}.verse-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.verse-text{font-size:1.25rem;font-style:italic;color:#555;line-height:1.5;margin-bottom:1rem}.verse-loading{font-size:1.25rem;font-style:italic;color:#888}@media (max-width: 768px){.dashboard-card.bible-card{padding:1.2rem}.verse-title{font-size:1.3rem}.verse-text,.verse-loading{font-size:1.1rem}}@media (min-width: 1024px) and (max-width: 1440px){.dashboard-card.bible-card{padding:1.5rem}.verse-title{font-size:1.4rem}.verse-text,.verse-loading{font-size:1.2rem}}@media (min-width: 1441px){.dashboard-card.bible-card{padding:1.5rem}.verse-title{font-size:1.6rem}.verse-text,.verse-loading{font-size:1.25rem}}.client-container{background-color:#f6f8fa;min-height:100vh;margin-left:240px;padding:2.5rem;width:calc(100vw - 240px);box-sizing:border-box;color:#333;font-family:Montserrat,sans-serif}.client-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.client-actions button{background-color:#2e3a59;color:#fff;padding:.3rem 1rem!important;margin-left:.625rem!important;border:none;cursor:pointer;font-size:.7rem!important;box-shadow:1px 1px 4px #0000001a;transition:background-color .2s ease;width:auto}.client-header h2{font-size:1.2rem!important;font-weight:800;color:#333;margin-bottom:10px;position:relative;padding-bottom:6px}.client-header h2:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#2e3a59;transition:width .3s ease}.client-header h2:hover:after{width:50%}.client-actions button:hover{transform:scale(1.03);transition:.3s ease;background-color:#2e3a59}.client-table{width:100%;border-collapse:separate;border-spacing:0;background-color:#fff;box-shadow:0 0 10px #0000000d;border-radius:5px;overflow:hidden}.client-table-wrapper{border-radius:5px;box-shadow:0 4px 12px #01010133;max-height:calc(100vh - 300px);overflow-y:auto;overflow-x:auto}.client-table thead{background-color:#2e3a59}.client-table th{color:#fff;padding:.9rem 1rem!important;font-size:.6rem!important;font-weight:700;text-align:left;border-bottom:2px solid #2e3a59}.client-table tbody tr{transition:background-color .2s ease}.client-table td{padding:.75rem 1rem!important;color:#333;font-size:.7rem!important;border-bottom:1px solid #2e3a59}.client-table tbody tr:last-child td{border-bottom:none}.client-form{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:0;padding-top:.3rem;max-width:100%;overflow:hidden}.client-form input,.client-form select,.client-form button[type=submit]{padding:.7rem!important;border:1px solid #ccc;border-radius:6px;font-size:.7rem!important;background-color:#fff;color:#333;box-shadow:0 2px 6px #0000001a;transition:box-shadow .2s ease;width:50%;max-width:100%;box-sizing:border-box}.client-form button[type=submit]{background-color:#2e3a59;color:#fff;padding:.5rem 1rem!important;font-size:.8rem!important;font-weight:500;width:50%}.client-form input:focus,.client-form select:focus{outline:none;box-shadow:0 0 8px #2e3a5933;border-color:#2e3a59}.client-form button{background-color:#2e3a59;color:#fff;padding:.6rem 1.1rem!important;font-size:.875rem!important;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;margin-top:.6rem;width:50%}.client-form button:hover{background-color:#1c2231}.client-form button:active{background-color:#49628f}.client-form label{font-size:1rem!important;font-weight:600;color:#333;margin-bottom:6px}.client-form .input-wrapper{display:flex;flex-direction:column;gap:5px}.client-form h3{font-size:1rem!important;font-weight:800;color:#333;margin-top:0;margin-bottom:6px}.client-actions button:hover{overflow:hidden;width:auto;max-width:100%}@media (max-width: 768px){.client-container{margin-left:0!important;width:100%!important;padding:1rem!important}.client-header{flex-direction:column!important;gap:1rem!important;align-items:flex-start!important}.client-actions button{margin-left:0!important;margin-bottom:.5rem!important}.client-table th,.client-table td{font-size:.7rem!important}.client-form input,.client-form select,.client-form button{width:100%!important}}@media (min-width: 1024px) and (max-width: 1440px){.client-container{margin-left:240px!important;width:calc(100vw - 240px)!important}}.service-order-container{background-color:#f6f8fa;min-height:100vh;margin-left:15rem;padding:2.5rem;width:calc(100vw - 15rem);box-sizing:border-box;color:#333;font-family:Montserrat,sans-serif}.service-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.service-order-header h2{font-size:1.2rem!important;font-weight:800;color:#333;margin-bottom:.625rem;position:relative;padding-bottom:.375rem}.service-order-header h2:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.125rem;background-color:#2e3a59;transition:width .3s ease}.service-order-header h2:hover:after{width:50%}.service-order-actions button{background-color:#2e3a59;color:#fff;padding:.3rem 1rem;margin-left:.6rem;border:none;cursor:pointer;font-size:.8rem!important;box-shadow:.063rem .063rem .25rem #0000001a;transition:background-color .2s ease}.service-order-actions button:hover{transform:scale(1.03);background-color:#2e3a59;transition:.3s ease}.service-order-table{width:100%;border-collapse:separate;border-spacing:0;background-color:#fff;box-shadow:0 0 .625rem #0000000d;border-radius:.3125rem;overflow:hidden}.service-order-table-wrapper{border-radius:.3125rem;box-shadow:0 .25rem .75rem #01010133;max-height:calc(100vh - 18.75rem);overflow-y:auto;overflow-x:auto}.service-order-table thead{background-color:#2e3a59}.service-order-table th{color:#fff;padding:.875rem 1rem;font-size:.6rem!important;font-weight:700;text-align:left;border-bottom:.125rem solid #2e3a59}.service-order-table tbody tr{transition:background-color .2s ease}.service-order-table td{padding:.75rem 1rem;color:#333;font-size:.7rem!important;border-bottom:.0625rem solid #2e3a59}.service-order-table tbody tr:last-child td{border-bottom:none}.service-order-form{gap:.75rem;display:flex;flex-direction:column;width:100%;margin-top:0;padding-top:.3125rem;max-width:100%;overflow:hidden}.service-order-form input,.service-order-form select,.service-order-form button[type=submit]{padding:.7rem;border:.0625rem solid #ccc;border-radius:.375rem;font-size:.7rem!important;background-color:#fff;color:#333;box-shadow:0 .125rem .375rem #0000001a;transition:box-shadow .2s ease;width:50%;max-width:100%;box-sizing:border-box}.service-order-form input:focus,.service-order-form select:focus{outline:none;box-shadow:0 0 .5rem #2e3a5933;border-color:#2e3a59}.service-order-form button[type=submit]{background-color:#2e3a59;color:#fff;padding:.5rem 1rem;font-size:.8rem!important;font-weight:500;width:50%}.service-order-form button{background-color:#2e3a59;color:#fff;padding:.625rem 1.125rem;font-size:.875rem!important;font-weight:600;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .3s ease,transform .3s ease;margin-top:.625rem;width:50%}.service-order-form button:hover{background-color:#1c2231}.service-order-form button:active{background-color:#49628f}.service-order-form label{font-size:1rem!important;font-weight:600;color:#333;margin-bottom:.375rem}.client-selection-container{margin-bottom:1.25rem}.client-selection-container select{padding:.625rem;margin-top:.625rem;width:100%;box-sizing:border-box;border-radius:.3125rem;border:.0625rem solid #ccc}.service-order-input{background-color:#fff;color:#333;padding:.625rem;width:100%;box-sizing:border-box;border-radius:.3125rem;border:.0625rem solid #ccc}.service-order-button{padding:.625rem 1.25rem;border-radius:.3125rem;background-color:#4caf50;color:#fff;border:none;cursor:pointer}.service-order-button:hover{background-color:#45a049}@media (max-width: 48rem){.service-order-container{margin-left:0;width:100%;padding:1rem}.service-order-header{flex-direction:column;gap:1rem;align-items:flex-start}.service-order-actions button{margin-left:0;margin-bottom:.5rem;font-size:.7rem!important}.service-order-table th,.service-order-table td{font-size:.6rem!important;padding:.5rem .75rem}.service-order-form input,.service-order-form select,.service-order-form button[type=submit]{width:100%;font-size:.8rem!important}.service-order-form button[type=submit]{width:100%}.service-order-form button{width:100%;font-size:.8rem!important}}@media (min-width: 64rem) and (max-width: 90rem){.service-order-actions button{padding:.3rem 1rem;font-size:.8rem!important}.service-order-form input,.service-order-form select,.service-order-form button{font-size:.8rem!important}.service-order-table th,.service-order-table td{font-size:.75rem!important}}.income-container{background-color:#f6f8fa;min-height:100vh;margin-left:240px;padding:2.5rem;width:calc(100vw - 240px);box-sizing:border-box;color:#333;font-family:Montserrat,sans-serif}.income-header{display:flex;flex-direction:column;gap:1rem}.income-header h2{font-size:1.4rem!important;font-weight:800;color:#333;margin-bottom:10px;position:relative;padding-bottom:6px}.income-header h2:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#2e3a59;transition:width .3s ease}.income-header h2:hover:after{width:50%}.income-actions{padding:1rem 0rem;display:flex;flex-wrap:wrap;gap:1.5rem}.income-actions-row{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.income-button{background-color:#2e3a59;color:#fff;padding:.5rem 1.25rem!important;border:none;border-radius:5px;cursor:pointer;font-size:.8rem!important;box-shadow:1px 1px 4px #0000001a;transition:background-color .2s ease;flex:1 1 auto;min-width:120px;text-align:center}.income-button.danger{background-color:#dc3545;border-color:#dc3545}.income-button.danger:hover{background-color:#c82333;border-color:#bd2130}.income-button:hover{transform:scale(1.03);background-color:#1c2231;transition:.3s ease}.income-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.income-filters select,.income-filters input{padding:.5rem;border:1px solid #ccc;border-radius:5px;font-size:.8rem!important;background-color:#fff;color:#333;box-shadow:0 2px 6px #0000001a;transition:box-shadow .2s ease;flex:1 1 auto;min-width:150px}.income-filters select:focus,.income-filters input:focus{outline:none;box-shadow:0 0 8px #2e3a5933;border-color:#2e3a59}.income-table{width:100%;border-collapse:separate;border-spacing:0;background-color:#fff;box-shadow:0 0 10px #0000000d;border-radius:5px;overflow:hidden}.income-table-wrapper{border-radius:5px;box-shadow:0 4px 12px #01010133;max-height:calc(100vh - 300px);overflow-y:auto;overflow-x:auto}.income-table thead{background-color:#2e3a59}.income-table th{color:#fff;padding:.9rem 1rem!important;font-size:.7rem!important;font-weight:700;text-align:left;border-bottom:2px solid #2e3a59}.income-table td{padding:.8rem 1rem!important;color:#333;font-size:.8rem!important;border-bottom:1px solid #2e3a59}.income-table tbody tr{transition:background-color .2s ease}.income-table tbody tr:last-child td{border-bottom:none}.income-form{gap:.8rem;display:flex;flex-direction:column;width:100%;margin-top:0;padding-top:.3rem;max-width:100%;overflow:hidden}.income-form input,.income-form select,.income-form button[type=submit]{padding:.7rem!important;border:1px solid #ccc;border-radius:6px;font-size:.8rem!important;background-color:#fff;color:#333;box-shadow:0 2px 6px #0000001a;transition:box-shadow .2s ease;width:50%;max-width:100%;box-sizing:border-box}.income-form input:focus,.income-form select:focus{outline:none;box-shadow:0 0 8px #2e3a5933;border-color:#2e3a59}.income-form button[type=submit]{background-color:#2e3a59;color:#fff;font-size:.9rem!important;font-weight:500;width:50%}.income-form button{background-color:#2e3a59;color:#fff;padding:.8rem 1.2rem!important;font-size:.9rem!important;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;margin-top:10px;width:50%}.income-form button:hover{background-color:#1c2231}.income-form button:active{background-color:#49628f}.income-form label{font-size:1rem!important;font-weight:600;color:#333;margin-bottom:6px}.income-input{background-color:#fff;color:#333;padding:.8rem;width:25%;box-sizing:border-box;border-radius:5px;border:1px solid #ccc;font-size:.8rem!important}.income-pie-chart{overflow-x:hidden;display:flex;justify-content:center;align-items:center;height:220px}.income-pie-chart canvas{max-width:100%;max-height:100%}@media (max-width: 768px){.income-container{margin-left:0!important;width:100%!important;padding:1rem!important}.income-header{flex-direction:column!important;gap:1rem;align-items:flex-start!important}.income-actions{flex-direction:column;align-items:flex-start}.income-actions button{margin-left:0!important;margin-bottom:.5rem!important;font-size:.7rem!important;width:100%}.income-table th,.income-table td{font-size:.6rem!important;padding:.6rem .8rem!important}.income-form input,.income-form select,.income-form button[type=submit],.income-form button{width:100%!important;font-size:.8rem!important}.income-form label{font-size:.9rem!important}.income-button{font-size:.8rem!important}}@media (min-width: 1024px) and (max-width: 1440px){.income-container{padding:2rem!important}.income-header h2{font-size:1.6rem!important}.income-form input,.income-form select,.income-form button{font-size:.9rem!important}.income-table th,.income-table td{font-size:.75rem!important}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden;text-decoration:none}body{font-family:Lato,sans-serif;margin:0}.payment-container{background-color:#f6f8fa;min-height:100vh;margin-left:240px;padding:2.5rem;width:calc(100vw - 240px);box-sizing:border-box;color:#333;font-family:Montserrat,sans-serif}.payment-header{display:flex;flex-direction:column;gap:1rem}.payment-header h2{font-size:1.4rem!important;font-weight:800;color:#333;margin-bottom:10px;position:relative;padding-bottom:6px}.payment-header h2:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#2e3a59;transition:width .3s ease}.payment-header h2:hover:after{width:50%}.payment-actions{padding:1rem 0rem;display:flex;flex-wrap:wrap;gap:1.5rem}.payment-actions-row{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.payment-button{background-color:#2e3a59;color:#fff;padding:.5rem 1.25rem!important;border:none;border-radius:5px;cursor:pointer;font-size:.8rem!important;box-shadow:1px 1px 4px #0000001a;transition:background-color .2s ease;flex:1 1 auto;min-width:120px;text-align:center}.payment-button.danger{background-color:#dc3545;border-color:#dc3545}.payment-button.danger:hover{background-color:#c82333;border-color:#bd2130}.payment-button:hover{transform:scale(1.03);background-color:#1c2231;transition:.3s ease}.payment-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.payment-filters select,.payment-filters input{padding:.5rem;border:1px solid #ccc;border-radius:5px;font-size:.8rem!important;background-color:#fff;color:#333;box-shadow:0 2px 6px #0000001a;transition:box-shadow .2s ease;flex:1 1 auto;min-width:150px}.payment-filters select:focus,.payment-filters input:focus{outline:none;box-shadow:0 0 8px #2e3a5933;border-color:#2e3a59}.payment-table{width:100%;border-collapse:separate;border-spacing:0;background-color:#fff;box-shadow:0 0 10px #0000000d;border-radius:5px;overflow:hidden}.payment-table-wrapper{border-radius:5px;box-shadow:0 4px 12px #01010133;max-height:calc(100vh - 300px);overflow-y:auto;overflow-x:auto}.payment-table thead{background-color:#2e3a59}.payment-table th{color:#fff;padding:.9rem 1rem!important;font-size:.7rem!important;font-weight:700;text-align:left;border-bottom:2px solid #2e3a59}.payment-table td{padding:.8rem 1rem!important;color:#333;font-size:.8rem!important;border-bottom:1px solid #2e3a59}.payment-table tbody tr{transition:background-color .2s ease}.payment-table tbody tr:last-child td{border-bottom:none}.payment-form{gap:.8rem;display:flex;flex-direction:column;width:100%;margin-top:0;padding-top:.3rem;max-width:100%;overflow:hidden}.payment-form input,.payment-form select,.payment-form button[type=submit]{padding:.7rem!important;border:1px solid #ccc;border-radius:6px;font-size:.8rem!important;background-color:#fff;color:#333;box-shadow:0 2px 6px #0000001a;transition:box-shadow .2s ease;width:50%;max-width:100%;box-sizing:border-box}.payment-form input:focus,.payment-form select:focus{outline:none;box-shadow:0 0 8px #2e3a5933;border-color:#2e3a59}.payment-form button[type=submit]{background-color:#2e3a59;color:#fff;font-size:.9rem!important;font-weight:500;width:50%}.payment-form button{background-color:#2e3a59;color:#fff;padding:.8rem 1.2rem!important;font-size:.9rem!important;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;margin-top:10px;width:50%}.payment-form button:hover{background-color:#1c2231}.payment-form button:active{background-color:#49628f}.payment-form label{font-size:1rem!important;font-weight:600;color:#333;margin-bottom:6px}.client-selection-container{margin-bottom:1.3rem}.client-selection-container select{padding:.7rem;margin-top:.7rem;width:100%;box-sizing:border-box;border-radius:5px;border:1px solid #ccc;font-size:.8rem!important}.payment-input{background-color:#fff;color:#333;padding:.8rem;width:25%;box-sizing:border-box;border-radius:5px;border:1px solid #ccc;font-size:.8rem!important}.payment-pie-chart{overflow-x:hidden;display:flex;justify-content:center;align-items:center;height:220px}.payment-pie-chart canvas{max-width:100%;max-height:100%}.checkbox-label{display:inline-flex;align-items:center;font-size:.75rem!important;color:#333;white-space:nowrap}.checkbox-label input{width:.875rem;height:.875rem;margin-left:.625rem;accent-color:#2e3a59}@media (max-width: 768px){.payment-container{margin-left:0!important;width:100%!important;padding:1rem!important}.payment-header{flex-direction:column!important;gap:1rem;align-items:flex-start!important}.payment-actions{flex-direction:column;align-items:flex-start}.payment-actions button{margin-left:0!important;margin-bottom:.5rem!important;font-size:.7rem!important;width:100%}.payment-table th,.payment-table td{font-size:.6rem!important;padding:.6rem .8rem!important}.payment-form input,.payment-form select,.payment-form button[type=submit],.payment-form button{width:100%!important;font-size:.8rem!important}.payment-form label{font-size:.9rem!important}.payment-button{font-size:.8rem!important}}@media (min-width: 1024px) and (max-width: 1440px){.payment-container{padding:2rem!important}.payment-header h2{font-size:1.6rem!important}.payment-form input,.payment-form select,.payment-form button{font-size:.9rem!important}.payment-table th,.payment-table td{font-size:.75rem!important}}.reports-container{background-color:#f6f8fa;min-height:100vh;margin-left:240px;width:calc(100vw - 240px);padding:2.5rem;box-sizing:border-box;color:#333;font-family:Montserrat,sans-serif}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.reports-header h2{font-size:1.2rem;font-weight:800;color:#333;position:relative;padding-bottom:6px;margin:0}.reports-header h2:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#2e3a59;transition:width .3s ease}.reports-header h2:hover:after{width:50%}.reports-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.reports-button{font-family:Montserrat,sans-serif;padding:8px 10px;border-radius:6px;background-color:#2e3a59;color:#fff;margin:1rem;border:none;cursor:pointer;font-size:.75rem;box-shadow:1px 2px 6px #00000026;transition:background-color .2s ease,transform .2s ease}.reports-button:hover{background-color:#181e2e;transform:scale(1.03)}.reports-table-wrapper{border-radius:8px;box-shadow:0 4px 12px #00000026;overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 280px);background-color:#fff}.reports-table{width:100%;border-collapse:collapse;border-spacing:0;min-width:600px;font-family:Montserrat,sans-serif}.reports-table thead{background-color:#2e3a59;color:#fff}.reports-table th{padding:14px 18px;font-size:.7rem;font-weight:700;text-align:left;border-bottom:2px solid #2e3a59}.reports-table td{padding:12px 18px;font-size:.75rem;color:#333;border-bottom:1px solid #dcdcdc;background-color:#fff}.reports-table tbody tr:last-child td{border-bottom:none}.income-row{background-color:#e6f4ea!important}.payment-row{background-color:#ffebee!important}@media (max-width: 768px){.reports-container{margin-left:0;width:100%;padding:1rem}.reports-header{flex-direction:column;align-items:flex-start;gap:1rem}.reports-actions{flex-direction:column;align-items:stretch;width:100%}.reports-button{width:100%;font-size:.7rem;padding:10px}.reports-table th,.reports-table td{font-size:.6rem;padding:8px 10px}.reports-header h2{font-size:1rem}}@media (min-width: 1024px) and (max-width: 1440px){.reports-container{padding:2rem}.reports-header h2{font-size:1.2rem}.reports-button{font-size:.75rem;padding:10px 14px}.reports-table th{font-size:.7rem}.reports-table td{font-size:.75rem}}.dre-container{background-color:#f6f8fa;min-height:100vh;margin-left:240px;padding:2.5rem;width:calc(100vw - 240px);box-sizing:border-box;color:#333;font-family:Montserrat,sans-serif}.dre-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.dre-header h2{font-size:1.2rem!important;font-weight:800;color:#333;margin-bottom:.6rem;position:relative;padding-bottom:.375rem}.dre-header h2:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.125rem;background-color:#2e3a59;transition:width .3s ease}.dre-header h2:hover:after{width:50%}.dre-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem}.dre-actions label{font-size:.8rem!important;margin-right:.25rem;color:#333}.dre-button{font-family:Montserrat,sans-serif;padding:.5rem .75rem;border-radius:.5rem;background-color:#2e3a59;color:#fff;border:none;cursor:pointer;font-size:.75rem!important;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease,background-color .3s ease}.dre-button:hover{transform:scale(1.03);background-color:#24314b}.dre-table-wrapper{border-radius:.625rem;box-shadow:0 4px 12px #01010133;max-height:calc(100vh - 300px);overflow-y:auto;overflow-x:auto;background-color:#fff}.dre-table{width:100%;border-collapse:separate;border-spacing:0;background-color:#fff;border-radius:.625rem;overflow:hidden}.dre-table thead{background-color:#2e3a59}.dre-table th{color:#fff;padding:.875rem 1rem;font-size:.65rem!important;font-weight:700;text-align:left;border-bottom:.125rem solid #2e3a59}.dre-table td{padding:.75rem 1rem;color:#333;font-size:.75rem!important;border-bottom:1px solid #e0e0e0}.dre-table tbody tr:last-child td{border-bottom:none}.dre-table tbody tr:hover{background-color:#f0f3f7;transition:background-color .2s ease}@media (max-width: 768px){.dre-container{margin-left:0!important;width:100%!important;padding:1rem!important}.dre-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem}.dre-header h2{font-size:1rem!important}.dre-table th,.dre-table td{font-size:.55rem!important;padding:.5rem .75rem!important}.dre-button{width:100%!important;font-size:.7rem!important;padding:.625rem!important}}@media (min-width: 1024px) and (max-width: 1440px){.dre-container{padding:2rem!important}.dre-header h2{font-size:1.15rem!important}.dre-table th,.dre-table td{font-size:.7rem!important;padding:.75rem 1rem!important}.dre-button{font-size:.75rem!important}}.category-container{background-color:#f6f8fa;min-height:100vh;margin-left:240px;padding:2.5rem;width:calc(100vw - 240px);box-sizing:border-box;color:#333;font-family:Montserrat,sans-serif}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.category-actions button{background-color:#2e3a59;color:#fff;padding:.3rem 1rem!important;margin-left:.625rem!important;border:none;cursor:pointer;font-size:.7rem!important;box-shadow:1px 1px 4px #0000001a;transition:background-color .2s ease;width:auto}.category-header h2{font-size:1.2rem!important;font-weight:800;color:#333;margin-bottom:10px;position:relative;padding-bottom:6px}.category-header h2:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#2e3a59;transition:width .3s ease}.category-header h2:hover:after{width:50%}.category-actions button:hover{transform:scale(1.03);transition:.3s ease;background-color:#2e3a59}.category-table{width:100%;border-collapse:separate;border-spacing:0;background-color:#fff;box-shadow:0 0 10px #0000000d;border-radius:5px;overflow:hidden}.category-table-wrapper{border-radius:5px;box-shadow:0 4px 12px #01010133;max-height:calc(100vh - 300px);overflow-y:auto;overflow-x:auto}.category-table thead{background-color:#2e3a59}.category-table th{color:#fff;padding:.9rem 1rem!important;font-size:.6rem!important;font-weight:700;text-align:left;border-bottom:2px solid #2e3a59}.category-table tbody tr{transition:background-color .2s ease}.category-table td{padding:.75rem 1rem!important;color:#333;font-size:.7rem!important;border-bottom:1px solid #2e3a59}.category-table tbody tr:last-child td{border-bottom:none}.category-form{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:0;padding-top:.3rem;max-width:100%;overflow:hidden}.category-form input,.category-form select,.category-form button[type=submit]{padding:.7rem!important;border:1px solid #ccc;border-radius:6px;font-size:.7rem!important;background-color:#fff;color:#333;box-shadow:0 2px 6px #0000001a;transition:box-shadow .2s ease;width:50%;max-width:100%;box-sizing:border-box}.category-form button[type=submit]{background-color:#2e3a59;color:#fff;padding:.5rem 1rem!important;font-size:.8rem!important;font-weight:500;width:50%}.category-form input:focus,.category-form select:focus{outline:none;box-shadow:0 0 8px #2e3a5933;border-color:#2e3a59}.category-form button{background-color:#2e3a59;color:#fff;padding:.6rem 1.1rem!important;font-size:.875rem!important;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .3s ease;margin-top:.6rem;width:50%}.category-form button:hover{background-color:#1c2231}.category-form button:active{background-color:#49628f}.category-form label{font-size:1rem!important;font-weight:600;color:#333;margin-bottom:6px}.category-form .input-wrapper{display:flex;flex-direction:column;gap:5px}.category-form h3{font-size:1rem!important;font-weight:800;color:#333;margin-top:0;margin-bottom:6px}.category-actions button:hover{overflow:hidden;width:auto;max-width:100%}@media (max-width: 768px){.category-container{margin-left:0!important;width:100%!important;padding:1rem!important}.category-header{flex-direction:column!important;gap:1rem!important;align-items:flex-start!important}.category-actions button{margin-left:0!important;margin-bottom:.5rem!important}.category-table th,.category-table td{font-size:.7rem!important}.category-form input,.category-form select,.category-form button{width:100%!important}}@media (min-width: 1024px) and (max-width: 1440px){.category-container{margin-left:240px!important;width:calc(100vw - 240px)!important}}.notfound-page{background-color:#dce1e9;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0}.notfound-box{background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 12px #0000001a;text-align:center;width:80%;max-width:400px}.notfound-header{color:#2e3a59;margin-bottom:20px}.curious-face{font-size:80px;color:#f39c12}.notfound-message{font-size:1.2rem;color:#333;font-weight:700;line-height:1.2}