:root{--color-black:#202120;--color-white:#f1f1f1;--color-orange:#ed6d1a;--color-aqua:#178983;--color-purple:#2b3268;--bg-color:var(--color-black);--text-color:var(--color-white);--primary-color:var(--color-aqua);--secondary-color:var(--color-orange);--accent-color:var(--color-purple);--card-bg:#ffffff0d;--border-color:#ffffff1a;--hover-bg:#ffffff1a;--shadow-sm:0 4px 6px #0000004d;--shadow-md:0 10px 15px #00000080;--glass-border:1px solid #ffffff1a}[data-theme=light]{--bg-color:#f3f4f6;--text-color:#1f2937;--primary-color:var(--color-purple);--secondary-color:var(--color-orange);--accent-color:var(--color-aqua);--card-bg:#fff;--border-color:#00000014;--hover-bg:#0000000a;--shadow-sm:0 4px 6px #0000000d;--shadow-md:0 10px 20px #00000014;--glass-border:1px solid #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .4s,color .4s;display:flex}#root{flex-direction:column;flex:1;min-height:100vh;display:flex}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);border:var(--glass-border);box-shadow:var(--shadow-md);border-radius:16px;width:100%;padding:2rem;transition:transform .3s,box-shadow .3s}.glass-panel:hover{transform:translateY(-4px);box-shadow:0 15px 25px #0009}.btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #17898366}.btn:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 6px 20px #ed6d1a80}.btn-icon{justify-content:center;align-items:center;gap:.5rem;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-2{margin-top:1rem}h1,h2,h3{color:var(--primary-color);margin-bottom:1rem}.topbar{background:var(--card-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:var(--glass-border);z-index:100;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.brand-section{align-items:center;gap:1rem;display:flex}.brand-logo{object-fit:contain;width:auto;height:40px}.brand-name{background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.theme-toggle{border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;transition:all .3s;display:flex}.theme-toggle:hover{background:var(--hover-bg);transform:rotate(15deg)}.main-content{flex:1;justify-content:center;align-items:center;display:flex}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-color);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s,transform .3s}.nav-link:hover{color:var(--primary-color);transform:translateY(-2px)}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.input-group{width:100%;position:relative}.input-icon{color:var(--text-color);opacity:.6;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.glass-input{border:1px solid var(--border-color);width:100%;color:var(--text-color);background:#0003;border-radius:8px;outline:none;padding:.85rem 1rem .85rem 2.5rem;font-family:inherit;font-size:.95rem;transition:all .3s}.glass-input:focus{border-color:var(--primary-color);background:#0000004d;box-shadow:0 0 0 2px #17898333}[data-theme=light] .glass-input{border:1px solid var(--border-color);background:#fff;box-shadow:0 1px 2px #0000000d}[data-theme=light] .glass-input:focus{border-color:var(--primary-color);background:#fff}.layout-container{background-color:var(--bg-color);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{z-index:10;border-top:none;border-bottom:none;border-left:none;border-radius:0;flex-direction:column;flex-shrink:0;width:280px;height:100%;padding:1.5rem;display:flex}.sidebar-brand{border-bottom:1px solid var(--border-color);justify-content:center;align-items:center;margin-bottom:1.5rem;padding-bottom:2rem;display:flex}.sidebar-logo{max-width:150px;height:auto}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;display:flex;overflow-y:auto}.sidebar-link{color:var(--text-color);border-radius:8px;align-items:center;gap:1rem;padding:.8rem 1.2rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.sidebar-link:hover{background:var(--hover-bg);transform:translate(4px)}.sidebar-link.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 15px #1789834d}.sidebar-icon{font-size:1.2rem}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:1rem}.btn-logout{width:100%;color:var(--text-color);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:1rem;padding:.8rem 1.2rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.btn-logout:hover{color:var(--color-orange);background:#ed6d1a1a}.dashboard-content{scrollbar-gutter:stable;background:0 0;flex:1;padding:2rem 1.5rem;overflow-y:auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{border-radius:12px;padding:1.5rem}.stat-amount{margin-top:.5rem;font-size:2rem;font-weight:700}.text-success{color:#10b981!important}.text-danger{color:#ef4444!important}.text-primary{color:var(--primary-color)!important}.text-info{color:#38bdf8!important}.text-warning{color:var(--color-orange)!important}[data-theme=light] .text-success{color:#059669!important}[data-theme=light] .text-danger{color:#dc2626!important}[data-theme=light] .text-info{color:#0284c7!important}[data-theme=light] .text-warning{color:#ed6d1a!important}.layout-container~.topbar,.layout-container~.main-content{display:none}.module-page{flex-direction:column;gap:1.5rem;display:flex}.module-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.table-container{padding:1rem;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--border-color);padding:1rem}.data-table th{color:var(--primary-color);opacity:.9;text-transform:uppercase;letter-spacing:.5px;font-size:.95rem;font-weight:600}.data-table tr:hover{background:var(--hover-bg)}.text-right{text-align:right}.actions-cell{justify-content:flex-end;gap:.5rem;display:flex}.action-btn{cursor:pointer;color:var(--text-color);background:0 0;border:none;border-radius:4px;padding:.4rem;font-size:1.1rem;transition:all .3s}.action-btn:hover{background:#ffffff1a;transform:scale(1.1)}[data-theme=light] .action-btn:hover{background:#0000000d}.badge{border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.badge-success{color:#10b981;background:#10b98133}.badge-danger{color:#ef4444;background:#ef444433}.badge-warning{color:#fbbf24;background:#f59e0b33}.badge-info{color:#38bdf8;background:#38bdf833}.badge-primary{color:var(--color-aqua);background:#17898333}[data-theme=light] .badge-success{color:#059669;background:#10b98126}[data-theme=light] .badge-danger{color:#dc2626;background:#ef444426}[data-theme=light] .badge-warning{color:#d97706;background:#f59e0b26}[data-theme=light] .badge-info{color:#0284c7;background:#38bdf826}[data-theme=light] .badge-primary{color:var(--color-purple);background:#17898326}.color-dot{border-radius:50%;width:16px;height:16px;display:inline-block}.categories-page .data-table th:first-child,.categories-page .data-table td:first-child{width:60px}.categories-page .data-table th:nth-child(3),.categories-page .data-table td:nth-child(3){width:140px}.categories-page .data-table th:nth-child(4),.categories-page .data-table td:nth-child(4){width:160px}.transactions-page .table-container{overflow-x:auto}.transactions-page .data-table{table-layout:fixed;width:100%}.transactions-page .data-table th:first-child,.transactions-page .data-table td:first-child{width:110px;min-width:110px}.transactions-page .data-table th:nth-child(2),.transactions-page .data-table td:nth-child(2){width:90px;min-width:90px}.transactions-page .data-table th:nth-child(3),.transactions-page .data-table td:nth-child(3){width:140px;min-width:140px}.transactions-page .data-table th:nth-child(4),.transactions-page .data-table td:nth-child(4){width:130px;min-width:130px}.transactions-page .data-table th:nth-child(5),.transactions-page .data-table td:nth-child(5){width:180px;min-width:180px}.transactions-page .data-table th:nth-child(6),.transactions-page .data-table td:nth-child(6){width:180px;min-width:180px;padding-right:1rem}.transactions-page .data-table th:nth-child(7),.transactions-page .data-table td:nth-child(7){width:130px;min-width:130px}.actions-wrapper{justify-content:flex-end;align-items:center;gap:.6rem;display:flex!important}.progress-bg{background-color:#ffffff1a;border-radius:4px;width:100%;height:8px;margin-top:.5rem;overflow:hidden}[data-theme=light] .progress-bg{background-color:#0000001a}.progress-bar{border-radius:4px;height:100%;transition:width .4s}.bg-success{background-color:#10b981}.bg-danger{background-color:#ef4444}.bg-warning{background-color:#f59e0b}.bg-primary{background-color:var(--primary-color)}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background-color:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;width:95%;max-width:500px;max-height:90vh;animation:.3s slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px #0009}.modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-header h3{color:var(--color-orange);margin:0;font-size:1.1rem}.btn-close{color:var(--text-color);cursor:pointer;opacity:.6;background:0 0;border:none;font-size:1.5rem;transition:opacity .2s}.btn-close:hover{opacity:1;color:var(--color-orange)}.modal-body{flex:1;padding:1rem 1.25rem;overflow-y:auto}.form-group{flex-direction:column;gap:.35rem;margin-bottom:.75rem;display:flex}.form-group label{color:var(--text-color);opacity:.85;font-size:.85rem;font-weight:500}.form-select,.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-color);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0003;border-radius:6px;outline:none;padding:.6rem .8rem;font-family:inherit;font-size:.9rem;transition:all .3s}.form-select option{color:var(--text-color);background-color:#2a2a2a;padding:10px}[data-theme=light] .form-select option{color:#1f2937;background-color:#fff}.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #17898333}.form-select:focus,.form-input:focus{border-color:var(--primary-color);background:#0000004d}[data-theme=light] .form-select:focus,[data-theme=light] .form-input:focus{background:#fff}[data-theme=light] .form-select,[data-theme=light] .form-input{border:1px solid var(--border-color);background:#f9fafb}.modal-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s forwards fadeIn}.subcategories-wrapper{background:#17898308;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.subcategory-container-row.is-open .subcategories-wrapper{grid-template-rows:1fr}.subcategories-inner{opacity:0;min-height:0;transition:opacity .3s}.subcategory-container-row.is-open .subcategories-inner{opacity:1}.subcategory-item-row{border-bottom:1px solid var(--border-color);grid-template-columns:60px 1fr 140px 160px;align-items:center;display:grid}.subcategory-item-row:last-child{border-bottom:none}.sub-col{padding:.8rem 1rem}.col-actions{justify-content:flex-end;gap:.5rem;padding-right:1.5rem;display:flex}.expand-btn{transition:transform .4s cubic-bezier(.34,1.56,.64,1)!important}.expand-btn.is-expanded{transform:rotate(180deg)}.bg-expanded{transition:background .4s;background:#17898314!important}.bento-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:150px;gap:1.5rem;padding:1rem 0 3rem;display:grid}.bento-item{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:var(--glass-border);box-shadow:var(--shadow-md);border-radius:28px;flex-direction:column;min-height:100px;padding:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.bento-item:hover{border-color:var(--color-aqua);background:#ffffff14;transform:translateY(-8px);box-shadow:0 30px 60px -12px #0009}.col-span-12{grid-column:span 12}.col-span-10{grid-column:span 10}.col-span-9{grid-column:span 9}.col-span-8{grid-column:span 8}.col-span-6{grid-column:span 6}.col-span-4{grid-column:span 4}.col-span-3{grid-column:span 3}.col-span-2{grid-column:span 2}.row-span-1{grid-row:span 1}.row-span-2{grid-row:span 2}.row-span-3{grid-row:span 3}@media (width<=1400px){.bento-grid{grid-template-columns:repeat(6,1fr)}.col-span-12,.col-span-9,.col-span-8{grid-column:span 6}.col-span-4,.col-span-3{grid-column:span 3}}@media (width<=992px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.bento-item{margin-bottom:.5rem;grid-area:span 1/span 2!important}}@media (width<=600px){.bento-grid{grid-template-columns:1fr}.bento-item{grid-column:span 1!important}}