body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--sidebar-bg:#fff;--indigo-soft:#6366f114;--dropdown-bg:#fffffff2;--border-light:#e2e8f0}[data-theme=dark]{--sidebar-bg:#111113;--zinc-100:#27272a;--indigo-soft:#818cf826;--dropdown-bg:#18181bf2;--border-light:#3f3f46}.sidebar-container{background-color:#fff;background-color:var(--sidebar-bg);border-right:1px solid #f4f4f5;border-right:1px solid var(--zinc-100);color:#09090b;color:var(--zinc-900);display:flex;flex-direction:column;font-family:Inter,sans-serif;height:95vh;padding:1.5rem;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px}.sidebar-container .sidebar-brand{align-items:center;display:flex;gap:12px;margin-bottom:2.5rem;padding:.5rem}.sidebar-container .sidebar-brand .logo-icon{background:#09090b;background:var(--zinc-900);border-radius:8px;color:#fff;color:var(--sidebar-bg);display:grid;font-weight:900;height:32px;place-items:center;width:32px}.sidebar-container .sidebar-brand h3{color:#09090b;color:var(--zinc-900);font-size:1.25rem;font-weight:800;letter-spacing:-.5px}.sidebar-container .sidebar-links{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.sidebar-container .sidebar-links .nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#71717a;color:var(--zinc-500);cursor:pointer;display:flex;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:.2s ease;width:100%}.sidebar-container .sidebar-links .nav-item:hover{background-color:#f4f4f5;background-color:var(--zinc-100);color:#09090b;color:var(--zinc-900)}.sidebar-container .sidebar-links .nav-item.active{background-color:#6366f114;background-color:var(--indigo-soft);color:#6366f1;color:var(--indigo);font-weight:600}.sidebar-container .sidebar-bottom-content{border-top:1px solid #f4f4f5;border-top:1px solid var(--zinc-100);padding-top:1.5rem;position:relative}.sidebar-container .sidebar-bottom-content .user-profile-dropdown{align-items:center;border:1px solid #0000;border-radius:14px;color:#09090b;color:var(--zinc-900);cursor:pointer;display:flex;gap:12px;padding:10px;transition:all .2s ease}.sidebar-container .sidebar-bottom-content .user-profile-dropdown.active,.sidebar-container .sidebar-bottom-content .user-profile-dropdown:hover{background:#f4f4f5;background:var(--zinc-100);border-color:#e2e8f0;border-color:var(--border-light)}.sidebar-container .sidebar-bottom-content .user-profile-dropdown .avatar{background:#09090b;background:var(--zinc-900);border-radius:10px;color:#fff;color:var(--sidebar-bg);display:grid;font-size:.75rem;font-weight:700;height:36px;place-items:center;width:36px}.sidebar-container .sidebar-bottom-content .user-profile-dropdown .user-info{flex:1 1}.sidebar-container .sidebar-bottom-content .user-profile-dropdown .user-info .name{color:#09090b;color:var(--zinc-900);display:block;font-size:.85rem;font-weight:600}.sidebar-container .sidebar-bottom-content .user-profile-dropdown .user-info .role-text{color:#71717a;color:var(--zinc-500);font-size:.75rem}.sidebar-container .sidebar-bottom-content .user-profile-dropdown .arrow{color:#71717a;color:var(--zinc-500);transition:transform .3s ease}.sidebar-container .sidebar-bottom-content .user-profile-dropdown .arrow.rotate{transform:rotate(180deg)}.sidebar-container .sidebar-bottom-content .sidebar-actions{align-items:center;display:flex;gap:8px;margin-top:1rem}.sidebar-container .sidebar-bottom-content .sidebar-actions .action-btn{align-items:center;background:#fff;background:var(--sidebar-bg);border:1px solid #f4f4f5;border:1px solid var(--zinc-100);border-radius:12px;color:#71717a;color:var(--zinc-500);cursor:pointer;display:flex;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.sidebar-container .sidebar-bottom-content .sidebar-actions .action-btn.theme{flex:1 1;font-size:.85rem;font-weight:600;gap:10px;padding:10px 14px}.sidebar-container .sidebar-bottom-content .sidebar-actions .action-btn.theme .icon-wrapper{align-items:center;display:flex;transition:transform .5s ease}.sidebar-container .sidebar-bottom-content .sidebar-actions .action-btn.theme:hover{background:#f4f4f5;background:var(--zinc-100);border-color:#e2e8f0;border-color:var(--border-light);color:#09090b;color:var(--zinc-900)}.sidebar-container .sidebar-bottom-content .sidebar-actions .action-btn.theme:hover .icon-wrapper{transform:rotate(15deg) scale(1.1)}.sidebar-container .sidebar-bottom-content .sidebar-actions .action-btn.theme.dark-active{background:#09090b;background:var(--zinc-900);border-color:#09090b;border-color:var(--zinc-900);color:#fff;color:var(--sidebar-bg)}.sidebar-container .sidebar-bottom-content .sidebar-actions .action-btn.logout{height:44px;padding:0;width:44px}.sidebar-container .sidebar-bottom-content .sidebar-actions .action-btn.logout:hover{background:#fef2f2;border-color:#fee2e2;color:#ef4444;transform:scale(1.05)}.sidebar-container .dropdown-menu{animation:slideUp .2s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;background:var(--dropdown-bg);border:1px solid #f4f4f5;border:1px solid var(--zinc-100);border-radius:16px;bottom:calc(100% + 10px);box-shadow:0 10px 25px -5px #0003;left:0;min-width:fit-content;padding:8px;position:absolute;width:260px;z-index:100}.sidebar-container .dropdown-menu .menu-header{color:#71717a;color:var(--zinc-500);font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.sidebar-container .dropdown-menu .menu-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#09090b;color:var(--zinc-900);cursor:pointer;display:flex;gap:12px;padding:10px 12px;text-align:left;transition:.2s;width:100%}.sidebar-container .dropdown-menu .menu-item:hover{background:#f4f4f5;background:var(--zinc-100)}.sidebar-container .dropdown-menu .menu-item.selected{background:#6366f114;background:var(--indigo-soft)}.sidebar-container .dropdown-menu .menu-item.selected .title{color:#6366f1;color:var(--indigo)}.sidebar-container .dropdown-menu .menu-item .item-text{flex:1 1}.sidebar-container .dropdown-menu .menu-item .item-text .title{display:block;font-size:.85rem;font-weight:600}.sidebar-container .dropdown-menu .menu-item .item-text .desc{color:#71717a;color:var(--zinc-500);display:block;font-size:.7rem}.mobile-header{align-items:center;background:#fff;background:var(--sidebar-bg);border-bottom:1px solid #f4f4f5;border-bottom:1px solid var(--zinc-100);display:none;height:60px;justify-content:space-between;left:0;padding:0 1.5rem;position:fixed;right:0;top:0;z-index:1000}.mobile-header .sidebar-brand{color:#09090b;color:var(--zinc-900)}.mobile-header .logo-icon{background:#09090b;background:var(--zinc-900);border-radius:8px;color:#fff;color:var(--sidebar-bg);display:grid;font-weight:900;height:32px;place-items:center;width:32px}.mobile-header .mobile-toggle{background:#0000;border:none;color:#09090b;color:var(--zinc-900);cursor:pointer}.mobile-header .mobile-side-right{display:flex;position:relative;z-index:50}.mobile-header .mobile-side-right .sidebar-actions{align-items:center;display:flex;gap:8px}.mobile-header .mobile-side-right .sidebar-actions .action-btn{align-items:center;background:#fff;background:var(--sidebar-bg);border:1px solid #f4f4f5;border:1px solid var(--zinc-100);border-radius:12px;color:#71717a;color:var(--zinc-500);cursor:pointer;display:flex;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.mobile-header .mobile-side-right .sidebar-actions .action-btn.theme{flex:1 1;font-size:.85rem;font-weight:600;gap:10px;padding:10px 14px}.mobile-header .mobile-side-right .sidebar-actions .action-btn.theme .icon-wrapper{align-items:center;display:flex;transition:transform .5s ease}.mobile-header .mobile-side-right .sidebar-actions .action-btn.theme:hover{background:#f4f4f5;background:var(--zinc-100);border-color:#e2e8f0;border-color:var(--border-light);color:#09090b;color:var(--zinc-900)}.mobile-header .mobile-side-right .sidebar-actions .action-btn.theme:hover .icon-wrapper{transform:rotate(15deg) scale(1.1)}.mobile-header .mobile-side-right .sidebar-actions .action-btn.theme.dark-active{background:#09090b;background:var(--zinc-900);border-color:#09090b;border-color:var(--zinc-900);color:#fff;color:var(--sidebar-bg)}.mobile-header .mobile-side-right .sidebar-actions .action-btn.logout{height:44px;padding:0;width:44px}.mobile-header .mobile-side-right .sidebar-actions .action-btn.logout:hover{background:#fef2f2;border-color:#fee2e2;color:#ef4444;transform:scale(1.05)}.mobile-header .mobile-side-right .user-profile-dropdown{align-items:center;border:1px solid #0000;border-radius:14px;color:#09090b;color:var(--zinc-900);cursor:pointer;display:flex;gap:12px;padding:10px;transition:all .2s ease}.mobile-header .mobile-side-right .user-profile-dropdown.active,.mobile-header .mobile-side-right .user-profile-dropdown:hover{background:#f4f4f5;background:var(--zinc-100);border-color:#e2e8f0;border-color:var(--border-light)}.mobile-header .mobile-side-right .user-profile-dropdown .avatar{background:#09090b;background:var(--zinc-900);border-radius:10px;color:#fff;color:var(--sidebar-bg);display:grid;font-size:.75rem;font-weight:700;height:36px;place-items:center;width:36px}.mobile-header .mobile-side-right .user-profile-dropdown .user-info{flex:1 1}.mobile-header .mobile-side-right .user-profile-dropdown .user-info .name{color:#09090b;color:var(--zinc-900);display:block;font-size:.85rem;font-weight:600}.mobile-header .mobile-side-right .user-profile-dropdown .user-info .role-text{color:#71717a;color:var(--zinc-500);font-size:.75rem}.mobile-header .mobile-side-right .user-profile-dropdown .arrow{color:#71717a;color:var(--zinc-500);transition:transform .3s ease}.mobile-header .mobile-side-right .user-profile-dropdown .arrow.rotate{transform:rotate(90deg)}.mobile-bottom-nav{display:none}@media screen and (max-width:768px){.mobile-header{display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:none;inset:0;position:fixed;z-index:1001}.sidebar-container{box-shadow:20px 0 50px #0000001a;display:none;height:100vh;left:-280px;position:fixed;top:0;transition:left .3s ease;z-index:1002}.sidebar-container.mobile-show{display:none;left:0}.sidebar-container{width:280px!important}.sidebar-container .action-btn span,.sidebar-container .arrow,.sidebar-container .nav-item span,.sidebar-container .sidebar-brand h3,.sidebar-container .user-info{display:block!important}.mobile-bottom-nav{align-items:center;background:#fff;background:var(--sidebar-bg);border-top:1px solid #f4f4f5;border-top:1px solid var(--zinc-100);bottom:0;display:flex;height:65px;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:999}.mobile-bottom-nav .nav-item{background:#0000;border:none;color:#71717a;color:var(--zinc-500);padding:10px}.mobile-bottom-nav .nav-item.active{background:#6366f114;background:var(--indigo-soft);border-radius:12px;color:#6366f1;color:var(--indigo)}}@media screen and (max-width:900px){.sidebar-container{padding:1.5rem .6rem;width:84px}.sidebar-container .action-btn span,.sidebar-container .arrow,.sidebar-container .nav-item span,.sidebar-container .sidebar-brand h3,.sidebar-container .user-info{display:none}.sidebar-container .nav-item,.sidebar-container .sidebar-brand{justify-content:center}}.app-container{background-color:var(--bg-color);display:flex;min-height:100vh}.app-container .sidebar-wrapper{height:100vh;position:sticky;top:0;z-index:100}.app-container .main-content{flex:1 1;overflow-y:auto;padding:0;transition:all .3s ease;width:100%}@media(max-width:768px){.app-container .main-content{padding-bottom:50px;padding-top:50px}}.app-container .page-wrapper{margin:0 auto}:root{--bg-main:#f8fafc;--zinc-900:#18181b;--border-color:#f1f5f9}[data-theme=dark]{--bg-main:#09090b;--white:#18181b;--border-color:#27272a}.dashboard-container{background-color:#f8fafc;background-color:var(--bg-main);font-family:Inter,sans-serif;min-height:100vh;padding:2rem;transition:background-color .3s ease}.dashboard-container .dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-container .dashboard-header h1{color:#18181b;color:var(--zinc-900);font-size:1.8rem;margin:0}.dashboard-container .dashboard-header p{color:#71717a;color:var(--zinc-500);margin:4px 0 0}.dashboard-container .dashboard-header .btn-primary{align-items:center;background:#18181b;background:var(--zinc-900);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-weight:500;padding:10px 20px}.dashboard-container .dashboard-header .btn-primary:hover{opacity:.9}.top-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.top-cards .stat-card{align-items:center;background:#fff;background:var(--white);border-radius:16px;box-shadow:0 1px 3px #0000000d;display:flex;gap:1.2rem;padding:1.5rem;transition:background .3s ease}.top-cards .stat-card .icon-box{border-radius:12px;padding:12px}.top-cards .stat-card .icon-box.income{background:#6366f11a;color:#6366f1;color:var(--indigo)}.top-cards .stat-card .icon-box.expense{background:#f43f5e1a;color:#f43f5e;color:var(--rose)}.top-cards .stat-card .icon-box.balance{background:#10b9811a;color:#10b981;color:var(--emerald)}.top-cards .stat-card .label{color:#71717a;color:var(--zinc-500);display:block;font-size:.85rem}.top-cards .stat-card .value{color:#18181b;color:var(--zinc-900);font-size:1.5rem;font-weight:700;margin:4px 0}.top-cards .stat-card .trend{font-size:.75rem}.top-cards .stat-card .trend.positive{color:#10b981;color:var(--emerald)}.top-cards .stat-card .trend.negative{color:#f43f5e;color:var(--rose)}.top-cards .stat-card .trend.neutral{color:#71717a;color:var(--zinc-500)}.charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.charts-grid .chart-card{background:#fff;background:var(--white);border-radius:16px;box-shadow:0 1px 3px #0000000d;padding:1.5rem;transition:background .3s ease}.charts-grid .chart-card .chart-header{display:flex;justify-content:space-between;margin-bottom:1.5rem}.charts-grid .chart-card .chart-header h3{color:#18181b;color:var(--zinc-900);font-size:1.1rem}.charts-grid .chart-card .chart-header svg{color:#71717a;color:var(--zinc-500)}@media screen and (max-width:768px){.charts-grid{grid-template-columns:1fr}.dashboard-container .dashboard-header{display:grid}.dashboard-container .dashboard-header .btn-primary{margin-top:14px;width:fit-content}}.transactions-card{background:#fff;background:var(--white);border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden;overflow-x:auto;padding:1.5rem;transition:background .3s ease}.transactions-card table{border-collapse:collapse;margin-top:1rem;width:100%}.transactions-card table th{color:#71717a;color:var(--zinc-500);font-size:.85rem;padding:12px;text-align:left}.transactions-card table td,.transactions-card table th{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color)}.transactions-card table td{color:#18181b;color:var(--zinc-900);font-size:.9rem;padding:16px 12px}.transactions-card .txt-income{color:#10b981;color:var(--emerald);font-weight:600}.transactions-card .txt-expense{color:#f43f5e;color:var(--rose);font-weight:600}.transactions-card .badge{border-radius:20px;font-size:.75rem;font-weight:500;padding:4px 10px}.transactions-card .badge.success{background:#10b9811a;color:#10b981;color:var(--emerald)}.transactions-card .badge.warning{background:#f59e0b1a;color:#f59e0b;color:var(--amber)}:root{--zinc-50:#f9fafb;--zinc-100:#f4f4f5;--zinc-200:#e4e4e7;--zinc-500:#71717a;--zinc-900:#09090b;--amber:#f59e0b;--modal-overlay:#09090b99}[data-theme=dark]{--zinc-100:#18181b;--zinc-200:#27272a;--zinc-500:#a1a1aa;--zinc-900:#f4f4f5;--modal-overlay:#000c}.transactions-page{background-color:#f9fafb;background-color:var(--zinc-50);font-family:Inter,sans-serif;min-height:100vh;padding:2.5rem;transition:background-color .3s ease}.transactions-page .page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.transactions-page .page-header h1{color:#09090b;color:var(--zinc-900);font-size:2rem;font-weight:800;letter-spacing:-.5px}.transactions-page .page-header p{color:#71717a;color:var(--zinc-500);margin-top:4px}.transactions-page .page-header .action-buttons{display:flex;gap:12px}.transactions-page .page-header .action-buttons button{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 18px;transition:.2s}.transactions-page .page-header .action-buttons .btn-primary{background:#09090b;background:var(--zinc-900);border:none;color:#f9fafb;color:var(--zinc-50)}.transactions-page .page-header .action-buttons .btn-primary:hover{background:#71717a;background:var(--zinc-500)}.transactions-page .page-header .action-buttons .btn-secondary{background:#fff;background:var(--white);border:1px solid #e4e4e7;border:1px solid var(--zinc-200);color:#09090b;color:var(--zinc-900)}.transactions-page .page-header .action-buttons .btn-secondary:hover{background:#f4f4f5;background:var(--zinc-100)}.transactions-page .filter-bar{align-items:center;background:#fff;background:var(--white);border:1px solid #e4e4e7;border:1px solid var(--zinc-200);border-radius:14px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:12px}.transactions-page .filter-bar .search-wrapper{flex:1 1;max-width:400px;position:relative}.transactions-page .filter-bar .search-wrapper .search-icon{color:#71717a;color:var(--zinc-500);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.transactions-page .filter-bar .search-wrapper input{outline:none;padding:10px 10px 10px 40px;width:100%}.transactions-page .filter-bar .category-select,.transactions-page .filter-bar .search-wrapper input{background:#0000;border:none;color:#09090b;color:var(--zinc-900);font-size:.95rem}.transactions-page .filter-bar .filter-actions{display:flex;gap:12px}.transactions-page .filter-bar .filter-actions .filter-dropdown{align-items:center;border:1px solid #f4f4f5;border:1px solid var(--zinc-100);border-radius:8px;color:#71717a;color:var(--zinc-500);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 14px}.transactions-page .filter-bar .filter-actions .filter-dropdown:hover{background:#f9fafb;background:var(--zinc-50);color:#09090b;color:var(--zinc-900)}.transactions-page .main-filter{display:none;gap:4px;margin-bottom:8px}.transactions-page .main-filter .category-select{background:#fff;background:var(--white);border:none;border-radius:8px;color:#09090b;color:var(--zinc-900);font-size:.95rem;outline:#f4f4f5;outline:var(--zinc-100);padding:4px 16px;width:fit-content}.transactions-page .main-filter .filter-actions{display:flex;gap:12px}.transactions-page .main-filter .filter-actions .filter-dropdown{align-items:center;border:1px solid #f4f4f5;border:1px solid var(--zinc-100);border-radius:8px;color:#71717a;color:var(--zinc-500);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 14px}.transactions-page .main-filter .filter-actions .filter-dropdown:hover{background:#f9fafb;background:var(--zinc-50);color:#09090b;color:var(--zinc-900)}.transactions-page .table-container{background:#fff;background:var(--white);border:1px solid #e4e4e7;border:1px solid var(--zinc-200);border-radius:16px;overflow:hidden;overflow-x:auto}.transactions-page .table-container .modern-table{border-collapse:collapse;width:100%}.transactions-page .table-container .modern-table th{background:#f9fafb;background:var(--zinc-50);border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--zinc-200);color:#71717a;color:var(--zinc-500);font-size:.8rem;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.transactions-page .table-container .modern-table tr{transition:.2s}.transactions-page .table-container .modern-table tr:hover{background:#f9fafb;background:var(--zinc-50)}.transactions-page .table-container .modern-table td{border-bottom:1px solid #f4f4f5;border-bottom:1px solid var(--zinc-100);color:#09090b;color:var(--zinc-900);font-size:.95rem;padding:16px}.transactions-page .table-container .modern-table .tx-info{align-items:center;display:flex;gap:12px}.transactions-page .table-container .modern-table .tx-info .icon-circle{border-radius:10px;display:grid;height:36px;place-items:center;width:36px}.transactions-page .table-container .modern-table .tx-info .icon-circle.income{background:#10b9811a;color:#10b981;color:var(--emerald)}.transactions-page .table-container .modern-table .tx-info .icon-circle.expense{background:#f43f5e1a;color:#f43f5e;color:var(--rose)}.transactions-page .table-container .modern-table .tx-info .tx-name{font-weight:600}.transactions-page .table-container .modern-table .category-tag{align-items:center;background:#f4f4f5;background:var(--zinc-100);border-radius:6px;color:#71717a;color:var(--zinc-500);display:flex;font-size:.85rem;gap:2px;padding:4px 10px;width:fit-content}.transactions-page .table-container .modern-table .status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px}.transactions-page .table-container .modern-table .status-badge.completed{color:#10b981;color:var(--emerald)}.transactions-page .table-container .modern-table .status-badge.pending{color:#f59e0b;color:var(--amber)}.transactions-page .table-container .modern-table .status-badge.cancelled{color:#f43f5e;color:var(--rose)}.transactions-page .table-container .modern-table .amount-cell{font-weight:700}.transactions-page .table-container .modern-table .amount-cell.income{color:#10b981;color:var(--emerald)}.transactions-page .table-container .modern-table .amount-cell.expense{color:#f43f5e;color:var(--rose)}.transactions-page .table-container .modern-table .btn-icon{background:#0000;border:none;color:#71717a;color:var(--zinc-500);cursor:pointer}.transactions-page .table-container .modern-table .btn-icon:hover{color:#09090b;color:var(--zinc-900)}.transactions-page .pagination{align-items:center;color:#71717a;color:var(--zinc-500);display:flex;font-size:.9rem;justify-content:space-between;margin-top:2rem}.transactions-page .pagination .page-btns{display:flex;gap:8px}.transactions-page .pagination .page-btns button{background:#fff;background:var(--white);border:1px solid #e4e4e7;border:1px solid var(--zinc-200);border-radius:8px;color:#71717a;color:var(--zinc-500);cursor:pointer;padding:8px 14px}.transactions-page .pagination .page-btns button.active{background:#09090b;background:var(--zinc-900);border-color:#09090b;border-color:var(--zinc-900);color:#fff;color:var(--white)}.transactions-page .pagination .page-btns button:disabled{cursor:not-allowed;opacity:.5}.transactions-page .pagination .page-btns button:hover:not(.active):not(:disabled){background:#f9fafb;background:var(--zinc-50);color:#09090b;color:var(--zinc-900)}.transactions-page .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09090b99;background:var(--modal-overlay);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.transactions-page .modal-overlay .modal-content{animation:modalScale .3s ease-out;background:#fff;background:var(--white);border-radius:24px;box-shadow:0 25px 50px -12px #00000040;color:#09090b;color:var(--zinc-900);max-height:90vh;max-width:480px;overflow-y:auto;padding:2rem;position:relative;width:100%}.transactions-page .modal-overlay .modal-content .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.transactions-page .modal-overlay .modal-content .modal-header h2{color:#09090b;color:var(--zinc-900);font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.transactions-page .modal-overlay .modal-content .modal-header .close-btn{background:#f4f4f5;background:var(--zinc-100);border:none;border-radius:50%;color:#71717a;color:var(--zinc-500);cursor:pointer;display:grid;height:32px;place-items:center;transition:.2s;width:32px}.transactions-page .modal-overlay .modal-content .modal-header .close-btn:hover{background:#e4e4e7;background:var(--zinc-200);color:#09090b;color:var(--zinc-900)}.transactions-page .modal-overlay .modal-content form{display:flex;flex-direction:column;gap:1.5rem}.transactions-page .modal-overlay .modal-content form .form-group{display:flex;flex-direction:column;gap:8px}.transactions-page .modal-overlay .modal-content form .form-group label{color:#71717a;color:var(--zinc-500);font-size:.875rem;font-weight:600}.transactions-page .modal-overlay .modal-content form .form-group input,.transactions-page .modal-overlay .modal-content form .form-group select{background:#fff;background:var(--white);border:1px solid #e4e4e7;border:1px solid var(--zinc-200);border-radius:12px;color:#09090b;color:var(--zinc-900);font-size:.95rem;padding:12px 16px;transition:all .2s}.transactions-page .modal-overlay .modal-content form .form-group input:focus,.transactions-page .modal-overlay .modal-content form .form-group select:focus{border-color:#6366f1;border-color:var(--indigo);box-shadow:0 0 0 4px #6366f11a;outline:none}.transactions-page .modal-overlay .modal-content form .form-group .category-grid{grid-gap:10px;color:#71717a;color:var(--zinc-500);display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));margin-top:4px}.transactions-page .modal-overlay .modal-content form .form-group .category-grid button{align-items:center;background:#fff;background:var(--white);border:1px solid #e4e4e7;border:1px solid var(--zinc-200);border-radius:12px;color:#71717a;color:var(--zinc-500);cursor:pointer;display:flex;gap:8px;min-width:fit-content;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1);width:auto}.transactions-page .modal-overlay .modal-content form .form-group .category-grid button:hover{background:#f9fafb;background:var(--zinc-50);border-color:#71717a;border-color:var(--zinc-500)}.transactions-page .modal-overlay .modal-content form .form-group .category-grid button.active{background:#6366f10d;border-color:#6366f1;border-color:var(--indigo)}.transactions-page .modal-overlay .modal-content form .form-group .category-grid button.active span{color:#6366f1;color:var(--indigo);font-weight:600}.transactions-page .modal-overlay .modal-content form .btn-submit{background:#09090b;background:var(--zinc-900);border:none;border-radius:14px;color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;padding:14px;transition:.2s}.transactions-page .modal-overlay .modal-content form .btn-submit:hover{background:#71717a;background:var(--zinc-500);transform:translateY(-1px)}@keyframes modalScale{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media screen and (max-width:764px){.transactions-page .page-header{display:block}.transactions-page .main-filter{display:flex}.main-filtera{display:none}}:root{--zinc-50:#f8fafc;--white:#fff;--zinc-400:#a1a1aa;--zinc-900:#0f172a;--indigo:#6366f1;--rose:#f43f5e;--emerald:#10b981;--border-subtle:#e2e8f0;--card-shadow:#00000005;--badge-success-bg:#dcfce7;--badge-success-txt:#166534;--badge-danger-bg:#fee2e2;--badge-danger-txt:#991b1b}[data-theme=dark]{--zinc-50:#09090b;--white:#111113;--zinc-400:#94a3b8;--zinc-900:#f8fafc;--indigo:#818cf8;--border-subtle:#1e293b;--card-shadow:#0003;--badge-success-bg:#16653433;--badge-success-txt:#4ade80;--badge-danger-bg:#991b1b33;--badge-danger-txt:#f87171}.insights-container{background-color:#f8fafc;background-color:var(--zinc-50);font-family:Inter,sans-serif;min-height:100vh;padding:2.5rem;transition:background-color .3s ease}.insights-container .insights-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.insights-container .insights-header h1{color:#0f172a;color:var(--zinc-900);font-size:1.8rem;font-weight:800}.insights-container .insights-header .date-picker{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:8px;color:#0f172a;color:var(--zinc-900);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px}.observation-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2.5rem}.observation-grid .obs-card{align-items:flex-start;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 4px 6px -1px #00000005;box-shadow:0 4px 6px -1px var(--card-shadow);display:flex;gap:1rem;padding:1.25rem;position:relative;transition:transform .2s ease,background-color .3s ease}.observation-grid .obs-card .obs-icon{border-radius:12px;color:#fff;padding:10px}.observation-grid .obs-card.highlight .obs-icon{background:#10b981;background:var(--emerald)}.observation-grid .obs-card.warning .obs-icon{background:#f43f5e;background:var(--rose)}.observation-grid .obs-card.info .obs-icon{background:#6366f1;background:var(--indigo)}.observation-grid .obs-card .obs-content h4{color:#0f172a;color:var(--zinc-900);font-size:1rem;margin:0}.observation-grid .obs-card .obs-content p{color:#a1a1aa;color:var(--zinc-400);font-size:.85rem;line-height:1.4;margin:4px 0 0}.observation-grid .obs-card .obs-badge{border-radius:6px;font-size:.7rem;font-weight:700;padding:2px 8px;position:absolute;right:12px;text-transform:uppercase;top:12px}.observation-grid .obs-card .obs-badge.success{background:#dcfce7;background:var(--badge-success-bg);color:#166534;color:var(--badge-success-txt)}.observation-grid .obs-card .obs-badge.danger{background:#fee2e2;background:var(--badge-danger-bg);color:#991b1b;color:var(--badge-danger-txt)}.main-charts{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.main-charts .chart-wrapper{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:24px;box-shadow:0 10px 15px -3px #00000005;box-shadow:0 10px 15px -3px var(--card-shadow);padding:1.5rem}.main-charts .chart-wrapper .chart-header{margin-bottom:1.5rem}.main-charts .chart-wrapper .chart-header h3{color:#0f172a;color:var(--zinc-900);font-size:1.1rem;font-weight:700}.main-charts .chart-wrapper .chart-header span{color:#a1a1aa;color:var(--zinc-400);font-size:.8rem}.main-charts .custom-legend{margin-top:1rem}.main-charts .custom-legend .legend-item{align-items:center;display:flex;font-size:.85rem;gap:10px;margin-bottom:8px}.main-charts .custom-legend .legend-item .dot{border-radius:50%;height:8px;width:8px}.main-charts .custom-legend .legend-item .label{color:#a1a1aa;color:var(--zinc-400);flex:1 1}.main-charts .custom-legend .legend-item .val{color:#0f172a;color:var(--zinc-900);font-weight:600}.deep-insights{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.deep-insights .insight-stat{align-items:center;background:#0f172a;border:1px solid #ffffff0d;border-radius:24px;color:#fff;display:flex;gap:1.5rem;padding:1.5rem}.deep-insights .insight-stat .icon{color:#6366f1;color:var(--indigo);height:40px;width:40px}.deep-insights .insight-stat h5{color:#94a3b8;font-size:.8rem;margin:0;text-transform:uppercase}.deep-insights .insight-stat h3{color:#fff;font-size:1.4rem;margin:4px 0}.deep-insights .insight-stat .progress-bar{background:#334155;border-radius:10px;height:6px;margin:8px 0;width:150px}.deep-insights .insight-stat .progress-bar .fill{background:#6366f1;background:var(--indigo);border-radius:10px;height:100%}.deep-insights .insight-stat p{color:#94a3b8;font-size:.8rem;margin:0}@media(max-width:1024px){.deep-insights,.main-charts{grid-template-columns:1fr}}
/*# sourceMappingURL=main.13697a69.css.map*/