:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--bg-app:#f3f6fc;--bg-card:#fff;--bg-card-hover:#f8fafc;--border-color:#cbd5e1;--border-focus:#10b981;--primary:#008767;--primary-glow:#00876714;--secondary:#6366f1;--secondary-glow:#6366f11a;--gold:#f59e0b;--gold-glow:#f59e0b1a;--danger:#ef4444;--danger-glow:#ef44441a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #00000005;--shadow-md:0 8px 30px #00000008;--shadow-glow:0 0 20px #0087670d;--sidebar-width:260px;--nav-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal);line-height:1.5;overflow-x:hidden}.app-container{background-color:var(--bg-app);min-height:100vh;color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);display:flex;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}h1{background:linear-gradient(135deg, var(--text-primary) 30%, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.2rem;font-weight:800}p.subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;height:100vh;transition:transform var(--transition-normal);background:#0b1a30;border-right:1px solid #ffffff0d;flex-direction:column;padding:2rem 1.5rem;display:flex;position:fixed;top:0;left:0}.logo-container{justify-content:flex-start;align-items:center;margin-bottom:2.5rem;display:flex}.logo-img{transition:transform var(--transition-fast) ease, filter var(--transition-fast) ease}.logo-img:hover{filter:brightness(1.12)drop-shadow(0 0 10px #ffffff1f);transform:scale(1.04)}.logo-icon{font-size:1.25rem;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#10b981,#008767)!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;display:flex!important;box-shadow:0 4px 12px #10b98133!important}.logo-text{font-family:var(--font-heading)!important;color:#fff!important;font-size:1.3rem!important;font-weight:800!important}.nav-links{flex-direction:column;gap:.5rem;list-style:none;display:flex}.nav-link{transition:all var(--transition-fast);cursor:pointer;font-weight:500;text-decoration:none;box-shadow:none!important;text-align:left!important;color:#94a3b8!important;background:0 0!important;border:none!important;border-radius:10px!important;align-items:center!important;gap:1rem!important;padding:.6rem .85rem!important;display:flex!important}.nav-link:hover{color:#fff!important;background:#ffffff08!important}.nav-link:hover svg{color:#fff!important;background:#ffffff14!important}.nav-link.active{color:#fff!important;border-left:3px solid var(--primary)!important;background:#00876726!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.nav-link.active svg{color:#10b981!important;background:#10b98126!important}.nav-link svg{box-sizing:content-box;color:#94a3b8;transition:all var(--transition-fast);background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:inline-flex;width:20px!important;height:20px!important}.user-profile-badge{color:#fff!important;border-top:1px solid #ffffff14!important;align-items:center!important;gap:.75rem!important;margin-top:auto!important;padding:1.25rem .5rem .5rem!important;display:flex!important}.avatar{color:#fff!important;background:#008767!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;font-size:.95rem!important;font-weight:700!important;display:flex!important}.user-info{flex-direction:column;display:flex}.user-name{font-size:.9rem;font-weight:600;color:#fff!important}.user-role{font-size:.75rem;color:#8892b0!important}.main-content{margin-left:var(--sidebar-width);box-sizing:border-box;flex-grow:1;width:100%;min-width:0;min-height:100vh;padding:2.5rem 3rem 6rem}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;width:100%;height:var(--nav-height);background:#0b1a30;border-top:1px solid #ffffff0d;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0}.bottom-nav-item{color:#94a3b8;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;outline:none;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.5rem;font-size:.7rem;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item svg{width:20px;height:20px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.metric-card{transition:all var(--transition-normal);background:#fff!important;border:1px solid #eef2f6!important;border-radius:16px!important;flex-direction:column!important;justify-content:center!important;min-height:100px!important;padding:1.25rem 1.25rem 1.25rem 5.5rem!important;display:flex!important;position:relative!important;box-shadow:0 4px 20px #00000003!important}.metric-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000008!important}.metric-card:before{display:none!important}.metric-header{margin-bottom:.15rem!important;display:block!important}.metric-title{color:var(--text-secondary)!important;text-transform:none!important;letter-spacing:normal!important;font-size:.85rem!important;font-weight:500!important}.metric-icon-wrapper{background:var(--card-accent-glow)!important;width:48px!important;height:48px!important;color:var(--card-accent)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;display:flex!important;position:absolute!important;top:50%!important;left:1.5rem!important;transform:translateY(-50%)!important}.metric-icon-wrapper svg{width:22px!important;height:22px!important}.metric-value{color:var(--text-primary);margin:0!important;font-size:1.8rem!important;font-weight:700!important;line-height:1.2!important}.metric-desc{display:none!important}.glass-panel{margin-bottom:2rem;padding:2rem;background:#fff!important;border:1px solid #eef2f6!important;border-radius:20px!important;box-shadow:0 10px 45px #00000005!important}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group.full-width{grid-column:1/-1}label{color:var(--text-secondary);font-size:.85rem;font-weight:600}input,select,textarea{border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);box-sizing:border-box;width:100%;accent-color:var(--primary);background:#fff;border:1px solid #cbd5e1;outline:none;padding:.75rem 1rem;font-size:.95rem}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;transition:background var(--transition-fast);border-radius:4px;padding:4px}input[type=date]::-webkit-calendar-picker-indicator:hover{background:var(--primary-glow)}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #0087671a}.toggle-group{border-radius:var(--radius-sm);background:#f1f5f9;border:1px solid #e2e8f0;width:100%;padding:.25rem;display:flex}.toggle-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;flex:1;padding:.6rem;font-size:.85rem;font-weight:600}.toggle-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 6px #00876733}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #059669 100%);color:#fff;box-shadow:0 4px 14px #10b98133}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff0d}.btn-secondary:hover{background:#ffffff14}.btn-danger{background:linear-gradient(135deg, var(--danger) 0%, #dc2626 100%);color:#fff;box-shadow:0 4px 14px #ef444433}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef44444d}.mobile-fab{bottom:calc(var(--nav-height) + 16px);background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;z-index:101;cursor:pointer;width:56px;height:56px;transition:transform var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed;right:16px;box-shadow:0 8px 24px #10b98166}.mobile-fab:active{transform:scale(.9)}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:2rem;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;padding:1rem 1.25rem;font-size:.75rem;font-weight:600}td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:1rem 1.25rem}tr:last-child td{border-bottom:none}tr:hover td{background:#f8fafc}.badge{border-radius:50px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-income{color:#10b981;background:#10b9811f}.badge-expense{color:#f87171;background:#ef44441f}.badge-personal{color:#818cf8;background:#6366f11f}.badge-business{color:#fbbf24;background:#f59e0b1f}.upload-zone{border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:#f8fafc;padding:3rem 2rem}.upload-zone:hover{border-color:var(--primary);background:#f1f5f9}.upload-zone svg{color:var(--text-secondary);width:48px;height:48px;margin-bottom:1rem}@media (width<=900px){.sidebar{display:none;transform:translate(-100%)}.main-content{width:100%;min-width:0;margin-left:0;padding:1.5rem 1rem 5.5rem}.bottom-nav,.mobile-fab{display:flex}h1{font-size:1.8rem}.theme-switch-mobile-container{display:block!important}.theme-switch-sidebar-container{display:none!important}}.dashboard-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}.mom-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width<=768px){.mom-grid{grid-template-columns:1fr}}.mom-card{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid #00000014;padding:1.25rem}.mom-summary{border-radius:var(--radius-sm);background:#00000004;border:1px solid #0000000a;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}@media (width<=768px){.mom-summary{flex-direction:column;align-items:flex-start}}.theme-dark .mom-card{background:#ffffff05;border-color:#ffffff14}.theme-dark .mom-summary{background:#ffffff03;border-color:#ffffff0d}.category-manager-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.category-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border var(--transition-fast);justify-content:space-between;align-items:center;padding:1rem;display:flex}.category-card:hover{border-color:var(--primary)}.category-info{align-items:center;gap:.75rem;display:flex}.category-icon{width:32px;height:32px;color:var(--text-secondary);background:#ffffff0d;border-radius:6px;justify-content:center;align-items:center;display:flex}.category-title{font-size:.95rem;font-weight:600}.category-subtitle{color:var(--text-muted);font-size:.75rem}.category-actions{gap:.5rem;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:.25rem}.icon-btn:hover{color:var(--text-primary);background:#ffffff0d}.icon-btn.delete:hover{color:var(--danger);background:var(--danger-glow)}body.modal-open{overflow:hidden!important}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;touch-action:pan-y;overscroll-behavior:contain;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:1rem;display:flex;position:fixed;top:0;left:0;overflow:hidden}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;width:100%;max-width:520px;max-height:calc(100dvh - 3rem);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080;padding:0!important}.modal-header{background:var(--bg-card);z-index:15;border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:0;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0}.modal-content>form,.modal-content .modal-body,.mobile-form-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;padding:1.25rem 1.5rem 1rem!important;overflow-y:auto!important}.modal-footer{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:15;border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;display:flex;position:sticky;bottom:0;padding:1rem 1.5rem!important}.theme-dark .modal-footer{background:#0f172af2!important}.modal-content form button[type=submit],.modal-content form .btn-primary{background:var(--primary)!important;color:#fff!important;cursor:pointer!important;border:none!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:100%!important;min-height:48px!important;margin-top:1.25rem!important;margin-bottom:.5rem!important;padding:.85rem 1.5rem!important;font-size:1rem!important;font-weight:600!important;transition:transform .15s,filter .15s!important;display:flex!important;box-shadow:0 4px 14px #00876740!important}.modal-content form button[type=submit]:hover{filter:brightness(1.1)!important;transform:translateY(-1px)!important}.theme-dark .modal-content form button[type=submit],.theme-dark .modal-content form .btn-primary{color:#fff!important;background:#10b981!important;box-shadow:0 4px 16px #10b9814d!important}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.tab-container{border-bottom:1px solid var(--border-color);gap:1.5rem;margin-bottom:1.5rem;display:flex}.tab-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.75rem .25rem;font-size:.95rem;font-weight:600;position:relative}.tab-item.active{color:var(--text-primary)}.tab-item.active:after{content:"";background:var(--primary);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.switch{width:50px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border:1px solid var(--border-color);background-color:#ffffff1a;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-primary);border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(24px)}@media (width<=600px){input,select,textarea{font-size:16px!important}.main-content{padding:1rem .75rem 6.5rem!important}h1{font-size:1.6rem!important}p.subtitle{margin-bottom:1.5rem;font-size:.85rem}.metrics-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.metric-card{padding:1.25rem}.metric-value{font-size:1.5rem}.glass-panel,.metric-card,.mom-card,.category-card,.tools-card{margin-bottom:1.5rem;padding:1.25rem;box-sizing:border-box!important;max-width:100%!important}.form-grid{grid-template-columns:1fr;gap:.75rem}.mobile-fab{z-index:90!important;bottom:4.75rem!important;right:1.25rem!important}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-bottom-right-radius:0;border-bottom-left-radius:0;max-width:100%;max-height:88dvh!important;padding:0!important}.modal-content>form,.modal-content .modal-body{padding:1rem 1.25rem!important}.modal-footer{padding:.85rem 1.25rem!important}table th,table td{padding:.75rem .5rem;font-size:.8rem}.badge{padding:.15rem .4rem;font-size:.7rem}.category-manager-grid{grid-template-columns:1fr}}html,body{max-width:100vw;overflow-x:hidden}*,:before,:after{box-sizing:border-box}img,svg,video,canvas{max-width:100%;height:auto}.theme-switch-sidebar-container{box-sizing:border-box;width:100%;margin-bottom:.75rem;padding:0 .25rem;display:block}.theme-switch-sidebar-container .theme-switch{box-sizing:border-box;width:100%;display:flex}.theme-switch-sidebar-container .theme-switch-btn{flex:1;justify-content:center}.theme-switch-mobile-container{display:none!important}.theme-switch{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:50px;align-items:center;gap:2px;padding:3px;display:inline-flex}.theme-switch-btn{color:#64748b;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50px;align-items:center;gap:6px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.theme-switch-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #00876733}.theme-switch-btn svg{width:14px;height:14px}.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#080a0f;--bg-card:#0f172a;--bg-card-hover:#1e293b;--border-color:#ffffff14;--border-focus:#10b981;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#10b981;--primary-glow:#10b98126;--secondary:#6366f1;--secondary-glow:#6366f126;--shadow-sm:0 4px 12px #0000004d;--shadow-md:0 10px 40px #0006}.theme-dark .theme-switch{background:#0c192e;border-color:#ffffff14}.theme-dark .theme-switch-btn{color:#94a3b8}.theme-dark .theme-switch-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #10b9814d}.theme-dark .glass-panel{background:#0f172a!important;border-color:#ffffff14!important;box-shadow:0 10px 40px #0000004d!important}.theme-dark .metric-card{background:#0e1628!important;border-color:#ffffff0d!important;box-shadow:0 4px 20px #0003!important}.theme-dark .metric-value{color:#fff!important}.theme-dark input,.theme-dark select,.theme-dark textarea{color:#f8fafc!important;background:#ffffff08!important;border:1px solid #ffffff14!important}.theme-dark select option{color:#f8fafc!important;background:#0f172a!important}.theme-dark input:focus,.theme-dark select:focus,.theme-dark textarea:focus{border-color:var(--primary)!important;background:#ffffff0d!important;box-shadow:0 0 0 3px #10b98126!important}.theme-dark .toggle-group{background:#ffffff08!important;border-color:#ffffff14!important}.theme-dark th{background:#ffffff05!important;border-bottom-color:#ffffff14!important}.theme-dark tr:hover td{background:#ffffff03!important}.theme-dark .badge{color:#f8fafc!important;background:#ffffff05!important;border-color:#ffffff14!important}.theme-dark .badge-income{color:#10b981!important;background:#10b9810d!important;border-color:#10b98133!important}.theme-dark .badge-income svg{color:#10b981!important}.theme-dark span.badge[style*="10b981"]{color:#10b981!important;background-color:#10b9810d!important;border:1px solid #10b98133!important}.theme-dark span.badge[style*=ef4444]{color:#ef4444!important;background-color:#ef44440d!important;border:1px solid #ef444433!important}.theme-dark .modal-content{color:#f8fafc;background:#0f172a!important;border-color:#ffffff14!important;box-shadow:0 20px 50px #00000080!important}@media (width<=768px){.table-responsive-cards{background:0 0!important;border:none!important;overflow-x:visible!important}.table-responsive-cards table,.table-responsive-cards thead,.table-responsive-cards tbody,.table-responsive-cards th,.table-responsive-cards td,.table-responsive-cards tr{display:block!important}.table-responsive-cards thead tr{opacity:0!important;position:absolute!important;top:-9999px!important;left:-9999px!important}.table-responsive-cards tr{border:1px solid var(--border-color)!important;background:var(--bg-card)!important;border-radius:16px!important;margin-bottom:1.25rem!important;padding:1rem!important;box-shadow:0 4px 12px #00000005!important}.table-responsive-cards td{text-align:right!important;border:none!important;border-bottom:1px dashed #8080801f!important;padding:.65rem 0 .65rem 45%!important;font-size:.85rem!important;position:relative!important}.theme-dark .table-responsive-cards td{border-bottom-color:#ffffff0f!important}.table-responsive-cards td:last-child{border-bottom:none!important;margin-top:.5rem!important;padding-bottom:0!important}.table-responsive-cards td:before{white-space:nowrap!important;text-align:left!important;width:40%!important;color:var(--text-secondary)!important;content:attr(data-label)!important;padding-right:10px!important;font-weight:600!important;position:absolute!important;top:50%!important;left:0!important;transform:translateY(-50%)!important}.chart-section-container{height:250px!important}}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) cubic-bezier(.4, 0, .2, 1);align-items:center;gap:1.25rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:var(--tool-color,var(--primary));opacity:0;width:4px;height:100%;transition:opacity var(--transition-fast);position:absolute;top:0;left:0}.tool-card:hover{border-color:var(--tool-color,var(--primary));transform:translateY(-4px);box-shadow:0 8px 24px #0000000d}.theme-dark .tool-card:hover{box-shadow:0 8px 24px #0000004d}.tool-card:hover:before{opacity:1}.tool-card-icon{background:rgba(var(--tool-color-rgb,16, 185, 129), .1);width:48px;height:48px;color:var(--tool-color,var(--primary));transition:transform var(--transition-fast);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-card:hover .tool-card-icon{transform:scale(1.1)}.tool-card-content{flex-grow:1}.tool-card-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.tool-card-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.tool-card-chevron{color:var(--text-secondary);opacity:.5;transition:all var(--transition-fast);flex-shrink:0}.tool-card:hover .tool-card-chevron{opacity:1;color:var(--tool-color,var(--primary));transform:translate(4px)}.pagination-container{border-top:1px solid var(--border-color);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;background:#ffffff03;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex}.pagination-select-group{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.pagination-select{background:var(--bg-card);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:.8rem;border:1px solid #80808033;border-radius:8px;padding:.35rem 1.75rem .35rem .6rem;font-size:.85rem}.pagination-select:focus{border-color:var(--primary);outline:none}.pagination-count-desc{margin-left:.5rem}.pagination-nav-group{align-items:center;gap:.25rem;display:flex}.pagination-btn{background:var(--bg-card);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid #80808026;border-radius:8px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.85rem;font-weight:500;display:inline-flex}.pagination-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff0d;border-color:#8080804d}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-btn.active{background:var(--pag-active-bg,var(--primary));color:#fff;border-color:var(--pag-active-bg,var(--primary));box-shadow:0 4px 12px #6366f126}.pagination-pages-desktop{gap:.25rem;display:flex}.pagination-mobile-indicator{color:var(--text-secondary);padding:0 .5rem;font-size:.85rem;font-weight:600;display:none}@media (width<=600px){.pagination-container{flex-direction:column;align-items:stretch;gap:.75rem}.pagination-select-group{justify-content:space-between}.pagination-nav-group{justify-content:center}.pagination-pages-desktop{display:none}.pagination-mobile-indicator{display:inline}}