@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-base:#f8fafc;--bg-surface:#fff;--bg-subtle:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--primary:#0f172a;--accent:#2563eb;--accent-light:#eff6ff;--accent-hover:#1d4ed8;--accent-border:#bfdbfe;--success:#059669;--success-bg:#ecfdf5;--success-border:#a7f3d0;--success-text:#065f46;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#fecaca;--danger-text:#991b1b;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--warning-text:#92400e;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-light:#94a3b8;--border-subtle:#e2e8f0;--border-card:#e2e8f0;--border-active:#2563eb;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -2px #00000008;--shadow-floating:0 12px 28px #0000001f;--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-base);min-height:100vh;color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 1rem}@media (max-width:640px){.container{padding:0 .85rem}}.navbar{z-index:40;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);background:#fffffff2;align-items:center;height:60px;display:flex;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.brand-logo{letter-spacing:-.02em;color:var(--primary);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;display:flex}.brand-icon{border-radius:var(--radius-sm);background:var(--primary);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brand-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-pill);background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle);padding:.15rem .45rem;font-size:.65rem;font-weight:700}.nav-links{align-items:center;gap:.35rem;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.nav-item:hover{color:var(--primary);background:var(--bg-subtle)}.nav-item.active{color:var(--primary);background:var(--bg-subtle);font-weight:700}.user-badge{border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.825rem;display:flex}.role-tag{text-transform:uppercase;border-radius:var(--radius-pill);padding:.12rem .45rem;font-size:.675rem;font-weight:700}.role-tag.admin{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.role-tag.user{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{border-top:1px solid var(--border-subtle);z-index:50;background:#fff;justify-content:space-around;align-items:center;height:64px;padding:0 .5rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000d}.mobile-nav-link{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;height:100%;font-size:.7rem;font-weight:600;text-decoration:none;display:flex}.mobile-nav-link.active{color:var(--accent);font-weight:700}.desktop-nav{display:none!important}}.btn{border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:#1e293b;transform:translateY(-1px)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px #2563eb40}.btn-accent:hover{background:var(--accent-hover)}.btn-secondary{color:var(--text-primary);border-color:var(--border-subtle);box-shadow:var(--shadow-xs);background:#fff}.btn-secondary:hover{background:var(--bg-subtle);border-color:#cbd5e1}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.btn-danger:hover{background:#fee2e2}.btn-sm{border-radius:var(--radius-sm);padding:.4rem .75rem;font-size:.8rem}.btn-lg{border-radius:var(--radius-md);padding:.85rem 1.5rem;font-size:1rem}.btn-touch{min-height:48px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:1.25rem;transition:all .15s}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-2px)}.page-header{padding:1.5rem 0 1rem}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.page-title{letter-spacing:-.025em;color:var(--text-primary);font-size:1.5rem;font-weight:800}.page-subtitle{color:var(--text-secondary);margin-top:.15rem;font-size:.875rem}.stat-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;margin-bottom:1.5rem;display:grid}.stat-grid>*{min-width:0}@media (min-width:640px){.stat-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}}.stat-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:1.15rem;position:relative}.stat-card.success{border-left:4px solid var(--success)}.stat-card.danger{border-left:4px solid var(--danger)}.stat-card.warning{border-left:4px solid var(--warning)}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.stat-value{letter-spacing:-.02em;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:1.5rem;font-weight:800;overflow:hidden}@media (max-width:640px){.stat-value{font-size:1.15rem}}.stat-sub{color:var(--text-secondary);margin-top:.2rem;font-size:.75rem}.form-group{flex-direction:column;gap:.35rem;min-width:0;margin-bottom:1.15rem;display:flex}.form-label{color:var(--text-secondary);font-size:.825rem;font-weight:700}.form-control{border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-md);background:#fff;width:100%;min-width:0;max-width:100%;min-height:44px;padding:.75rem .9rem;font-size:1rem;transition:all .15s}.form-control:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb26}.form-control::placeholder{color:var(--text-light)}input[type=date],input[type=datetime-local],input[type=time],input[type=month]{appearance:none}.category-chips-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}@media (min-width:500px){.category-chips-grid{grid-template-columns:repeat(3,1fr)}}.category-chip-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.75rem .6rem;transition:all .15s;display:flex}.category-chip-btn:hover{background:var(--bg-subtle);border-color:#cbd5e1}.category-chip-btn.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#eff6ff}.category-chip-label{font-size:.85rem;font-weight:700}.category-chip-sub{color:var(--text-muted);font-size:.675rem}.category-chip-btn.active .category-chip-sub{color:var(--accent);opacity:.85}.category-badge{border-radius:var(--radius-pill);align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.725rem;font-weight:700;display:inline-flex}.category-anyag{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.category-munka{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.category-eszkoz{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.category-szallitas{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.category-hatosag{color:#be123c;background:#fff1f2;border:1px solid #fecdd3}.category-egyeb{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.balance-pill{border-radius:var(--radius-pill);align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.8rem;font-weight:700;display:inline-flex}.balance-pill.positive{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.balance-pill.negative{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.balance-pill.neutral{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-subtle)}.modal-overlay{z-index:300;touch-action:none;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-dialog{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;padding:1.5rem;animation:.2s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:640px){.modal-overlay{align-items:flex-end;padding:0}.modal-dialog{border-bottom-right-radius:0;border-bottom-left-radius:0;width:100vw;max-width:100vw;max-height:85vh;padding:1.25rem 1rem;overflow-x:hidden}}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-card);background:#fff;width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{background:var(--bg-subtle);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);padding:.75rem .9rem;font-size:.725rem;font-weight:700}.custom-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:.85rem .9rem;font-size:.875rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:#f8fafc}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.global-spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.75s linear infinite spin}.flex{display:flex}.flex-1{flex:1}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-full{width:100%}.text-right{text-align:right}.text-mono{font-family:var(--font-mono)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}:root{--sidebar-w:240px;--mobile-header-h:56px}.app-layout{min-height:100vh;display:flex}.app-main{margin-left:var(--sidebar-w,240px);flex:1;min-height:100vh;padding-bottom:3rem;transition:margin-left .2s;overflow-x:hidden}.app-sidebar{width:var(--sidebar-w,240px);border-right:1px solid var(--border-subtle);z-index:40;background:#fff;flex-direction:column;height:100vh;transition:width .2s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 .75rem;display:flex}.sidebar-brand{letter-spacing:-.02em;color:var(--primary);white-space:nowrap;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:800;text-decoration:none;display:flex;overflow:hidden}.sidebar-brand-icon{border-radius:var(--radius-sm);background:var(--primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.sidebar-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s;display:flex}.sidebar-toggle:hover{background:var(--bg-subtle);color:var(--text-primary)}.entity-selector-wrap{align-items:center;gap:.65rem;margin-bottom:1.15rem;display:flex}.entity-selector-label{color:#7c3aed;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;display:flex}.entity-selector-field{flex:1;align-items:center;min-width:0;display:flex;position:relative}.entity-selector-select{border-radius:var(--radius-md);color:#4c1d95;cursor:pointer;appearance:none;text-overflow:ellipsis;white-space:nowrap;background:#f5f3ff;border:1.5px solid #ddd6fe;outline:none;width:100%;padding:.5rem 2.1rem .5rem .75rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:border-color .12s,box-shadow .12s;overflow:hidden}.entity-selector-select:hover{border-color:#a78bfa}.entity-selector-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.entity-selector-chevron{pointer-events:none;color:#7c3aed;flex-shrink:0;position:absolute;right:.6rem}.ctx-switcher{align-items:center;margin:.35rem .5rem 0;display:flex;position:relative}.ctx-switcher-select{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;text-overflow:ellipsis;white-space:nowrap;outline:none;padding:.4rem 1.75rem .4rem .65rem;font-family:inherit;font-size:.775rem;font-weight:700;overflow:hidden}.ctx-switcher-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #2563eb26}.ctx-switcher-icon{pointer-events:none;color:var(--text-muted);position:absolute;right:.5rem}.sidebar-god-mode{border-radius:var(--radius-md);color:#7c3aed;white-space:nowrap;background:linear-gradient(135deg,#7c3aed18,#4f46e518);border:1px solid #7c3aed30;align-items:center;gap:.45rem;margin:.5rem .75rem;padding:.55rem .75rem;font-size:.775rem;font-weight:700;display:flex;overflow:hidden}.sidebar-god-exit{border-radius:var(--radius-pill);color:#7c3aed;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #7c3aed50;flex-shrink:0;align-items:center;gap:.2rem;margin-left:auto;padding:.1rem .45rem;font-size:.7rem;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:.5rem;display:flex;overflow-y:auto}.sidebar-link{border-radius:var(--radius-md);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.65rem;padding:.55rem .65rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .12s;display:flex;overflow:hidden}.sidebar-link:hover{background:var(--bg-subtle);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-light);color:var(--accent);font-weight:700}.sidebar-link .link-icon{flex-shrink:0}.sidebar-divider{background:var(--border-subtle);height:1px;margin:.35rem .5rem}.sidebar-user{border-top:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem;display:flex;overflow:hidden}.sidebar-user-info{flex-direction:column;min-width:0;display:flex;overflow:hidden}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.825rem;font-weight:700;overflow:hidden}.sidebar-user-role{color:var(--text-muted);font-size:.7rem}.sidebar-user-actions{flex-shrink:0;gap:.3rem;display:flex}.mobile-header{display:none}@media (max-width:768px){.app-sidebar{display:none}.app-main{padding-top:var(--mobile-header-h);margin-left:0!important}.mobile-header{height:var(--mobile-header-h);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:40;box-shadow:var(--shadow-xs);background:#fffffff7;justify-content:space-between;align-items:center;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0}.mobile-menu-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;width:38px;height:38px;color:var(--text-primary);background:0 0;justify-content:center;align-items:center;display:flex}}.drawer-overlay{z-index:60;background:#0f172a73;animation:.15s fadeIn;position:fixed;inset:0}.drawer{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);z-index:70;background:#fff;width:100%;max-height:85vh;padding:0 0 2rem;animation:.22s cubic-bezier(.16,1,.3,1) slideUp;position:fixed;bottom:0;left:0;right:0;overflow:hidden auto;box-shadow:0 -8px 32px #00000026}.drawer-handle{background:var(--border-subtle);border-radius:2px;width:36px;height:4px;margin:.75rem auto .5rem}.drawer-god-mode{border-radius:var(--radius-md);color:#7c3aed;background:linear-gradient(135deg,#7c3aed15,#4f46e515);border:1px solid #7c3aed25;align-items:center;gap:.5rem;margin:.5rem 1rem;padding:.65rem .85rem;font-size:.825rem;font-weight:700;display:flex}.drawer-nav{flex-direction:column;gap:2px;padding:.25rem .75rem;display:flex}.drawer-link{border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:.85rem;padding:.75rem .85rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .12s;display:flex}.drawer-link:hover,.drawer-link:active{background:var(--bg-subtle);color:var(--text-primary)}.drawer-link.active{background:var(--accent-light);color:var(--accent);font-weight:700}.drawer-divider{background:var(--border-subtle);height:1px;margin:.5rem .85rem}.drawer-user{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;padding:1rem 1.5rem .5rem;display:flex}.stat-card-clickable{cursor:pointer;transition:all .15s}.stat-card-clickable:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:640px){.hide-mobile{display:none!important}}.show-mobile{display:none!important}@media (max-width:640px){.show-mobile{display:block!important}}.grid-2col{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.grid-2col>*{min-width:0}@media (max-width:500px){.grid-2col{grid-template-columns:1fr}}.grid-chart{grid-template-columns:2fr 3fr;gap:.85rem;display:grid}.grid-chart>*{min-width:0}@media (max-width:640px){.grid-chart{grid-template-columns:1fr}}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:1rem;display:grid}.member-table-desktop{display:table}.member-cards-mobile{display:none}@media (max-width:640px){.member-table-desktop{display:none}.member-cards-mobile{flex-direction:column;gap:.65rem;display:flex}}.member-card-row{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:.5rem 1rem;padding:.75rem .9rem;display:grid}.member-card-name{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);grid-column:1/-1;margin-bottom:.1rem;padding-bottom:.4rem;font-size:.9rem;font-weight:700}.member-card-field{flex-direction:column;gap:.1rem;display:flex}.member-card-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.65rem;font-weight:700}.member-card-value{font-size:.875rem;font-weight:700;font-family:var(--font-mono)}.settlement-row{background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}@media (max-width:500px){.settlement-row{flex-direction:column;align-items:flex-start;gap:.4rem}.settlement-amount{margin-left:0!important;font-size:1.1rem!important}}div[style*=overflowX]::-webkit-scrollbar{display:none}.entry-type-grid{grid-template-columns:repeat(5,1fr);gap:.4rem;margin-bottom:1.15rem;display:grid}@media (max-width:480px){.entry-type-grid{grid-template-columns:repeat(3,1fr)}}.qty-grid{grid-template-columns:2fr 1.2fr 2fr;gap:.5rem;margin-bottom:1rem;display:grid}@media (max-width:480px){.qty-grid{grid-template-columns:1fr}}@media (max-width:640px){.custom-table th{padding:.6rem .65rem;font-size:.7rem}.custom-table td{padding:.7rem .65rem;font-size:.825rem}}@media (max-width:400px){.page-header-row{flex-direction:column;align-items:flex-start}}@media (max-width:768px){.app-main{padding-bottom:2rem}}.invoice-filters{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-bottom:1rem;display:flex}.invoice-filters .form-control{width:auto}@media (max-width:640px){.invoice-filters{flex-direction:column;justify-content:flex-start}.invoice-filters .form-control{width:100%}}@media (max-width:400px){.cal-event-text{display:none!important}}