@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&display=swap";:root{--text:#374151;--text-h:#111827;--text-muted:#6b7280;--bg:#f3f4f6;--card-bg:#fff;--border:#d1d5db;--bg-hover:#e5e7eb;--code-bg:#f4f3ec;--accent:#f97316;--accent-secondary:#fb923c;--accent-bg:#f973161a;--accent-border:#f9731680;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Cairo", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Cairo", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}body.dark-mode{--text:#d1d5db;--text-h:#f3f4f6;--text-muted:#9ca3af;--bg:#111827;--card-bg:#1f2937;--border:#374151;--bg-hover:#374151;--code-bg:#1f2028;--accent:#fb923c;--accent-secondary:#f97316;--accent-bg:#fb923c26;--accent-border:#fb923c80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}body.dark-mode #social .button-icon{filter:invert()brightness(2)}#root{box-sizing:border-box;width:100%;min-height:100vh;display:flex}*{font-family:var(--sans)}body{font-family:var(--sans);margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.task-dialog-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.task-dialog{background-color:var(--card-bg);border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}body.dark-mode .task-dialog{box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d}.task-dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.task-dialog-header h2{color:var(--text-h);margin:0;font-size:1.25rem}.close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s,color .2s;display:flex}.close-btn:hover{background-color:var(--bg-hover);color:var(--text-h)}.task-form{flex-direction:column;gap:20px;padding:24px;display:flex}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;margin-top:10px;padding-top:20px;display:flex}.btn-cancel{border:1px solid var(--border);color:var(--text);font-family:var(--sans);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-weight:500;transition:background-color .2s}.btn-cancel:hover{background-color:var(--bg-hover)}.btn-submit{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-secondary) 100%);color:#fff;font-family:var(--sans);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:opacity .2s}.btn-submit:hover{opacity:.9}.form-group{flex-direction:column;gap:8px;width:100%;display:flex}.form-group label{color:var(--text-h);font-size:.95rem;font-weight:500}.form-group input,.form-group select,.form-group textarea,.form-control{border:1px solid var(--border);background-color:var(--bg);width:100%;color:var(--text-h);font-family:var(--sans);box-sizing:border-box;border-radius:8px;outline:none;padding:10px 14px;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.form-row{gap:16px;width:100%;display:flex}@media (width<=640px){.form-row{flex-direction:column;gap:20px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--card-bg);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.2)}body.dark-mode input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)}.saidpar-container{background-color:var(--card-bg);border:1px solid var(--border);z-index:40;border-radius:10px;flex-direction:column;height:calc(100vh - 10px);margin:5px 5px 5px 0;font-family:Cairo,sans-serif;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .3s,border-color .3s,box-shadow .3s;display:flex;position:sticky;top:5px;box-shadow:0 10px 25px #0000000d}body.dark-mode .saidpar-container{background-color:var(--card-bg);border-color:var(--border);box-shadow:0 10px 25px #0006}.saidpar-container.open{width:260px}.saidpar-container.closed{width:80px}.saidpar-header{justify-content:space-between;align-items:center;padding:24px 20px;display:flex}.saidpar-container.closed .saidpar-header{justify-content:center}.saidpar-logo-area{align-items:center;gap:12px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-secondary) 100%);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.2rem;font-weight:900;display:flex}.saidpar-logo-text{color:var(--text-h);white-space:nowrap;font-size:1.2rem;font-weight:800}body.dark-mode .saidpar-logo-text{color:var(--text-h)}.toggle-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.toggle-btn:hover{background-color:var(--bg-hover);color:var(--text-h)}body.dark-mode .toggle-btn:hover{color:var(--text-h);background-color:#374151}.saidpar-search-container{padding:0 20px 20px}.search-input-wrapper{background-color:var(--bg-hover);border:1px solid var(--border);border-radius:12px;align-items:center;padding:10px 15px;transition:all .2s;display:flex}body.dark-mode .search-input-wrapper{background-color:var(--text-h);border-color:#374151}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{width:100%;color:var(--text-h);background:0 0;border:none;outline:none;margin-right:10px;font-family:inherit}.saidpar-container.closed .saidpar-search-container{padding:0 15px 20px}.saidpar-container.closed .search-input-wrapper{justify-content:center;padding:10px}.saidpar-container.closed .search-input{display:none}.saidpar-scrollable-content{flex:1;min-height:0;padding:0 20px;overflow:hidden auto}.saidpar-scrollable-content::-webkit-scrollbar{width:0}.menu-section{margin-bottom:24px}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:0;margin-bottom:12px;font-size:.75rem;font-weight:700}.section-divider{background-color:var(--border);height:1px;margin:15px 0}body.dark-mode .section-divider{background-color:#374151}.saidpar-menu{flex-direction:column;gap:6px;display:flex}.menu-item{cursor:pointer;color:var(--text);border-radius:12px;align-items:center;gap:14px;padding:12px 16px;transition:all .2s;display:flex;position:relative}body.dark-mode .menu-item{color:var(--text-muted)}.menu-item:hover{background-color:var(--bg-hover)}body.dark-mode .menu-item:hover{background-color:#374151}.menu-item.active{color:var(--accent);background-color:#fee2e2;font-weight:700}body.dark-mode .menu-item.active{color:#f87171;background-color:#f8717126}.menu-icon{flex-shrink:0;justify-content:center;align-items:center;min-width:22px;display:flex}.menu-label{white-space:nowrap;font-size:.85rem}.saidpar-container.closed .menu-item{justify-content:center;padding:14px}.menu-item-wrapper{position:relative}.dropdown-icon{margin-right:auto}[dir=ltr] .dropdown-icon{margin-left:auto;margin-right:0}.submenu-container{border-right:2px solid var(--border);flex-direction:column;gap:4px;margin-top:4px;margin-bottom:8px;margin-right:36px;padding-right:12px;display:flex}[dir=ltr] .submenu-container{border-right:none;border-left:2px solid var(--border);margin-left:36px;margin-right:0;padding-left:12px;padding-right:0}.saidpar-container.closed .submenu-container{background-color:var(--card-bg);border:1px solid var(--border);z-index:100;border-right:1px solid var(--border);border-radius:8px;width:180px;margin:0;padding:8px;display:none;position:absolute;top:0;right:65px;box-shadow:0 4px 12px #0000001a}[dir=ltr] .saidpar-container.closed .submenu-container{border-right:1px solid var(--border);border-left:1px solid var(--border);left:65px;right:auto}.saidpar-container.closed .submenu-container.force-open{display:flex}body.dark-mode .saidpar-container.closed .submenu-container{background-color:#1f293b;border-color:#374151;box-shadow:0 4px 12px #0000004d}.sub-menu-item{cursor:pointer;color:var(--text);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}body.dark-mode .sub-menu-item{color:var(--text-muted)}.sub-menu-item:hover{color:var(--text-h);background-color:#f8fafc;transform:translate(-4px)}[dir=ltr] .sub-menu-item:hover{transform:translate(4px)}body.dark-mode .sub-menu-item:hover{color:var(--text-h);background-color:#374151}.sub-menu-item.active{color:var(--accent);background-color:#fef2f2;font-weight:700}body.dark-mode .sub-menu-item.active{color:#f87171;background-color:#f871711a}.sub-menu-bullet{opacity:.5;flex-shrink:0;transition:all .3s}.sub-menu-item.active .sub-menu-bullet{opacity:1;color:var(--accent);transform:scale(1.5)}body.dark-mode .sub-menu-item.active .sub-menu-bullet{color:#f87171}.saidpar-footer{border-top:1px solid var(--border);margin-top:auto;padding:20px}.saidpar-container.closed .saidpar-footer{padding:12px 10px}body.dark-mode .saidpar-footer{border-color:#374151}.logout-btn{cursor:pointer;color:#ef4444;background:linear-gradient(135deg,#ef44440d 0%,#dc26261a 100%);border:1px solid #ef444433;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.saidpar-container.closed .logout-btn{justify-content:center;width:100%;padding:12px 0}.logout-btn:before{content:"";opacity:0;z-index:1;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);transition:opacity .3s;position:absolute;inset:0}.logout-btn:hover{color:#fff;border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.logout-btn:hover:before{opacity:1}.logout-icon{z-index:2;flex-shrink:0;transition:transform .3s}.logout-btn:hover .logout-icon{transform:translate(3px)}.logout-text{z-index:2;white-space:nowrap;font-size:1.05rem;font-weight:700}body.dark-mode .logout-btn{color:#fca5a5;background:linear-gradient(135deg,#ef44441a 0%,#dc262626 100%);border-color:#ef44444d}body.dark-mode .logout-btn:hover{color:#fff}.theme-toggle-container{justify-content:center;align-items:center;gap:12px;display:flex}.active-theme-icon{color:#f59e0b}body.dark-mode .active-theme-icon{color:#60a5fa}.inactive-theme-icon{color:#d1d5db}body.dark-mode .inactive-theme-icon{color:#4b5563}.toggle-switch{background-color:var(--border);cursor:pointer;border-radius:20px;width:48px;height:24px;transition:background-color .3s;position:relative}body.dark-mode .toggle-switch{background-color:#4b5563}.switch-knob{background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;box-shadow:0 2px 4px #0000001a}.switch-knob.light{right:3px;transform:translate(3px)}.switch-knob.dark{right:calc(100% - 21px)}.toggle-btn-small{cursor:pointer;color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}body.dark-mode .toggle-btn-small{color:var(--text-muted)}.mobile-backdrop{display:none}@media (width<=1024px){.mobile-backdrop{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}.saidpar-container{z-index:50;border-radius:0;height:100vh;margin:0;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;transform:translate(100%);width:280px!important}.saidpar-container.mobile-open{transform:translate(0)}.toggle-btn{display:none}}.roles-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.roles-header h1{color:var(--text-h);margin:0;font-size:1.5rem}.add-role-btn{background:var(--accent);color:#fff;font-family:var(--sans);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:500;transition:opacity .2s,transform .1s;display:flex}.add-role-btn:hover{opacity:.9}.add-role-btn:active{transform:scale(.98)}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.role-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px;transition:box-shadow .2s;box-shadow:0 2px 4px #0000000d}.role-card:hover{box-shadow:0 4px 8px #0000001a}.role-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;display:flex}.role-title{align-items:center;gap:12px;display:flex}.role-title h2{color:var(--text-h);margin:0;font-size:1.25rem}.icon-full{color:#10b981}.icon-partial{color:#f59e0b}.role-actions{gap:8px;display:flex}.btn-icon.view{color:#3b82f6}.btn-icon.view:hover{background-color:#eff6ff}.role-card-body{color:var(--text-muted,#4b5563);font-size:.95rem}.access-level-badge{color:#374151;background-color:#f3f4f6;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:.85rem;font-weight:500;display:inline-block}.permissions-summary p{margin:0 0 8px}.permissions-summary ul{grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.permissions-summary li{align-items:center;gap:4px;display:flex}.role-dialog{max-width:500px}.permissions-matrix{background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;margin-top:20px;padding:16px}.permissions-title{color:var(--text-h);border-bottom:1px solid var(--border);margin:0 0 12px;padding-bottom:8px;font-size:1.1rem}.permissions-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text);align-items:center;gap:8px;font-size:.95rem;display:flex}.checkbox-label input[type=checkbox]{accent-color:#ef4444;cursor:pointer;width:16px;height:16px}.permissions-accordion{flex-direction:column;gap:12px;margin-top:20px;display:flex}.accordion-item{border:1px solid var(--border);background-color:var(--card-bg);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.accordion-item:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000000d}.accordion-item.expanded{border-color:var(--accent);box-shadow:0 4px 20px #00000014}.accordion-header{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;justify-content:space-between;align-items:center;padding:16px 20px;transition:background-color .2s;display:flex}.accordion-header:hover{background-color:#00000005}.accordion-title{color:var(--text-h);align-items:center;gap:12px;font-size:1.05rem;font-weight:600;display:flex}.accordion-title .text-accent{color:var(--accent)}.accordion-icon{color:var(--text-muted);transition:transform .3s cubic-bezier(.4,0,.2,1)}.accordion-item.expanded .accordion-icon{color:var(--accent);transform:rotate(180deg)}.accordion-content{opacity:0;background-color:#0000;max-height:0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.accordion-item.expanded .accordion-content{opacity:1;border-top:1px solid var(--border);max-height:400px;padding:16px 20px}.premium-permissions-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.premium-permissions-list li{color:var(--text);background-color:var(--bg-color);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.95rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.premium-permissions-list li:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 2px 8px #0000000d}.premium-permissions-list li svg{color:#10b981;flex-shrink:0}.toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}input:checked+.toggle-slider{background-color:var(--primary-color,#2563eb)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--primary-color,#2563eb)}input:checked+.toggle-slider:before{transform:translate(20px)}input:disabled+.toggle-slider{cursor:not-allowed;background-color:#f1f5f9}input:disabled+.toggle-slider:before{box-shadow:none;background-color:#e2e8f0}.toggle-label{cursor:pointer;color:var(--text-color,#334155);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;font-size:.95rem;display:flex}.toggle-label.disabled{color:#94a3b8;cursor:not-allowed}.module-card{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:12px;margin-bottom:16px;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #00000005}.module-card.active{border-color:var(--primary-color,#2563eb);box-shadow:0 4px 12px #2563eb14}.module-card-header{background:#f8fafc;justify-content:space-between;align-items:center;padding:16px 20px;transition:background .3s;display:flex}.module-card.active .module-card-header{background:#eff6ff}.module-card-body{opacity:0;max-height:0;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.module-card.active .module-card-body{opacity:1;border-top:1px solid #e2e8f0;max-height:600px;padding:20px}.premium-dialog-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.premium-role-dialog{background:#fffffffa;border-radius:24px;flex-direction:column;max-width:95vw;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0000004d,0 0 0 1px #ffffff1a;width:900px!important}.premium-dialog-header{background:#fff;border-bottom:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.premium-dialog-header h2{color:var(--accent);margin:0;font-size:1.5rem;font-weight:800}.premium-modules-grid{background-color:#f1f5f9;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;padding:24px 32px;display:grid}.premium-module-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.premium-module-card:before{content:"";background:0 0;width:100%;height:4px;transition:background .4s;position:absolute;top:0;left:0}.premium-module-card.active{border-color:#0000;box-shadow:0 10px 25px -5px #2563eb26,0 0 0 2px #2563eb33}.premium-module-card.active:before{background:var(--accent)}.premium-module-header{background:#fff;justify-content:space-between;align-items:center;padding:20px;transition:background .4s;display:flex}.premium-module-card.active .premium-module-header{background:rgba(var(--accent-rgb), .05)}.premium-module-title{color:#1e293b;align-items:center;gap:12px;font-size:1.15rem;font-weight:700;display:flex}.premium-module-icon{color:#64748b;background:#f1f5f9;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.premium-module-card.active .premium-module-icon{color:#3b82f6;background:#eff6ff;transform:scale(1.05);box-shadow:0 0 20px #3b82f666}.glow-switch{flex-shrink:0;width:50px;height:28px;display:inline-block;position:relative}.glow-switch input{opacity:0;width:0;height:0}.glow-slider{cursor:pointer;background-color:#cbd5e1;border-radius:28px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.glow-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:4px;left:4px;box-shadow:0 2px 5px #0003}.glow-switch input:checked+.glow-slider{background-color:#3b82f6;box-shadow:0 0 12px #3b82f680}.glow-switch input:checked+.glow-slider:before{transform:translate(22px)}.premium-actions-list{background-color:#f8fafc;border-top:1px solid #f1f5f9;flex-grow:1;grid-template-columns:1fr;gap:12px;padding:20px;display:grid}.premium-action-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.premium-action-item:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f614}.premium-action-info{color:#334155;align-items:center;gap:12px;font-size:.95rem;font-weight:600;display:flex}.premium-action-icon{color:#94a3b8;transition:color .2s}.glow-switch input:checked~.premium-action-info .premium-action-icon{color:#3b82f6}.small-switch{width:36px;height:20px}.small-switch .glow-slider:before{width:14px;height:14px;bottom:3px;left:3px}.small-switch input:checked+.glow-slider:before{transform:translate(16px)}.small-switch input:disabled+.glow-slider{box-shadow:none;background-color:#f1f5f9}.small-switch input:disabled+.glow-slider:before{background-color:#e2e8f0}.users-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.users-header h1{color:var(--text-h);margin:0;font-size:1.5rem}.add-user-btn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-secondary) 100%);color:#fff;font-family:var(--sans);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:500;transition:opacity .2s,transform .1s;display:flex}.add-user-btn:hover{opacity:.9}.add-user-btn:active{transform:scale(.98)}.users-table-container{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow-x:auto;box-shadow:0 2px 4px #0000000d}.users-table{border-collapse:collapse;text-align:start;width:100%;min-width:600px}.users-table th{background-color:var(--bg-hover);color:var(--text-muted);border-bottom:1px solid var(--border);padding:16px;font-size:.9rem}.users-table td{border-bottom:1px solid var(--border);color:var(--text-h);padding:16px}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background-color:var(--bg-hover)}.user-name{align-items:center;gap:12px;font-weight:500;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-secondary) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.user-email{color:var(--text-muted);font-size:.9rem}.user-actions{gap:8px;display:flex}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.btn-icon.edit{color:var(--accent)}.btn-icon.edit:hover{background-color:#eff6ff}.btn-icon.delete{color:#ef4444}.btn-icon.delete:hover{background-color:#fef2f2}.access-level-badge{color:#374151;background-color:#f3f4f6;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:500;display:inline-block}.task-dialog.role-dialog{max-width:500px}@media (width<=768px){.users-container{padding:16px}.users-header{flex-direction:column;align-items:flex-start;gap:16px}}.topbar-container{background-color:var(--card-bg);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;margin:5px 5px 24px;padding:12px 24px;transition:background-color .3s,border-color .3s,box-shadow .3s;display:flex;box-shadow:0 2px 4px #0000000d}body.dark-mode .topbar-container{box-shadow:0 4px 6px #0003}.topbar-right-group{align-items:center;gap:12px;display:flex}.mobile-menu-btn{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:8px;padding:8px;transition:background-color .2s;display:none}.mobile-menu-btn:hover{background-color:#f3f4f6}body.dark-mode .mobile-menu-btn:hover{background-color:#374151}.topbar-title{color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.topbar-actions{align-items:center;gap:16px;display:flex}.topbar-icon-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}body.dark-mode .topbar-icon-btn{color:#9ca3af}.topbar-icon-btn:hover{color:#111827;background-color:#f3f4f6}body.dark-mode .topbar-icon-btn:hover{color:#f9fafb;background-color:#374151}.notification-badge{top:4px;border:2px solid var(--card-bg);background-color:#ef4444;border-radius:50%;width:8px;height:8px;transition:border-color .3s;position:absolute;inset-inline-end:6px}.lang-toggle{border:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.lang-toggle:hover{background-color:#f3f4f6}body.dark-mode .lang-toggle:hover{background-color:#374151}.lang-dropdown-wrapper{position:relative}.lang-dropdown-menu{top:100%;background-color:var(--card-bg,#fff);border:1px solid var(--border,#e5e7eb);z-index:100;border-radius:12px;flex-direction:column;min-width:140px;margin-top:8px;display:flex;position:absolute;inset-inline-end:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}body.dark-mode .lang-dropdown-menu{background-color:#1f2937;border-color:#374151}.lang-option{text-align:start;color:var(--text,#374151);cursor:pointer;background:0 0;border:none;padding:10px 16px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background-color .2s}body.dark-mode .lang-option{color:#d1d5db}.lang-option:hover{background-color:#f3f4f6}body.dark-mode .lang-option:hover{background-color:#374151}.lang-option.active,body.dark-mode .lang-option.active{color:var(--accent);background-color:var(--accent-bg)}.profile-section{cursor:pointer;padding:6px;border:1px solid var(--border);background-color:#0000;border-radius:40px;align-items:center;gap:12px;padding-inline-start:16px;transition:all .3s;display:flex}.profile-section:hover{background-color:var(--accent-bg);border-color:var(--accent-border);transform:translateY(-1px)}body.dark-mode .profile-section:hover{background-color:var(--accent-bg);border-color:var(--accent-border)}.profile-avatar{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-secondary) 100%);color:#fff;width:42px;height:42px;box-shadow:0 4px 6px -1px var(--accent-bg);text-shadow:0 1px 2px #0003;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:flex}.profile-info{flex-direction:row;align-items:center;gap:8px;display:flex}.profile-name{color:var(--text);font-size:.95rem;font-weight:800;line-height:1.2}.profile-role{color:#6b7280;font-size:.75rem;font-weight:600}body.dark-mode .profile-role{color:#9ca3af}@media (width<=1024px){.mobile-menu-btn{display:flex}.topbar-title{font-size:1.1rem}.profile-role,.profile-name,.lang-toggle span{display:none}.profile-section{gap:0;padding:4px}.topbar-container{padding:10px 16px}}.home-container{font-family:var(--sans);padding:10px 10px 40px;animation:.6s cubic-bezier(.16,1,.3,1) fadeIn}.home-hero{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#991b1b 100%);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:32px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #ef44444d,0 10px 10px -5px #ef44441a}.home-hero:after{content:"";opacity:.5;mix-blend-mode:overlay;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"40\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"2\" fill=\"none\"/></svg>");position:absolute;inset:0}body.dark-mode .home-hero{background:linear-gradient(135deg,#991b1b 0%,#450a0a 100%);box-shadow:0 20px 25px -5px #00000080}.hero-content{z-index:10;position:relative}.page-title{letter-spacing:-.02em;margin:0 0 8px;font-size:2rem;font-weight:800}.page-subtitle{opacity:.9;margin:0;font-size:1.05rem;font-weight:500}.hero-date{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fff3;border:1px solid #ffffff4d;border-radius:12px;padding:10px 20px;font-size:.95rem;font-weight:600;position:relative}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px;display:grid}.metric-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:20px;align-items:center;gap:24px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005}.metric-card:before{content:"";background-color:#0000;width:4px;height:100%;transition:background-color .3s;position:absolute;top:0;left:0}.metric-card:hover{border-color:var(--border);transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}body.dark-mode .metric-card:hover{box-shadow:0 20px 25px -5px #0006}.metric-icon{background-color:var(--bg-hover);width:64px;height:64px;color:var(--text-muted);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.metric-card:hover .metric-icon{transform:scale(1.1)rotate(-5deg)}.metric-info{flex:1}.metric-info h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-size:.95rem;font-weight:600}.metric-info .amount{color:var(--text-h);letter-spacing:-.02em;margin:0;font-size:1.8rem;font-weight:800}.metric-card.highlight{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:none;grid-column:1/-1}body.dark-mode .metric-card.highlight{background:linear-gradient(135deg,#334155 0%,#1e293b 100%)}.metric-card.highlight .metric-info h3{color:#94a3b8}.metric-card.highlight .metric-info .amount{color:#f8fafc;font-size:2.5rem}.metric-card.highlight .metric-icon{color:#60a5fa;background:#ffffff1a;border-radius:24px;width:80px;height:80px}.metric-card.highlight:before{background-color:var(--accent)}.metric-card.danger:hover{border-color:#ef4444}.metric-card.danger:before{background-color:#ef4444}.metric-card.danger .metric-icon{color:#ef4444;background-color:#ef44441a}.metric-card.warning:hover{border-color:#f59e0b}.metric-card.warning:before{background-color:#f59e0b}.metric-card.warning .metric-icon{color:#f59e0b;background-color:#f59e0b1a}.metric-card.success:hover{border-color:#10b981}.metric-card.success:before{background-color:#10b981}.metric-card.success .metric-icon{color:#10b981;background-color:#10b9811a}.operations-section{background-color:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:0 10px 15px -3px #00000005}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;display:flex}.section-title{color:var(--text-h);align-items:center;gap:12px;margin:0;font-size:1.35rem;font-weight:700;display:flex}.section-title svg{color:var(--accent)}.table-responsive{overflow-x:auto}.premium-table{border-collapse:separate;border-spacing:0 12px;text-align:right;width:100%;margin-top:-12px}.premium-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border:none;padding:8px 24px;font-size:.9rem;font-weight:600}.premium-table td{color:var(--text-h);background-color:var(--bg-color);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.premium-table td:first-child{border-right:1px solid var(--border);border-top-right-radius:16px;border-bottom-right-radius:16px}.premium-table td:last-child{border-left:1px solid var(--border);border-top-left-radius:16px;border-bottom-left-radius:16px}.premium-table tr{position:relative}.premium-table tr:hover td{background-color:var(--bg-hover);z-index:10;border-color:#0000;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}body.dark-mode .premium-table tr:hover td{box-shadow:0 10px 15px -3px #0003}.op-name-cell{align-items:center;gap:16px;font-size:1.05rem;font-weight:700;display:flex}.op-icon-wrapper{background-color:var(--card-bg);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 2px 4px #0000000d}.date-cell{color:var(--text-muted);font-size:.95rem;font-weight:500}.amount-positive{color:#10b981!important}body.dark-mode .amount-positive{color:#34d399!important}.amount-negative{color:#ef4444!important}body.dark-mode .amount-negative{color:#f87171!important}.amount-cell{font-family:var(--sans);font-size:1.15rem;font-weight:800!important}.badge{border-radius:20px;align-items:center;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.badge-blue{background-color:var(--accent-bg);color:var(--accent)}body.dark-mode .badge-blue{color:var(--accent)}.badge-purple{color:#7c3aed;background-color:#8b5cf626}body.dark-mode .badge-purple{color:#a78bfa}.badge-green{color:#059669;background-color:#10b98126}body.dark-mode .badge-green{color:#34d399}.badge-red{color:#dc2626;background-color:#ef444426}body.dark-mode .badge-red{color:#f87171}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.home-hero{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.metric-card.highlight .metric-info .amount{font-size:2rem}}.dialog-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-content{background-color:var(--card-bg);border-radius:12px;flex-direction:column;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.dialog-header h2{color:var(--text-h);margin:0;font-size:1.25rem}.close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1.5rem;transition:color .2s}.close-btn:hover{color:#ef4444}.dialog-body{padding:24px}.members-container{padding:10px 10px 40px;animation:.4s ease-out fadeIn}.members-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.page-title{color:var(--text-h);margin:0;font-size:1.75rem;font-weight:700}.members-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.members-actions .form-group{min-width:250px;margin-bottom:0}.members-actions .search-box,.members-actions .btn-primary,.members-actions .form-group>div:first-of-type{box-sizing:border-box;height:48px!important}.members-actions .form-group>div:first-of-type{border-radius:12px!important}@media (width<=768px){.members-actions{flex-direction:column;align-items:stretch;width:100%}.search-box{width:100%;min-width:unset}.members-actions>*{width:100%}}.btn-filter,.btn-primary,.btn-cancel{font-family:var(--sans);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .2s;display:flex}.btn-filter{background-color:var(--card-bg);border:1px solid var(--border);color:var(--text-h)}.btn-filter:hover{background-color:var(--bg-hover)}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{opacity:.9}.btn-cancel{background-color:var(--card-bg);border:1px solid var(--border);color:var(--text-h)}.btn-cancel:hover{color:#ef4444;background-color:#ef44441a;border-color:#ef444433}.tabs-container{border-bottom:1px solid var(--border);gap:10px;margin-bottom:24px;padding-bottom:1px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;font-size:1.1rem;font-weight:700;font-family:var(--sans);background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 24px;transition:all .2s}.tab-btn:hover{color:var(--text-h)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.members-table-wrapper{background-color:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;margin-top:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.members-table{border-collapse:collapse;text-align:right;width:100%;font-family:var(--sans,sans-serif)}.members-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 24px;font-size:.85rem;font-weight:700}body.dark-mode .members-table th{color:#94a3b8;background-color:#1e293b;border-bottom-color:#334155}.members-table td{color:var(--text-h,#1e293b);vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:.95rem}body.dark-mode .members-table td{border-bottom-color:#1e293b}.members-table tbody tr{background-color:#0000;transition:all .2s ease-in-out}.members-table tbody tr:hover{background-color:#f8fafc}body.dark-mode .members-table tbody tr:hover{background-color:#1e293b}.members-table tbody tr:last-child td{border-bottom:none}.member-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:44px;height:44px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 2px 4px #0000001a}body.dark-mode .member-avatar{border-color:#0f172a}.members-table tbody tr:hover .member-avatar{transform:scale(1.15)}.member-name-cell{color:var(--text-h);font-size:1.05rem;font-weight:700!important}.jersey-cell{text-align:center}.jersey-number{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:800;display:inline-flex;box-shadow:0 2px 4px #2563eb1a}body.dark-mode .jersey-number{color:#bfdbfe;background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);border-color:#1e40af}.badge-red{color:#ef4444;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:600}.badge-green{color:#10b981;background-color:#f0fdf4;border:1px solid #dcfce7;border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:600}.badge-purple{color:#8b5cf6;background-color:#faf5ff;border:1px solid #f3e8ff;border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:600}body.dark-mode .badge-red{color:#fca5a5;background-color:#ef44441a;border-color:#ef444433}body.dark-mode .badge-green{color:#6ee7b7;background-color:#10b9811a;border-color:#10b98133}body.dark-mode .badge-purple{color:#c4b5fd;background-color:#8b5cf61a;border-color:#8b5cf633}@media (width<=1100px){.members-table-wrapper{box-shadow:none;background:0 0;border:none;padding:0;overflow:visible}.members-table{display:block}.members-table thead{display:none}.members-table tbody{grid-template-columns:1fr 1fr;gap:20px;display:grid}.members-table tr{background-color:var(--card-bg,#fff);border:1px solid #0000000a;border-radius:24px;flex-direction:column;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px -5px #00000012,0 5px 15px -3px #0000000a}body.dark-mode .members-table tr{border-color:#ffffff0d;box-shadow:0 15px 35px -5px #0000004d}.members-table tr:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 25px 50px -10px #0000001a}body.dark-mode .members-table tr:hover{box-shadow:0 25px 50px -10px #00000080}.members-table td{border-bottom:1px dashed #00000014;justify-content:space-between;align-items:center;padding:14px 0;display:flex}body.dark-mode .members-table td{border-bottom:1px dashed #ffffff1a}.members-table tr:last-child td{border-bottom:1px dashed #00000014}body.dark-mode .members-table tr:last-child td{border-bottom:1px dashed #ffffff1a}.members-table td:last-child{background:linear-gradient(135deg,#f973160d 0%,#fb923c1a 100%);border:1px solid #f973161a;border-radius:16px;justify-content:center;margin-top:20px;padding:16px}body.dark-mode .members-table td:last-child{background:linear-gradient(135deg,#fb923c0d 0%,#f9731614 100%);border-color:#fb923c26}.members-table td:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background-color:var(--bg);border-radius:6px;padding:4px 10px;font-size:.85rem;font-weight:700}body.dark-mode .members-table td:before{background-color:var(--bg-hover)}.members-table td:first-child{border-bottom:none;justify-content:center;padding-top:0;padding-bottom:8px}.members-table td:first-child:before,.members-table td:last-child:before{display:none}.member-avatar{border:3px solid #fff;border-radius:24px;width:80px;height:80px;box-shadow:0 4px 10px #0000001a}body.dark-mode .member-avatar{border-color:#1e293b}.member-name-cell{font-size:1.25rem;border-bottom:1px solid var(--border)!important;justify-content:center!important;padding-bottom:16px!important}.member-name-cell:before{display:none}.action-buttons-wrapper{justify-content:space-between;width:100%}.btn-action.view-btn{flex:1}}@media (width<=768px){.members-table tbody{grid-template-columns:1fr}}.dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.dialog-content{background-color:var(--card-bg);border:1px solid var(--border);border-radius:20px;flex-direction:column;width:90%;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.add-member-dialog{max-width:600px}.details-dialog{max-width:800px}.dialog-header{border-bottom:1px solid var(--border);background-color:var(--card-bg);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.dialog-title{color:var(--text-h);align-items:center;gap:12px;display:flex}.dialog-title h2{margin:0;font-size:1.4rem;font-weight:700}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.close-btn:hover{color:#ef4444;background-color:#ef44441a}.dialog-body{padding:32px;overflow-y:auto}.dialog-footer{border-top:1px solid var(--border);background-color:var(--card-bg);justify-content:flex-end;gap:12px;padding:20px 32px;display:flex}.form-row{gap:16px;margin-bottom:20px;display:flex}.form-group{flex-direction:column;flex:1;gap:8px;display:flex}.form-group label{color:var(--text-h);font-weight:600}.form-control{border:1px solid var(--border);background-color:var(--bg);color:var(--text-h);font-family:var(--sans);border-radius:12px;outline:none;padding:12px 16px;transition:border-color .2s}.form-control:focus{border-color:var(--accent)}.financial-summary-card{background-color:var(--bg);border:1px solid var(--border);border-radius:16px;margin-bottom:32px;padding:24px}.financial-summary-card .card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.financial-summary-card .card-header h3{color:var(--text-h);margin:0;font-size:1.5rem}.card-badge{background-color:var(--accent);color:#fff;border-radius:20px;padding:6px 12px;font-size:.9rem;font-weight:700}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.card-item{background-color:var(--card-bg);border:1px solid var(--border);border-radius:16px;flex-direction:row;align-items:center;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}body.dark-mode .card-item{box-shadow:0 4px 6px -1px #0000004d}.card-item:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}body.dark-mode .card-item:hover{box-shadow:0 10px 15px -3px #0006}.card-icon{background-color:var(--card-bg);width:42px;min-width:42px;height:42px;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;display:flex}.card-item.contract .card-icon{color:#3b82f6;background-color:#3b82f61a}.card-item.due .card-icon{color:#f59e0b;background-color:#f59e0b1a}.card-item.paid .card-icon{color:#10b981;background-color:#10b9811a}.card-item.deductions .card-icon,.card-item.advances .card-icon{color:#ef4444;background-color:#ef44441a}.card-content{flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;display:flex}.card-item.highlight-item{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-secondary) 100%);color:#fff;border:none}.card-item.highlight-item .card-icon{color:#fff;background-color:#fff3;box-shadow:0 4px 6px -1px #0000001a}.card-item.highlight-item .label,.card-item.highlight-item .value{color:#fff!important}.card-item .label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.card-item .value{font-size:1.1rem;font-weight:800;font-family:var(--sans);color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.timeline-title{color:var(--text-h);border-right:4px solid var(--accent);margin-bottom:24px;padding-right:12px;font-size:1.3rem}.timeline-container{padding-right:24px;position:relative}.timeline-container:before{content:"";background-color:var(--border);width:2px;position:absolute;top:0;bottom:0;right:6px}.timeline-item{margin-bottom:24px;position:relative}.timeline-item:before{content:"";background-color:var(--accent);border:2px solid var(--card-bg);width:10px;height:10px;box-shadow:0 0 0 4px var(--accent-bg);border-radius:50%;position:absolute;top:6px;right:-22px}.timeline-date{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;font-weight:700}.timeline-content{background-color:var(--bg);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.timeline-type{color:var(--text-h);font-size:1.1rem;font-weight:700}.timeline-amount{font-size:1.25rem;font-weight:800;font-family:var(--sans)}.timeline-method{background-color:var(--card-bg);color:var(--text-muted);border-radius:12px;padding:4px 12px;font-size:.9rem;font-weight:600}.print-header{display:none}@media print{body *{visibility:hidden}.printable-area,.printable-area *{visibility:visible}.printable-overlay{width:100%;position:absolute;top:0;left:0;background:0 0!important}.dialog-content{box-shadow:none;border:none;width:100%;max-width:100%}.no-print{display:none!important}.print-header.only-print{text-align:center;border-bottom:2px solid #000;margin-bottom:30px;padding-bottom:20px;display:block}.print-header h2{margin:0;font-size:24pt}.print-header h3{margin:10px 0;font-size:18pt}.print-header p{color:#555;font-size:12pt}.card-item{border-color:#ddd}.timeline-content{break-inside:avoid;border-color:#ddd}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.premium-ops-table{border-collapse:separate;border-spacing:0 10px;background:0 0;width:100%;margin-top:10px}.premium-ops-table thead tr{box-shadow:none;background:0 0}.premium-ops-table th{color:var(--text-muted,#777);text-align:right;padding:12px 20px;font-size:.9rem;font-weight:600;border:none!important;border-bottom:2px solid var(--border)!important;background-color:#0000!important}.premium-ops-table tbody tr{background-color:var(--card-bg,#fff);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #0000000a}.premium-ops-table tbody tr:hover{z-index:1;position:relative;transform:translateY(-2px)scale(1.01);box-shadow:0 8px 24px #00000014}.premium-ops-table td{vertical-align:middle;color:var(--text-color,#444);padding:18px 20px;border:none!important}.premium-ops-table td:first-child{border-top-right-radius:12px;border-bottom-right-radius:12px;font-weight:600}.premium-ops-table td:last-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.premium-ops-table .badge{border-radius:8px;justify-content:center;align-items:center;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #0000000d}.premium-ops-table .badge-green{color:#059669;background-color:#10b98126}.premium-ops-table .badge-red{color:#dc2626;background-color:#ef444426}.premium-ops-table .badge-blue{color:#2563eb;background-color:#3b82f626}.premium-ops-table .amount-cell{letter-spacing:.5px;font-size:1.15rem;font-weight:800}.contracts-container{padding:10px 10px 40px;animation:.4s ease-out fadeIn}.contracts-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.contracts-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.contracts-actions .form-group{min-width:160px;margin-bottom:0}.contracts-actions .search-box,.contracts-actions .btn-primary,.contracts-actions .form-group>div:first-of-type{box-sizing:border-box;height:48px!important}.contracts-actions .form-group>div:first-of-type{border-radius:12px!important}.search-box{background-color:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;align-items:center;gap:10px;min-width:280px;padding:10px 16px;transition:all .3s;display:flex;box-shadow:0 2px 4px #00000005}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #f973161a}.search-input{width:100%;color:var(--text-h);background:0 0;border:none;outline:none;font-family:inherit;font-size:.95rem}body.dark-mode .search-box{background-color:#1e293b;border-color:#334155}body.dark-mode .search-box:focus-within{border-color:var(--accent)}body.dark-mode .search-input{color:#f1f5f9}@media (width<=768px){.contracts-actions{flex-direction:column;align-items:stretch;width:100%}.search-box{width:100%;min-width:unset}.contracts-actions>*{width:100%}}.contracts-table-wrapper{background-color:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:16px;margin-top:16px;overflow:auto hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.contracts-main-table{border-collapse:collapse;text-align:right;width:100%;font-family:var(--sans,sans-serif)}.contracts-main-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 24px;font-size:.85rem;font-weight:700}body.dark-mode .contracts-main-table th{color:#94a3b8;background-color:#1e293b;border-bottom-color:#334155}.contracts-main-table td{color:var(--text-h,#1e293b);vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:.95rem}body.dark-mode .contracts-main-table td{border-bottom-color:#1e293b}.contracts-main-table tbody tr{background-color:#0000;transition:all .2s ease-in-out}.contracts-main-table tbody tr:hover{background-color:#f8fafc}body.dark-mode .contracts-main-table tbody tr:hover{background-color:#1e293b}.contracts-main-table tbody tr:last-child td{border-bottom:none}.beneficiary-info .b-name{color:var(--text-h);font-size:1.05rem;font-weight:700!important}.contract-number-cell{font-family:var(--sans);color:var(--text-h);font-size:1.05rem;font-weight:700}body.dark-mode .contract-number-cell{color:var(--text-h)}.amount-cell{font-weight:800;font-family:var(--sans);color:var(--text-h);font-size:1.05rem}.action-buttons-wrapper{align-items:center;gap:8px;display:flex}.btn-action{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-action.view-btn{color:#3b82f6;width:auto;font-weight:600;font-family:var(--sans);background-color:#eff6ff;gap:8px;padding:0 16px}.btn-action.edit-btn:hover{background-color:#dcfce7;transform:scale(1.1);box-shadow:0 4px 6px -1px #16a34a33}.btn-action.renew-btn{color:#3b82f6;background-color:#eff6ff;border:1px solid #bfdbfe}.btn-action.renew-btn:hover{background-color:#dbeafe;transform:scale(1.1);box-shadow:0 4px 6px -1px #3b82f633}.btn-action.delete-btn:hover{background-color:#fee2e2;transform:scale(1.1);box-shadow:0 4px 6px -1px #dc262633}body.dark-mode .btn-action.view-btn{color:#60a5fa;background-color:#3b82f626}body.dark-mode .btn-action.renew-btn{color:#60a5fa;background-color:#3b82f626;border-color:#3b82f64d}.auto-calc-row{background-color:var(--card-bg);border:1px dashed var(--accent);border-radius:12px;align-items:flex-end;margin:16px 0;padding:16px}.auto-calc-result{background-color:var(--accent-bg);border:1px solid var(--accent-border);border-radius:8px;flex-direction:column;flex:1;justify-content:center;padding:12px 16px;display:flex}.auto-calc-result label{color:var(--accent);align-items:center;gap:6px;margin-bottom:4px;display:flex}.calculated-value{color:var(--text-h);font-size:1.4rem;font-weight:800;font-family:var(--sans)}.schedule-summary{background-color:var(--card-bg);border:1px solid var(--border);border-radius:12px;gap:16px;margin-bottom:24px;padding:16px;display:flex}.summary-item{flex-direction:column;flex:1;gap:4px;display:flex}.summary-item .s-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.summary-item .s-value{font-size:1.1rem;font-weight:800;font-family:var(--sans)}.summary-item .s-value.highlight{color:var(--accent);font-size:1.3rem}.entitlements-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-height:400px;padding-right:8px;display:grid;overflow-y:auto}.entitlement-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 2px 4px #00000005}.entitlement-card.paid{border-left:4px solid #10b981}.entitlement-card.unpaid{border-left:4px solid #ef4444}.ent-header{justify-content:space-between;align-items:center;display:flex}.ent-index{color:var(--text-muted);background-color:var(--bg-hover);border-radius:4px;padding:2px 8px;font-size:.85rem;font-weight:700}.ent-body{flex-direction:column;gap:4px;display:flex}.ent-desc{font-size:.95rem;font-weight:600}.ent-amount{font-family:var(--sans);color:var(--text-h);font-size:1.2rem;font-weight:800}.ent-footer{color:var(--text-muted);border-top:1px dashed var(--border);align-items:center;gap:6px;margin-top:4px;padding-top:12px;font-size:.85rem;display:flex}@media (width<=1100px){.contracts-table-wrapper{box-shadow:none;background:0 0;border:none;padding:0;overflow:visible}.contracts-main-table{display:block}.contracts-main-table thead{display:none}.contracts-main-table tbody{grid-template-columns:1fr 1fr;gap:20px;display:grid}.contracts-main-table tr{background-color:var(--card-bg,#fff);border:1px solid #0000000a;border-radius:24px;flex-direction:column;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px -5px #00000012,0 5px 15px -3px #0000000a}body.dark-mode .contracts-main-table tr{border-color:#ffffff0d;box-shadow:0 15px 35px -5px #0000004d}.contracts-main-table tr:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 25px 50px -10px #0000001a}body.dark-mode .contracts-main-table tr:hover{box-shadow:0 25px 50px -10px #00000080}.contracts-main-table td{border-bottom:1px dashed #00000014;justify-content:space-between;align-items:center;padding:14px 0;display:flex}body.dark-mode .contracts-main-table td{border-bottom:1px dashed #ffffff1a}.contracts-main-table tr:last-child td{border-bottom:1px dashed #00000014}body.dark-mode .contracts-main-table tr:last-child td{border-bottom:1px dashed #ffffff1a}.contracts-main-table td:last-child{background:linear-gradient(135deg,#f973160d 0%,#fb923c1a 100%);border:1px solid #f973161a;border-radius:16px;justify-content:center;margin-top:20px;padding:16px}body.dark-mode .contracts-main-table td:last-child{background:linear-gradient(135deg,#fb923c0d 0%,#f9731614 100%);border-color:#fb923c26}.contracts-main-table td:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background-color:var(--bg);border-radius:6px;padding:4px 10px;font-size:.85rem;font-weight:700}body.dark-mode .contracts-main-table td:before{background-color:var(--bg-hover)}.contracts-main-table td:first-child{justify-content:space-between;padding-top:0}.contracts-main-table td:last-child:before{display:none}.action-buttons-wrapper{justify-content:flex-start;gap:12px;width:100%;padding-bottom:8px;overflow-x:auto}.btn-action.view-btn{flex:1}}@media (width<=768px){.contracts-main-table tbody{grid-template-columns:1fr}}.teams-container{background-color:var(--bg-color);min-height:calc(100vh - 70px);padding:24px}.teams-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.teams-header h1{color:var(--text-h);margin:0;font-size:1.5rem}.add-team-btn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-secondary) 100%);color:#fff;font-family:var(--sans);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:500;transition:opacity .2s,transform .1s;display:flex}.add-team-btn:hover{opacity:.9}.add-team-btn:active{transform:scale(.98)}.teams-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.team-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e5e7eb);text-align:center;z-index:1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.team-card:before{content:"";background:linear-gradient(135deg, var(--accent,#3b82f6) 0%, var(--accent-secondary,#8b5cf6) 100%);opacity:0;z-index:-1;transition:opacity .3s;position:absolute;inset:0}.team-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 12px 20px -5px #0000001a,0 8px 10px -6px #0000000d}.team-card:hover:before{opacity:.04}.team-icon-wrapper{width:72px;height:72px;color:var(--accent,#3b82f6);background:linear-gradient(135deg,#3b82f61a 0%,#8b5cf61a 100%);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;transition:all .3s;display:flex}.team-card:hover .team-icon-wrapper{background:linear-gradient(135deg, var(--accent,#3b82f6) 0%, var(--accent-secondary,#8b5cf6) 100%);color:#fff;transform:scale(1.05)translateY(-2px);box-shadow:0 8px 15px -3px #3b82f64d}.team-name{color:var(--text-h,#1f2937);font-size:1.35rem;font-weight:700;font-family:var(--sans,sans-serif);margin:0 0 24px}.team-card-actions{justify-content:center;gap:12px;width:100%;display:flex}.team-action-btn{border:1px solid var(--border,#e5e7eb);background:var(--card-bg,#fff);width:44px;height:44px;color:var(--text-muted,#6b7280);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.team-action-btn:hover{transform:scale(1.05)}.team-action-btn.edit:hover{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.team-action-btn.delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}@media print{@page{size:A4 portrait;margin:0}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-only{display:block!important}.no-print{display:none!important}}@media screen{.global-print-container{display:none}}@media print{body *{visibility:hidden}.global-print-container,.global-print-container *{visibility:visible}.global-print-container{width:210mm;margin:0;padding:0;position:absolute;top:0;left:0}}.receipt-wrapper{color:#000;box-sizing:border-box;direction:rtl;background:#fff;width:210mm;height:296mm;position:relative;overflow:hidden;font-family:Arial,Helvetica,sans-serif!important}.receipt-wrapper *{font-family:Arial,Helvetica,sans-serif!important}.receipt-bg-image{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.receipt-content{z-index:2;box-sizing:border-box;width:100%;height:100%;padding:30mm 15mm 20mm;position:relative}.receipt-wrapper.preview-mode{margin:20px auto;display:block;box-shadow:0 0 10px #0000001a}.receipt-main-title{color:#f97316;text-align:center;background-color:#0000;margin-bottom:5px;padding:0;font-size:22px;font-weight:900}.top-details{background-color:#0000;border:1px solid #000;justify-content:space-between;margin-bottom:5px;display:flex}.top-details>div{padding:3px 6px;font-size:15px;font-weight:700}.top-details>div:first-child{border-left:1px solid #000;flex:1}.section-title{text-align:center;color:#f97316;margin:4px 0 2px;font-size:17px;font-weight:800}.receipt-table{border-collapse:collapse;background-color:#0000;width:100%;margin-bottom:2px}.receipt-table th,.receipt-table td{vertical-align:middle;border:1px solid #000;padding:2px 4px;font-size:14px;font-weight:700}.receipt-table th{background-color:#f9fafb}.col-30{width:30%}.col-20{width:20%}.col-50{width:50%}.check-grid{flex-direction:column;gap:2px;display:flex}.check-grid.row-mode{flex-flow:wrap;gap:8px}.check-item{align-items:center;gap:4px;display:flex}.check-box{border:1px solid #000;justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex}.check-box.checked:after{content:"✓";font-size:13px;font-weight:700;line-height:1}.text-line{margin-bottom:2px;font-size:14px;font-weight:700;line-height:1.4}.dotted-line{border-bottom:1px dotted #000;min-width:100px;display:inline-block}.declaration-text{text-align:justify;margin-bottom:3px;font-size:13px;font-weight:700;line-height:1.4}.black-box{color:#fff;text-align:center;background-color:#000;margin:3px 0;padding:4px;font-size:14px;font-weight:800;line-height:1.4}.signature-table{border-collapse:collapse;background-color:#0000;width:100%;margin-bottom:2px}.signature-table th,.signature-table td{text-align:center;border:1px solid #000}.signature-table th{padding:3px;font-size:14px}.signature-table td{vertical-align:top;height:50px;padding:3px}.receipt-footer{text-align:center;color:#ea580c;border-top:4px solid #ea580c;justify-content:center;align-items:center;gap:10px;margin-top:15px;padding-top:10px;font-size:1.3rem;font-weight:900;display:flex}.payments-container{flex-direction:column;gap:24px;animation:.3s ease-in-out fadeIn;display:flex}.payments-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.payments-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;width:100%;display:flex}.payments-actions .form-group,.payments-actions .search-box{flex:1;min-width:200px;max-width:280px;margin-bottom:0}.payments-actions .search-box,.payments-actions .form-group>div:first-of-type,.payments-actions .btn-primary{box-sizing:border-box;height:48px!important}.payments-actions .form-group>div:first-of-type{border-radius:12px!important}.members-table-wrapper{width:100%;overflow-x:auto}@media (width<=768px){.payments-actions{flex-direction:row}.payments-actions .search-box,.payments-actions .form-group{flex:1;min-width:calc(50% - 6px);max-width:none}.payments-actions .btn-primary{flex:none;width:100%}}.member-details-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px;margin-bottom:24px;padding:16px;display:grid}.member-detail-item{flex-direction:column;gap:4px;display:flex}.member-detail-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.member-detail-value{color:var(--text-h);font-size:1rem;font-weight:700}.payment-dialog{border-radius:16px;width:95%;max-width:750px;box-shadow:0 10px 40px #00000026}.payment-dialog .dialog-header{border-bottom:1px solid var(--border);padding:24px}.payment-dialog .dialog-body{padding:24px}.payment-dialog .form-row{gap:16px;margin-bottom:16px;display:flex}.payment-dialog .form-row>.form-group{flex:1}.payment-dialog .form-group{margin-bottom:16px}.payment-dialog label{color:var(--text-h);margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.payment-dialog textarea{min-height:60px}.transaction-type-selector{gap:20px;margin-bottom:24px;display:flex}.transaction-type-option{flex:1;position:relative}.transaction-type-option input[type=radio]{opacity:0;width:0;height:0;position:absolute}.transaction-type-card{border:2px solid var(--border);background-color:var(--card-bg);cursor:pointer;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:10px 16px;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.transaction-type-icon{background-color:var(--bg-body);color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.transaction-type-option input[type=radio]:checked+.transaction-type-card{color:#f97316;background-color:#f9731614;border-color:#f97316;transform:translateY(-2px);box-shadow:0 4px 15px #f9731626}.transaction-type-option input[type=radio]:checked+.transaction-type-card .transaction-type-icon{color:#fff;background-color:#f97316}.transaction-type-card:hover{border-color:#fb923c;transform:translateY(-2px);box-shadow:0 4px 15px #0000000d}@media (width<=1100px){.members-table-wrapper{box-shadow:none;background:0 0;border:none;padding:0;overflow:visible}.members-table{width:100%;display:block}.members-table thead{display:none}.members-table tbody{grid-template-columns:1fr 1fr;gap:20px;display:grid}.members-table tr{background-color:var(--card-bg,#fff);border:1px solid #0000000a;border-radius:24px;flex-direction:column;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px -5px #00000012,0 5px 15px -3px #0000000a}body.dark-mode .members-table tr{border-color:#ffffff0d;box-shadow:0 15px 35px -5px #0000004d}.members-table tr:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 25px 50px -10px #0000001a}body.dark-mode .members-table tr:hover{box-shadow:0 25px 50px -10px #00000080}.members-table td{border-bottom:1px dashed #00000014;justify-content:space-between;align-items:center;padding:14px 0;display:flex}body.dark-mode .members-table td{border-bottom:1px dashed #ffffff1a}.members-table tr:last-child td{border-bottom:1px dashed #00000014}body.dark-mode .members-table tr:last-child td{border-bottom:1px dashed #ffffff1a}.members-table td:last-child{background:linear-gradient(135deg,#f973160d 0%,#fb923c1a 100%);border:1px solid #f973161a;border-radius:16px;justify-content:center;margin-top:20px;padding:16px}body.dark-mode .members-table td:last-child{background:linear-gradient(135deg,#fb923c0d 0%,#f9731614 100%);border-color:#fb923c26}.members-table td:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background-color:var(--bg);border-radius:6px;padding:4px 10px;font-size:.85rem;font-weight:700}body.dark-mode .members-table td:before{background-color:var(--bg-hover)}.members-table td:first-child{justify-content:space-between;padding-top:0}.members-table td:last-child:before{display:none}}@media (width<=768px){.members-table tbody{grid-template-columns:1fr}}.funds-container{flex-direction:column;gap:24px;animation:.3s ease-in-out fadeIn;display:flex}.funds-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.funds-actions{gap:12px;display:flex}.funds-summary{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.fund-card{background-color:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);border-radius:20px;flex-direction:column;gap:16px;padding:24px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px -5px #0000000d,0 5px 15px -3px #00000005}.fund-card:hover{transform:translateY(-6px);box-shadow:0 25px 50px -10px #0000001a}body.dark-mode .fund-card{border-color:#ffffff0d;box-shadow:0 15px 35px -5px #0000004d}.fund-card-header{align-items:center;gap:16px;display:flex}.fund-card-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 10px 15px -3px #0000001a}.fund-card-icon.bank{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.fund-card-icon.mail{background:linear-gradient(135deg,#f59e0b,#b45309)}.fund-card-icon.wallet{background:linear-gradient(135deg,#10b981,#047857)}.fund-card-icon.default{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.fund-card-title{color:var(--text-h);margin:0;font-size:1.25rem;font-weight:700}.fund-card-balance{color:var(--text-h);letter-spacing:-.5px;margin-top:4px;margin-bottom:8px;font-size:2rem;font-weight:800}.fund-card-actions{border-top:1px dashed var(--border);gap:8px;margin-top:auto;padding-top:16px;display:flex}.btn-action{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-action.edit-btn{color:#16a34a;background-color:#f0fdf4;border:1px solid #bbf7d0}.btn-action.edit-btn:hover{background-color:#dcfce7;transform:scale(1.02)}.btn-action.delete-btn{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.btn-action.delete-btn:hover{background-color:#fee2e2;transform:scale(1.02)}.btn-action.view-btn{background-color:var(--accent);color:#fff;flex:2}.btn-action.view-btn:hover{background-color:var(--accent-dark);transform:scale(1.02);box-shadow:0 4px 12px #f9731633}body.dark-mode .btn-action.edit-btn{color:#4ade80;background-color:#16a34a26;border-color:#16a34a4d}body.dark-mode .btn-action.delete-btn{color:#f87171;background-color:#dc262626;border-color:#dc26264d}.funds-table-wrapper{background-color:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:24px;overflow-x:auto;box-shadow:0 10px 30px #00000005}.filters-row{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.filters-row .form-group{flex:1;min-width:220px}.badge-in{color:#10b981;background-color:#10b9811a;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:700}.badge-out{color:#ef4444;background-color:#ef44441a;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:700}.amount-cell{font-size:1.1rem;font-weight:800}.add-fund-dialog{background:var(--card-bg);border-radius:20px;width:95%;max-width:600px;box-shadow:0 20px 40px #0003}.add-fund-dialog .dialog-header{border-bottom:1px solid var(--border);background:#00000003;border-radius:20px 20px 0 0;padding:24px 32px}.add-fund-dialog .dialog-body{padding:32px}.add-fund-dialog .form-group{margin-bottom:20px}.add-fund-dialog label{color:var(--text-h);margin-bottom:10px;font-size:.95rem;font-weight:700;display:block}.add-fund-dialog .form-row{gap:20px;display:flex}@media (width<=768px){.add-fund-dialog .form-row{flex-direction:column;gap:0}}.reports-container{padding:10px 10px 40px;animation:.4s ease-out fadeIn}.reports-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.reports-actions{gap:12px;display:flex}.tabs-container{background-color:var(--card-bg);border:1px solid var(--border);border-radius:12px;gap:12px;margin-bottom:24px;padding:8px;display:flex;overflow-x:auto;box-shadow:0 2px 4px #0000000d}.tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.tab-btn:hover{background-color:var(--bg-hover);color:var(--text-h)}.tab-btn.active{background-color:var(--accent-bg);color:var(--accent)}.unified-filters-section{background:linear-gradient(145deg, var(--card-bg) 0%, #ffffff0d 100%);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:20px;margin-bottom:24px;padding:24px;display:flex;box-shadow:0 4px 20px #0000000a}.sub-tabs-container{background-color:var(--bg-body);border:1px solid var(--border);border-radius:24px;gap:4px;width:fit-content;padding:6px;display:flex}.sub-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background-color:#0000;border:none;border-radius:20px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .25s}.sub-tab-btn:hover{color:var(--text-h);background-color:#ffffff0d}.sub-tab-btn.active{background-color:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb), .3)}.filters-row{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.filter-group{flex-direction:column;flex:1;gap:8px;min-width:220px;display:flex}.filter-group label{color:var(--text-muted);margin-inline-start:4px;font-size:.85rem;font-weight:600}.filter-group input.form-control,.filter-group .custom-dropdown-header{box-sizing:border-box;background-color:var(--bg-body);border:1px solid var(--border);border-radius:12px;height:50px;padding:0 16px;font-size:1rem;transition:all .2s}.filter-group input.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .1)}.report-content{background-color:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{color:var(--border);margin-bottom:16px}.empty-state p{font-size:1.1rem;font-weight:500}.report-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.report-metric-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.report-metric-icon{background-color:var(--accent-bg);width:48px;height:48px;color:var(--accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.report-metric-info{flex-direction:column;display:flex}.report-metric-title{color:var(--text-muted);margin-bottom:4px;font-size:.85rem;font-weight:600}.report-metric-value{color:var(--text-h);font-size:1.25rem;font-weight:700}.report-table-wrapper{overflow-x:auto}.report-table{border-collapse:collapse;width:100%}.report-table th{background-color:var(--bg-hover);text-align:start;color:var(--text-muted);border-bottom:1px solid var(--border);padding:12px 16px;font-size:.85rem;font-weight:600}.report-table td{border-bottom:1px solid var(--border);color:var(--text-h);padding:12px 16px}.report-table tr:last-child td{border-bottom:none}.individual-report{flex-direction:column;gap:2rem;animation:.4s ease-out fadeIn;display:flex}.financial-summary-section{background:linear-gradient(145deg, var(--card-bg) 0%, #ffffff08 100%);border:1px solid var(--border);border-radius:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000014}.financial-summary-section h3,.payments-list-section h3{color:var(--text-h);align-items:center;gap:8px;margin-bottom:20px;font-size:1.2rem;font-weight:700;display:flex}.financial-cards-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px;display:grid}@media (width<=600px){.financial-cards-grid{grid-template-columns:1fr}}.financial-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:16px;align-items:center;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #00000005}.financial-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000000f}.fc-icon{background-color:var(--bg-body);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.5rem;display:flex}.fc-content{flex-direction:column;gap:4px;display:flex;overflow:hidden}.fc-title{color:var(--text-muted);font-size:.9rem;font-weight:600}.fc-value{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:1.15rem;font-weight:800;overflow:hidden}.highlight-card{background:linear-gradient(135deg,#ef44441a,#ef444405);border:1px solid #ef44444d}.highlight-card .fc-title{color:#ef4444}.highlight-card .fc-value{color:#ef4444;text-shadow:0 2px 4px #ef44441a;font-size:1.25rem}.highlight-card .fc-icon{background-color:#0000!important}.payments-list-section .custom-table{border-collapse:collapse;background-color:var(--card-bg);border:1px solid var(--border);border-radius:12px;width:100%;overflow:hidden;box-shadow:0 4px 12px #00000008}.payments-list-section .custom-table th,.payments-list-section .custom-table td{text-align:start;padding:16px 20px}.payments-list-section .custom-table thead th{background-color:var(--bg-hover);color:var(--text-h);border-bottom:2px solid var(--border);font-size:.95rem;font-weight:700}.payments-list-section .custom-table tbody tr{border-bottom:1px solid var(--border);transition:all .2s}.payments-list-section .custom-table tbody tr:last-child{border-bottom:none}.payments-list-section .custom-table tbody tr:hover{background-color:var(--bg-hover);transform:scale(1.002)}.payments-list-section .custom-table td{vertical-align:middle;color:var(--text-h);font-size:.95rem}.login-wrapper{background-color:var(--bg);width:100%;min-height:100vh;font-family:var(--sans);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-container{background:var(--card-bg);width:100%;max-width:420px;box-shadow:0 25px 50px -12px #00000026, 0 0 0 1px var(--border);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;margin:20px;padding:40px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade;position:relative}body.dark-mode .login-container{box-shadow:0 25px 50px -12px #00000080, 0 0 0 1px var(--border)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.login-logo{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 10px 20px #f973164d}.login-header h1{color:var(--text-h);margin:0 0 8px;font-size:1.75rem;font-weight:700}.login-header p{color:var(--text-muted);margin:0;font-size:.95rem}.login-form{flex-direction:column;gap:20px;display:flex}.login-options{justify-content:space-between;align-items:center;margin-top:-4px;display:flex}.forgot-password{color:var(--accent);font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.forgot-password:hover{color:var(--text-h)}.btn-login{color:#fff;font-family:var(--sans);cursor:pointer;background:linear-gradient(135deg,#111827 0%,#374151 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:14px;font-size:1.05rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}body.dark-mode .btn-login{color:#111827;background:linear-gradient(135deg,#f3f4f6 0%,#d1d5db 100%)}.btn-login:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.btn-login:active{transform:translateY(0)}.btn-login.loading{opacity:.8;cursor:not-allowed;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}body.dark-mode .spinner{border:2px solid #0000001a;border-top-color:#000}@keyframes spin{to{transform:rotate(360deg)}}