@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--bg-main: #F5F7FA;--bg-main-gradient: linear-gradient(135deg, #F5F7FA 0%, #E8ECF4 50%, #F0F4F8 100%);--bg-card: rgba(255, 255, 255, .85);--bg-card-solid: #FFFFFF;--bg-sidebar: #0F1419;--bg-sidebar-hover: #1C2128;--noise-overlay: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");--primary: #1E3A5F;--primary-light: #2D5A8A;--primary-dark: #152942;--primary-bg: rgba(30, 58, 95, .1);--primary-shadow: rgba(30, 58, 95, .34);--accent: #D4A853;--accent-light: #E8C878;--accent-dark: #B8923F;--accent-bg: rgba(212, 168, 83, .15);--success: #2D8A5F;--success-bg: rgba(45, 138, 95, .12);--danger: #C94A4A;--danger-bg: rgba(201, 74, 74, .12);--warning: #D4A853;--warning-bg: rgba(212, 168, 83, .12);--info: #3B7CB8;--info-bg: rgba(59, 124, 184, .12);--text-primary: #11142D;--text-secondary: #475569;--text-muted: #64748B;--text-light: #FFFFFF;--border-color: #E4E4E7;--surface-hover: rgba(30, 58, 95, .06);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 20px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--sidebar-width: 280px;--header-height: 80px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--focus-ring-color: rgba(30, 58, 95, .4);--focus-ring-offset: 2px;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-xl: clamp(1.25rem, 1rem + 1.25vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-3xl: clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);--text-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3.5rem);--space-xs: clamp(.25rem, .2rem + .25vw, .5rem);--space-sm: clamp(.5rem, .4rem + .5vw, .75rem);--space-md: clamp(1rem, .8rem + 1vw, 1.5rem);--space-lg: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--space-xl: clamp(2rem, 1.5rem + 2.5vw, 4rem)}[data-theme=dark]{--bg-main: #0B1120;--bg-main-gradient: linear-gradient(135deg, #0B1120 0%, #152238 50%, #0B1120 100%);--bg-card: rgba(21, 34, 56, .85);--bg-card-solid: #152238;--bg-sidebar: #070B14;--bg-sidebar-hover: #152238;--primary: #4A7AB8;--primary-light: #6B9AD4;--primary-dark: #3A6298;--primary-bg: rgba(74, 122, 184, .15);--primary-shadow: rgba(74, 122, 184, .4);--accent: #E8C878;--accent-light: #F4DC9A;--accent-dark: #D4A853;--accent-bg: rgba(232, 200, 120, .15);--success: #4ADE80;--success-bg: rgba(74, 222, 128, .15);--danger: #F87171;--danger-bg: rgba(248, 113, 113, .15);--warning: #E8C878;--warning-bg: rgba(232, 200, 120, .15);--info: #60A5FA;--info-bg: rgba(96, 165, 250, .15);--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-light: #FFFFFF;--border-color: #2D3F5B;--surface-hover: rgba(74, 122, 184, .16);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .6);--focus-ring-color: rgba(74, 122, 184, .5)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-main: #0F172A;--bg-card: #1E293B;--bg-sidebar: #0F172A;--bg-sidebar-hover: #1E293B;--primary: #818CF8;--primary-light: #A5B4FC;--primary-dark: #6366F1;--primary-bg: rgba(129, 140, 248, .15);--primary-shadow: rgba(129, 140, 248, .4);--success: #4ADE80;--success-bg: rgba(74, 222, 128, .15);--danger: #F87171;--danger-bg: rgba(248, 113, 113, .15);--warning: #FBBF24;--warning-bg: rgba(251, 191, 36, .15);--info: #60A5FA;--info-bg: rgba(96, 165, 250, .15);--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-light: #FFFFFF;--border-color: #334155;--surface-hover: rgba(129, 140, 248, .16);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--focus-ring-color: rgba(129, 140, 248, .5)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}*:focus{outline:none}*:focus-visible{outline:2px solid var(--primary);outline-offset:var(--focus-ring-offset)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 4px var(--focus-ring-color)}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg-main-gradient);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;position:relative;cursor:default;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-wrap:balance;font-weight:700;line-height:1.2}p{text-wrap:pretty}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:#fff;padding:8px;z-index:99999;transition:top .3s;text-decoration:none;font-weight:600;border-radius:0 0 8px}.skip-link:focus{top:0;outline:2px solid var(--accent)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:var(--noise-overlay);opacity:.02;pointer-events:none;z-index:9999}.cursor-dot,.cursor-outline{display:none}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;opacity:.3;animation:floatParticle 20s infinite ease-in-out}.particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:25s}.particle:nth-child(2){left:20%;animation-delay:2s;animation-duration:20s}.particle:nth-child(3){left:30%;animation-delay:4s;animation-duration:28s}.particle:nth-child(4){left:40%;animation-delay:1s;animation-duration:22s}.particle:nth-child(5){left:50%;animation-delay:3s;animation-duration:24s}.particle:nth-child(6){left:60%;animation-delay:5s;animation-duration:26s}.particle:nth-child(7){left:70%;animation-delay:2.5s;animation-duration:21s}.particle:nth-child(8){left:80%;animation-delay:4.5s;animation-duration:23s}.particle:nth-child(9){left:90%;animation-delay:1.5s;animation-duration:27s}.particle:nth-child(10){left:15%;animation-delay:3.5s;animation-duration:19s}@keyframes floatParticle{0%,to{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.4;transform:translateY(80vh) scale(1)}90%{opacity:.2;transform:translateY(-10vh) scale(.8)}to{transform:translateY(-20vh) scale(0);opacity:0}}@keyframes welcomeFade{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.page.active{animation:welcomeFade .6s cubic-bezier(.22,1,.36,1) forwards}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.page{display:none;min-height:100vh}.page.active{display:flex}.dashboard-layout{display:flex;width:100%;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);padding:24px 16px;display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100;transition:transform var(--transition-normal)}.sidebar-header{padding:0 12px 32px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:24px}.sidebar-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.sidebar-logo .logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px}.sidebar-logo .logo-text{color:var(--text-light);font-weight:700;font-size:18px}.nav-links{flex:1;display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:14px;padding:14px 16px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);font-weight:500;font-size:14px;transition:all var(--transition-fast)}.nav-link:hover{background:var(--bg-sidebar-hover);color:var(--text-light)}.nav-link.active{background:var(--primary);color:var(--text-light);box-shadow:0 4px 12px var(--primary-shadow)}.nav-icon{font-size:20px;width:24px;text-align:center}.logout-link{margin-top:auto;color:var(--danger)!important}.logout-link:hover{background:var(--danger-bg)!important}.sidebar-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-footer .logout-link{flex:1;margin-top:0}.sidebar-theme-toggle{display:flex;align-items:center;justify-content:center;padding:10px;color:var(--text-muted);border-radius:var(--radius-md);transition:all var(--transition-normal);border:none;background:#ffffff0d;cursor:pointer;flex-shrink:0}.sidebar-theme-toggle:hover{background:var(--bg-sidebar-hover);color:var(--text-light)}.sidebar-theme-toggle svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.navbar,.glass-nav{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);padding:20px 16px;display:flex;flex-direction:column;height:100vh;position:fixed;top:0;left:0;z-index:100;overflow-y:auto}.nav-brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}.nav-logo{font-size:28px}.nav-title{color:var(--text-light);font-weight:700;font-size:16px}.apartment-badge{background:var(--accent, #D4A853);color:#1e3a5f;padding:6px 14px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:12px;box-shadow:0 2px 8px #d4a8534d;white-space:nowrap;min-width:70px;text-align:center}.mobile-menu-btn{display:none}.main-content{flex:1;margin-left:var(--sidebar-width);padding:20px 24px;min-height:100vh;height:100vh;overflow-y:auto;background:var(--bg-main)}.top-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:24px}.page-title{font-size:28px;font-weight:700;color:var(--text-primary);text-wrap:balance;line-height:1.2}.header-actions{display:flex;align-items:center;gap:16px}.search-box{display:flex;align-items:center;background:var(--bg-card);border-radius:var(--radius-lg);padding:12px 20px;width:280px;box-shadow:var(--shadow-sm)}.search-box input{border:none;background:transparent;font-size:14px;width:100%;outline:none;color:var(--text-primary)}.search-box input::placeholder{color:var(--text-muted)}.header-icon-btn{width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-card);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.header-icon-btn:hover{background:var(--primary);color:#fff}.user-avatar{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.section{display:none}.section.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.finance-stats-grid>*,.dashboard-grid>*,.transactions-container>*{animation:slideInUp .5s ease-out both}.finance-stats-grid>*:nth-child(1){animation-delay:0ms}.finance-stats-grid>*:nth-child(2){animation-delay:80ms}.finance-stats-grid>*:nth-child(3){animation-delay:.16s}.finance-stats-grid>*:nth-child(4){animation-delay:.24s}.dashboard-grid>*:nth-child(1){animation-delay:.2s}.dashboard-grid>*:nth-child(2){animation-delay:.28s}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.btn:active:after{width:300px;height:300px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.section-header h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;text-wrap:balance}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.content-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.content-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}@media (max-width: 768px){.content-grid-2,.content-grid-3{grid-template-columns:1fr}}.card,.glass-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.2);transition:all var(--transition-normal);margin-bottom:24px}.card:hover,.glass-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-bg)}.card:last-child,.glass-card:last-child{margin-bottom:0}.profile-card{padding:24px}.form-value{font-size:14px;color:var(--text-secondary);padding:12px 16px;background:#0000000d;border-radius:var(--radius-md);margin:0}.card:hover{box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.card-title{font-size:16px;font-weight:600;color:var(--text-primary)}.summary-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:20px 24px;box-shadow:var(--shadow-sm);margin-bottom:24px}.summary-card h3,.summary-card p{margin-bottom:8px}.summary-card p:last-child{margin-bottom:0}.summary-row{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.summary-item{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-sm);min-width:180px}.summary-item strong{display:block;font-size:20px;font-weight:700;color:var(--text-primary)}.summary-item span{font-size:13px;color:var(--text-secondary)}.filter-bar,.filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px;padding:16px 20px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.filter-bar label,.filters label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.filter-bar select,.filters select{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-main);font-size:14px;min-width:120px}.data-table-container{background:var(--bg-card);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-md);overflow-x:auto;margin-bottom:24px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:14px 12px;text-align:left;border-bottom:1px solid var(--border-color);font-size:14px;font-variant-numeric:tabular-nums}.data-table th{font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:12px;background:var(--bg-main)}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.list-container{display:flex;flex-direction:column;gap:16px}.list-item{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.list-item-content h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.list-item-content p{font-size:13px;color:var(--text-secondary)}.list-item-actions{display:flex;gap:8px}.charts-row-custom{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:40px}@media (max-width: 900px){.charts-row-custom{grid-template-columns:1fr;gap:24px}}.chart-card-custom{background:var(--bg-card);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-md)}.chart-card-custom .chart-header{margin-bottom:24px}.chart-card-custom .chart-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.finance-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:32px}.finance-stat-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:20px;transition:all var(--transition-normal);border-left:4px solid transparent}.finance-stat-card:hover{transform:translateY(-4px) rotateX(2deg) rotateY(-1deg);box-shadow:var(--shadow-lg),0 15px 35px #1e3a5f26}.finance-stat-card:nth-child(1){transform:rotate(-.5deg)}.finance-stat-card:nth-child(2){transform:rotate(.3deg)}.finance-stat-card:nth-child(3){transform:rotate(-.2deg)}.finance-stat-card:nth-child(4){transform:rotate(.4deg)}.finance-stat-card:nth-child(1):hover,.finance-stat-card:nth-child(2):hover,.finance-stat-card:nth-child(3):hover,.finance-stat-card:nth-child(4):hover{transform:translateY(-4px) rotateX(2deg) rotateY(-1deg) rotate(0)}.finance-stat-card.income{border-left-color:var(--success)}.finance-stat-card.expense{border-left-color:var(--danger)}.finance-stat-card.balance{border-left-color:var(--primary)}.stat-card-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.finance-stat-card.income .stat-card-icon{background:var(--success-bg)}.finance-stat-card.expense .stat-card-icon{background:var(--danger-bg)}.finance-stat-card.balance .stat-card-icon{background:var(--primary-bg)}.stat-card-content{display:flex;flex-direction:column;gap:4px}.stat-card-label{font-size:14px;color:var(--text-secondary);font-weight:500}.stat-card-value{font-size:26px;font-weight:700;color:var(--text-primary)}.finance-stat-card.income .stat-card-value{color:var(--success)}.finance-stat-card.expense .stat-card-value{color:var(--danger)}.finance-filter-bar{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:24px;padding:16px 24px;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}#finance-section .finance-filter-bar{position:sticky;top:0;z-index:12}.finance-filter-bar .filter-group{display:flex;align-items:center;gap:10px}.finance-filter-bar label{font-size:14px;font-weight:500;color:var(--text-secondary)}.finance-filter-bar select{padding:10px 16px;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-main);font-size:14px;font-weight:500;min-width:140px;cursor:pointer;transition:border-color var(--transition-fast)}.finance-filter-bar select:focus{outline:none;border-color:var(--primary)}.active-filter-chips{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.active-filter-chip{display:inline-flex;align-items:center;padding:6px 10px;font-size:12px;font-weight:600;border-radius:var(--radius-sm);background:var(--primary-bg);color:var(--primary)}.transactions-container{background:var(--bg-card);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-md)}.transactions-list{display:flex;flex-direction:column;gap:16px}.transaction-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-main);border-radius:var(--radius-lg);border-left:4px solid transparent;transition:all var(--transition-fast)}.transaction-card:hover{background:var(--surface-hover)}.transaction-card.income{border-left-color:var(--success)}.transaction-card.expense{border-left-color:var(--danger)}.transaction-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.transaction-card.income .transaction-icon{background:var(--success-bg)}.transaction-card.expense .transaction-icon{background:var(--danger-bg)}.transaction-info{flex:1;min-width:0}.transaction-category{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.transaction-description{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bill-trend{margin-top:4px;font-size:12px;font-weight:600}.bill-trend.income{color:var(--success)}.bill-trend.expense{color:var(--danger)}.bill-trend.balance{color:var(--text-secondary)}.transaction-meta{text-align:right;flex-shrink:0}.transaction-amount{font-size:18px;font-weight:700;margin-bottom:4px}.transaction-amount.income{color:var(--success)}.transaction-amount.expense{color:var(--danger)}.transaction-date{font-size:12px;color:var(--text-muted)}.transaction-actions{display:flex;gap:8px;flex-shrink:0}.transaction-actions .btn{padding:8px 12px}.chart-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.chart-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.chart-legend{display:flex;gap:20px}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.paid{background:var(--success)}.legend-dot.unpaid{background:var(--danger)}.chart-wrapper{position:relative;height:250px;margin-bottom:24px}.chart-wrapper-sm{height:240px}.chart-wrapper canvas{width:100%!important;height:100%!important}.chart-summary{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--border-color)}.chart-summary-top{margin-top:24px}.overview-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:64px;margin-bottom:48px}.overview-chart-card{background:var(--bg-card-solid);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.chart-stat{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-main);border-radius:var(--radius-lg);border-left:3px solid transparent}.chart-stat.income{border-left-color:var(--success)}.chart-stat.expense{border-left-color:var(--danger)}.chart-stat.balance{border-left-color:var(--primary)}.chart-stat-icon{font-size:24px}.chart-stat-info{display:flex;flex-direction:column}.chart-stat-value{font-size:20px;font-weight:700;color:var(--text-primary)}.chart-stat-label{font-size:12px;color:var(--text-secondary)}.dues-timeline{display:flex;justify-content:space-between;align-items:flex-end;position:relative;padding:60px 10px 30px;margin:20px 0}.dues-timeline:before{content:"";position:absolute;bottom:15px;left:20px;right:20px;height:4px;background:linear-gradient(90deg,var(--border-color) 0%,var(--border-color) 100%);border-radius:2px}.timeline-marker{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;cursor:pointer;transition:transform .3s ease}.timeline-marker:hover{transform:translateY(-5px)}.timeline-pin{width:48px;height:60px;position:relative;margin-bottom:8px}.timeline-pin .pin-body{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;box-shadow:0 4px 15px #0003;position:relative;z-index:2;transition:all .3s ease}.timeline-pin .pin-tail{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:14px solid;position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:1}.timeline-marker.paid .pin-body{background:linear-gradient(135deg,#34d399,#10b981,#059669)}.timeline-marker.paid .pin-tail{border-top-color:#059669}.timeline-marker.paid:hover .pin-body{box-shadow:0 6px 20px #10b98166}.timeline-marker.unpaid .pin-body{background:linear-gradient(135deg,#fb7185,#f43f5e,#e11d48)}.timeline-marker.unpaid .pin-tail{border-top-color:#e11d48}.timeline-marker.unpaid:hover .pin-body{box-shadow:0 6px 20px #ef444466}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--bg-card-solid);border:3px solid;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);z-index:3}.timeline-marker.paid .timeline-dot{border-color:#10b981}.timeline-marker.unpaid .timeline-dot{border-color:#f43f5e}.timeline-label{font-size:11px;font-weight:600;color:var(--text-secondary);margin-top:15px}@media (max-width: 768px){.dues-timeline{padding:50px 5px 25px;overflow-x:auto;justify-content:flex-start;gap:10px}.timeline-pin{width:36px;height:48px}.timeline-pin .pin-body{width:36px;height:36px;font-size:11px}.timeline-pin .pin-tail{border-left-width:8px;border-right-width:8px;border-top-width:10px}.timeline-label{font-size:9px}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-top:24px}.dashboard-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:24px}.overview-alerts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.overview-alert-card{display:flex;align-items:center;gap:12px;border:1px solid var(--border-color);background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:all var(--transition-fast);color:inherit;text-align:left}.overview-alert-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.overview-alert-icon{width:40px;height:40px;border-radius:12px;background:var(--primary-bg);display:flex;align-items:center;justify-content:center}.overview-alert-info{display:flex;flex-direction:column;gap:2px;flex:1}.overview-alert-info strong{font-size:14px}.overview-alert-value{font-size:13px;font-weight:700;color:var(--primary)}.overview-alert-desc{font-size:12px;color:var(--text-muted)}.overview-alert-arrow{color:var(--text-muted)}.dashboard-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-md)}.dashboard-card h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.recent-list{display:flex;flex-direction:column;gap:12px}.recent-item{padding:12px;background:var(--bg-main);border-radius:var(--radius-md)}.recent-item h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.recent-item p{font-size:12px;color:var(--text-secondary)}.empty-state{text-align:center;padding:24px;color:var(--text-muted);font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-md);display:flex;align-items:flex-start;gap:20px}.stat-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-icon.primary{background:var(--primary-bg);color:var(--primary)}.stat-icon.success{background:var(--success-bg);color:var(--success)}.stat-icon.warning{background:var(--warning-bg);color:var(--warning)}.stat-icon.danger{background:var(--danger-bg);color:var(--danger)}.stat-icon.info{background:var(--info-bg);color:var(--info)}.stat-content{flex:1}.stat-label{font-size:13px;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-change{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;margin-top:8px;padding:4px 8px;border-radius:var(--radius-sm)}.stat-change.positive{background:var(--success-bg);color:var(--success)}.stat-change.negative{background:var(--danger-bg);color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-shadow)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-shadow)}.btn-secondary{background:var(--bg-main);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:8px 16px;font-size:13px;border-radius:var(--radius-md)}.btn-full{width:100%}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 18px;font-size:14px;border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-fast);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-bg)}.form-group input::placeholder{color:var(--text-muted)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.flex-1{flex:1}.flex-2{flex:2}.section-block{margin-bottom:24px}.section-top-space{margin-top:24px}.resident-gap-lg{margin-bottom:48px}.greenapi-actions{gap:8px;margin-top:12px}.greenapi-config{border:1px solid var(--border-color)}.is-hidden{display:none!important}.form-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.form-section-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.password-display-wrapper{display:flex;gap:8px}.password-display-wrapper input{flex:1;font-family:Courier New,monospace;font-weight:600;letter-spacing:1px}.btn-sm{padding:8px 12px;font-size:14px}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.btn-full{width:100%;justify-content:center}.form-hint{display:block;font-size:11px;color:var(--text-muted);margin-top:6px}.message-preview{padding:16px;background:var(--bg-main);border-radius:var(--radius-md)}.notification-preview-text{white-space:pre-wrap;margin:0;color:var(--text-primary)}.notification-stats{display:flex;gap:16px;margin-bottom:16px}.notification-stats .stat-item{padding:10px 12px;border-radius:var(--radius-md);background:var(--bg-main);border:1px solid var(--border-color)}.notification-stats .label{color:var(--text-secondary);margin-right:6px}.notification-stats .value{font-weight:700;color:var(--primary)}.btn-loading{font-weight:600}.table-container{background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}table{width:100%;border-collapse:collapse}thead{background:var(--bg-main)}th{padding:16px 20px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}td{padding:16px 20px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg-main)}.badge{display:inline-flex;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;border-radius:var(--radius-sm)}.badge.success{background:var(--success-bg);color:var(--success)}.badge.warning{background:var(--warning-bg);color:var(--warning)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.secondary{background:var(--bg-main);color:var(--text-secondary)}.badge.primary{background:var(--primary-bg);color:var(--primary)}.list-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--bg-main)}.list-item-content{display:flex;align-items:center;gap:16px}.list-item-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px}.list-item-text h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.list-item-text p{font-size:12px;color:var(--text-secondary)}.list-item-value{font-size:16px;font-weight:700}.list-item-value.income{color:var(--success)}.list-item-value.expense{color:var(--danger)}.apartments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.apartment-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.apartment-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.apt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.apt-number{font-size:18px;font-weight:700;color:var(--text-primary)}.apt-status.badge.success{background:var(--success-bg);color:var(--success)}.apt-status.badge.warning{background:var(--warning-bg);color:var(--warning)}.apt-status.badge.secondary{background:var(--bg-main);color:var(--text-secondary)}.apt-details p{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.apt-details p strong{color:var(--text-primary)}.apt-actions{margin-top:16px;display:flex;gap:8px}.apt-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color)}.apt-detail-row:last-child{border-bottom:none}.apt-label{font-size:13px;color:var(--text-secondary)}.apt-value{font-size:13px;font-weight:600;color:var(--text-primary)}.apt-email{font-size:11px;word-break:break-all}.apt-due-status{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color)}.apt-quality-warnings{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.apt-warning-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;background:var(--warning-bg);color:var(--accent-dark)}.due-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:600}.due-badge.paid{background:var(--success-bg);color:var(--success)}.due-badge.unpaid{background:var(--danger-bg);color:var(--danger)}.btn-outline{background:transparent;border:2px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-main);border-color:var(--primary);color:var(--primary)}.apartment-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.detail-section{background:var(--bg-main);padding:20px;border-radius:var(--radius-lg)}.detail-section.full-width{grid-column:1 / -1}.detail-section h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-label{font-size:13px;color:var(--text-secondary)}.detail-value{font-size:13px;font-weight:600;color:var(--text-primary)}.due-months-grid{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.due-month-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:default}.due-month-badge.paid{background:var(--success-bg);color:var(--success)}.due-month-badge.unpaid{background:var(--danger-bg);color:var(--danger)}.due-month-badge.future{background:var(--bg-card);color:var(--text-muted);border:1px dashed var(--border-color)}.due-summary{display:flex;gap:16px}.due-stat{font-size:13px;font-weight:600}.due-stat.paid{color:var(--success)}.due-stat.unpaid{color:var(--danger)}.search-input{padding:10px 16px;border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text-primary);font-size:14px;min-width:200px;transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-bg)}.search-input::placeholder{color:var(--text-muted)}.modal-large{max-width:700px}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted);font-size:14px}@media (max-width: 640px){.apartment-detail-grid{grid-template-columns:1fr}.due-months-grid{justify-content:center}}.chart-container{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-md)}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.chart-wrapper{height:300px;position:relative}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:1000}.modal.active{display:flex}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#11142d99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--bg-card);border-radius:var(--radius-xl);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:18px;font-weight:700;color:var(--text-primary)}.modal-close{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-main);border:none;cursor:pointer;font-size:18px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{background:var(--danger-bg);color:var(--danger)}.modal-body,.modal-form{padding:24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.decision-detail-modal-body,.apartment-detail-modal-body{padding:24px}.decision-detail-title{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.decision-detail-meta{display:flex;gap:16px;margin-bottom:20px;color:var(--text-secondary);font-size:14px}.decision-detail-text{background:var(--bg-main);padding:20px;border-radius:var(--radius-md);line-height:1.7;color:var(--text-primary);white-space:pre-wrap}.decision-detail-actions,.apartment-detail-actions{padding:16px 24px;border-top:1px solid var(--border-color);gap:12px}#login-page{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 52%,var(--accent-dark) 100%);align-items:center;justify-content:center;min-height:100vh}#login-page.active{display:flex}.login-container{background:var(--bg-card);border-radius:var(--radius-xl);padding:48px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:36px}.login-header .logo-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px}.login-header h1{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.login-header p{font-size:14px;color:var(--text-secondary)}.login-tabs{display:flex;background:var(--bg-main);border-radius:var(--radius-lg);padding:4px;margin-bottom:28px}.tab-btn{flex:1;padding:12px;border:none;background:transparent;border-radius:var(--radius-md);font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tab-btn.active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.login-form{display:none}.login-form.active{display:block}.login-form .btn-primary{width:100%;padding:16px;font-size:15px;margin-top:8px}.login-hint{text-align:center;margin-top:20px;font-size:12px;color:var(--text-muted)}.dues-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}.month-status{background:var(--bg-card);border-radius:var(--radius-md);padding:12px 8px;text-align:center;border:2px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.month-status.paid{background:var(--success-bg);border-color:var(--success)}.month-status.unpaid{background:var(--danger-bg);border-color:var(--danger)}.month-name{font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.month-icon{font-size:18px}.dues-table-container{overflow-x:auto;background:var(--bg-card);border-radius:var(--radius-xl);padding:16px}.dues-table{width:100%;border-collapse:collapse;min-width:800px}.dues-table th,.dues-table td{padding:12px 8px;text-align:center;font-size:13px;border-bottom:1px solid var(--border-color)}.dues-table th{background:var(--bg-main);font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:11px}.dues-table th:first-child,.dues-table td:first-child{text-align:left;font-weight:600;min-width:80px}.dues-table tbody tr:hover{background:var(--surface-hover)}.due-toggle{width:36px;height:36px;border-radius:var(--radius-md);border:2px solid var(--border-color);background:var(--bg-main);font-size:16px;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.due-toggle:hover{transform:scale(1.1)}.due-toggle.paid{background:var(--success);border-color:var(--success);color:#fff}.due-toggle.unpaid{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.due-toggle.unpaid:hover{background:var(--success-bg);border-color:var(--success);color:var(--success)}.due-input{width:100px;padding:8px 12px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-weight:600;text-align:center}.due-input:focus{outline:none;border-color:var(--primary)}.table-scroll{overflow-x:auto}.dues-control-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.dues-control-group{display:flex;align-items:center;gap:8px}.dues-control-actions{margin-left:auto}.toast-container{position:fixed;top:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:12px;max-width:420px}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-card-solid);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:toastSlideIn .3s ease;min-width:280px;max-width:100%}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{font-size:20px;flex-shrink:0}.toast-message{flex:1;font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4}.toast-action{background:transparent;border:1px solid currentColor;border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.toast-action:hover{background:var(--primary-bg)}.toast-close{background:transparent;border:none;font-size:20px;line-height:1;cursor:pointer;color:var(--text-muted);padding:0;margin-left:8px;transition:color var(--transition-fast);flex-shrink:0}.toast-close:hover{color:var(--text-primary)}.toast.success{border-left:4px solid var(--success)}.toast.success .toast-action{color:var(--success)}.toast.error{border-left:4px solid var(--danger);background:var(--danger-bg)}.toast.error .toast-action{color:var(--danger)}.toast.warning{border-left:4px solid var(--warning)}.toast.warning .toast-action{color:var(--warning)}.toast.info{border-left:4px solid var(--info)}.toast.info .toast-action{color:var(--info)}.toast.loading{border-left:4px solid var(--primary)}.toast.loading .toast-icon{animation:spin 1s linear infinite}.empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary);font-size:14px}.empty-action-btn{margin-top:12px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.mobile-menu-toggle{display:none;background:var(--bg-card);border:none;padding:12px;border-radius:var(--radius-md);cursor:pointer;font-size:20px;box-shadow:var(--shadow-sm)}.transaction-list{background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.maintenance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.maintenance-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-md)}.maintenance-card h3{font-size:16px;font-weight:600;margin-bottom:8px}.maintenance-card p{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.maintenance-card{border-left:4px solid transparent}.maintenance-card.maintenance-overdue{border-left-color:var(--danger)}.maintenance-card.maintenance-urgent{border-left-color:var(--warning)}.maintenance-card.maintenance-normal{border-left-color:var(--info)}.maintenance-card.maintenance-completed{border-left-color:var(--success)}.maintenance-urgency{display:inline-flex;margin-top:6px;font-size:12px;font-weight:600;color:var(--text-secondary)}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.task-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-md);border-left:4px solid var(--border-color);cursor:pointer;transition:all var(--transition-normal)}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.task-card.priority-high{border-left-color:var(--danger)}.task-card.priority-medium{border-left-color:var(--warning)}.task-card.priority-low{border-left-color:var(--success)}.task-card h3{font-size:16px;font-weight:600;margin-bottom:8px}.task-card p{font-size:13px;color:var(--text-secondary);text-wrap:pretty}.tasks-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tasks-column{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:12px}.tasks-column-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;color:var(--text-secondary)}.tasks-column-title span{font-weight:700;color:var(--text-primary)}.decisions-list{display:flex;flex-direction:column;gap:16px}.decision-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-md)}.decision-card h3{font-size:16px;font-weight:600;margin-bottom:8px}.decision-card .date{font-size:12px;color:var(--text-secondary);margin-bottom:12px}.decision-card .content{font-size:14px;color:var(--text-primary);line-height:1.6}.featured-decision-card{background:linear-gradient(135deg,var(--primary-bg) 0%,var(--bg-card) 100%);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}.featured-decision-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.featured-decision-card h4{margin-bottom:8px}.featured-decision-card p{color:var(--text-secondary);margin-bottom:12px}.decision-tag{margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;background:var(--accent-bg);color:var(--accent-dark);font-weight:700}.document-item,.notification-history-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-color)}.document-item:last-child,.notification-history-item:last-child{border-bottom:none}.document-item-main,.notification-history-main{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.document-item-content{min-width:0}.document-item-content h4{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.document-item-meta{font-size:13px;color:var(--text-secondary);margin-top:4px}.document-item-description{font-size:12px;color:var(--text-muted);margin-top:2px}.doc-icon{font-size:24px;padding:8px;border-radius:var(--radius-md);background:var(--bg-main);flex-shrink:0}.doc-actions{display:flex;gap:8px;align-items:center}.document-download-link{text-decoration:none}.delete-doc-btn{padding:6px 10px}.notification-history-title{font-weight:600;color:var(--text-primary)}.notification-history-meta{font-size:12px;color:var(--text-secondary);margin-top:4px}.notification-history-message{font-size:13px;color:var(--text-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.notification-history-status{margin-left:12px;white-space:nowrap}.status-paid{background:var(--success-bg);color:var(--success)}.status-unpaid{background:var(--danger-bg);color:var(--danger)}.file-info-meta{font-size:.8em;opacity:.7}.file-info-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-secondary);font-size:12px}.filter-controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.filter-btn{padding:10px 20px;border:2px solid var(--border-color);background:var(--bg-card);border-radius:var(--radius-lg);font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.compact-item{padding:16px 20px;border-bottom:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:8px;background:var(--bg-card);transition:all .25s ease;border-left:3px solid transparent}.compact-item:last-child{margin-bottom:0;border-bottom:none}.compact-item:hover{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-main) 100%)}.compact-item.clickable{cursor:pointer}.compact-item.clickable:hover{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-main) 100%);border-left:3px solid var(--primary);transform:translate(4px);box-shadow:0 4px 12px #0000000f}.compact-item h4{font-size:14px;font-weight:600;margin-bottom:6px;color:var(--text-primary);transition:color .2s ease}.compact-item.clickable:hover h4{color:var(--primary)}.compact-item p{font-size:12px;color:var(--text-secondary)}.status-badge{display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600}.status-badge.paid{background:var(--success-bg);color:var(--success)}.status-badge.unpaid{background:var(--danger-bg);color:var(--danger)}.resident-item-badge{display:inline-flex;align-items:center;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;background:var(--accent-bg);color:var(--accent-dark)}.bills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.bill-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-md);text-align:center}.bill-card .month{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.bill-card .amount{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:16px}@media (max-width: 1024px){.sidebar,.navbar,.glass-nav{transform:translate(-100%)}.sidebar.active,.navbar.active,.glass-nav.active{transform:translate(0);box-shadow:4px 0 24px #0003}.sidebar,.navbar,.glass-nav{z-index:1000}.main-content{margin-left:0;padding:16px}.mobile-menu-toggle{display:flex}.stats-grid{grid-template-columns:repeat(2,1fr)}}.mobile-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:65px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-dark) 92%,black),color-mix(in srgb,var(--primary) 84%,black));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);z-index:1000;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-tab-bar .tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;border-radius:12px;position:relative}.mobile-tab-bar .tab-icon{font-size:22px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.mobile-tab-bar .tab-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}.mobile-tab-bar .tab-label{font-size:10px;font-weight:600;color:#fff9;transition:color .3s ease}.mobile-tab-bar .tab-item.active{background:linear-gradient(135deg,var(--primary-bg) 0%,rgba(212,168,83,.18) 100%)}.mobile-tab-bar .tab-item.active .tab-icon{transform:scale(1.15)}.mobile-tab-bar .tab-item.active .tab-label{color:#fff}.mobile-tab-bar .tab-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:0 0 4px 4px}.mobile-profile-header{display:none;align-items:center;gap:12px;padding:20px 16px;margin-bottom:8px;position:relative}.profile-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 12px var(--primary-shadow)}.profile-info{display:flex;flex-direction:column;gap:2px}.profile-name{font-size:16px;font-weight:700;color:#fff}.profile-apartment{font-size:12px;color:#fff9}.menu-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.menu-close-btn:hover{background:#fff3;transform:rotate(90deg)}.nav-divider{display:none;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:0 16px 16px}.menu-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;transition:opacity .3s ease}.menu-backdrop.active{display:block;opacity:1}@media (max-width: 768px){:root{--sidebar-width: 100%}.navbar,.glass-nav{width:100%;height:auto;min-height:60px;position:fixed;top:0;left:0;right:0;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px;z-index:100;box-shadow:0 2px 10px #0003}.nav-brand{display:flex;align-items:center;gap:8px}.mobile-tab-bar,.mobile-profile-header{display:flex}.nav-divider{display:block}.main-content{padding-bottom:85px!important}#resident-dashboard .nav-links,#admin-dashboard .nav-links{position:fixed;top:0;left:0;width:80%;max-width:300px;height:100vh;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-dark) 88%,black),color-mix(in srgb,var(--primary) 78%,black));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;padding:24px 16px;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;box-shadow:4px 0 30px #0006;overflow-y:auto;border-right:1px solid rgba(255,255,255,.1)}#resident-dashboard .nav-links.active,#admin-dashboard .nav-links.active{transform:translate(0)}#resident-dashboard .nav-links .nav-link,#admin-dashboard .nav-links .nav-link{padding:14px 16px;margin-bottom:4px;border-radius:12px;font-size:15px;transition:all .2s ease}#resident-dashboard .nav-links .nav-link:hover,#admin-dashboard .nav-links .nav-link:hover{background:#ffffff14}#resident-dashboard .nav-links .nav-link.active,#admin-dashboard .nav-links .nav-link.active{background:linear-gradient(135deg,var(--primary-bg) 0%,rgba(212,168,83,.16) 100%);box-shadow:0 4px 12px var(--primary-shadow)}#resident-dashboard .nav-links .nav-icon,#admin-dashboard .nav-links .nav-icon{font-size:22px}.nav-links.active:before{content:"";position:fixed;top:0;left:300px;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-menu-btn{display:flex!important;flex-direction:column;gap:5px;padding:10px;background:transparent;border:none;cursor:pointer;z-index:1001}.mobile-menu-btn span{width:24px;height:2px;background:var(--text-light);border-radius:2px;transition:all .3s ease}.nav-brand{padding:12px 16px;flex-wrap:wrap;gap:8px}.nav-title{font-size:16px}.apartment-badge{font-size:11px;padding:4px 8px}.main-content{margin-left:0!important;padding:80px 16px 24px;width:100%}.section-header{flex-direction:column;gap:12px;align-items:flex-start}.section-header h2{font-size:20px}.stats-grid,.finance-stats-grid{grid-template-columns:1fr;gap:12px}.resident-stats-grid{grid-template-columns:1fr;margin-bottom:24px!important}.charts-row,.overview-charts-grid{display:flex!important;flex-direction:column!important;gap:16px!important}.dashboard-grid-3,.dashboard-grid{grid-template-columns:1fr!important;gap:16px}.overview-alerts,.tasks-kanban{grid-template-columns:1fr}.chart-wrapper{height:200px!important}.dues-timeline{overflow-x:auto;padding-bottom:16px;-webkit-overflow-scrolling:touch;gap:8px}.dues-timeline:before{width:720px}.timeline-marker{flex-shrink:0;min-width:50px}.pin-body{width:36px;height:36px;font-size:12px}.pin-tail{border-width:8px 8px 0 8px}.timeline-dot{width:10px;height:10px}.timeline-label{font-size:10px}.chart-summary{flex-wrap:wrap;gap:12px}.chart-stat{flex:1 1 calc(50% - 6px);min-width:120px}.transactions-container{padding:16px}.dues-control-bar{flex-direction:column;align-items:flex-start}.dues-control-actions{margin-left:0;width:100%;flex-wrap:wrap}.compact-item{padding:12px 16px}.form-row{grid-template-columns:1fr}.dues-grid{grid-template-columns:repeat(4,1fr)}.page-title{font-size:22px}.login-container{padding:32px 24px;margin:16px}.finance-stat-card{padding:16px}.stat-card-value{font-size:20px}.chart-header h3{font-size:16px}.chart-legend{flex-wrap:wrap;gap:8px}.document-item,.notification-history-item{flex-direction:column;align-items:flex-start}.doc-actions{width:100%;flex-wrap:wrap}.modal-content{width:95%;max-width:none;margin:16px}}@media (max-width: 480px){.dues-grid{grid-template-columns:repeat(3,1fr)}.search-box{display:none}.apartments-grid{grid-template-columns:1fr}.pin-body{width:32px;height:32px;font-size:11px}.timeline-marker{min-width:44px}.chart-stat{flex:1 1 100%}.chart-stat-value{font-size:18px}.section-header{margin-bottom:16px}.section-header h2{font-size:18px}.nav-brand{padding:8px 12px}.nav-title{font-size:14px}.main-content{padding:70px 12px 20px}.stat-card-icon{font-size:24px}}@media print{.sidebar,.mobile-menu-toggle,.btn,.modal{display:none!important}.main-content{margin-left:0}.card,.stat-card{box-shadow:none;border:1px solid #ddd}}.card:hover,.stat-card:hover,.glass-card:hover,.nav-link:hover,.tab-item:hover,.tab-btn:hover,[role=button]:hover,[data-clickable]:hover{cursor:pointer}.card:hover,.stat-card:hover,.glass-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.icon-btn,.mobile-tab-bar button,.tab-item{min-width:44px;min-height:44px}.icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-sm{width:16px;height:16px}.icon-lg{width:32px;height:32px}.icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav-icon{font-size:20px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.nav-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.nav-actions{display:flex;align-items:center;gap:12px;padding:16px 8px;margin-top:16px;border-top:1px solid rgba(255,255,255,.1)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);background:#ffffff0d;color:var(--text-light);cursor:pointer;transition:all var(--transition-normal)}.theme-toggle:hover{background:var(--primary-bg);color:var(--primary);transform:scale(1.05)}.theme-toggle svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;transition:all var(--transition-normal)}.theme-toggle .sun-icon{display:block}.theme-toggle .moon-icon,[data-theme=dark] .theme-toggle .sun-icon{display:none}[data-theme=dark] .theme-toggle .moon-icon{display:block}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .theme-toggle .sun-icon{display:none}:root:not([data-theme=light]) .theme-toggle .moon-icon{display:block}}@media (max-width: 768px){.nav-actions{margin-right:8px}.theme-toggle{width:40px;height:40px}.theme-toggle svg{width:20px;height:20px}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--border-color) 0%,var(--bg-card) 50%,var(--border-color) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-pulse{animation:skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.skeleton-card .skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-card .skeleton-title{height:20px;width:60%;margin-bottom:12px}.skeleton-card .skeleton-text{height:14px;width:100%;margin-bottom:8px}.skeleton-card .skeleton-text:last-child{width:80%;margin-bottom:0}.skeleton-stat{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.skeleton-stat .skeleton-icon{width:48px;height:48px;border-radius:var(--radius-md);margin-bottom:16px}.skeleton-stat .skeleton-value{height:32px;width:50%;margin-bottom:8px}.skeleton-stat .skeleton-label{height:14px;width:70%}.skeleton-list{display:flex;flex-direction:column;gap:12px}.skeleton-list-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-card);border-radius:var(--radius-md)}.skeleton-list-item .skeleton-circle{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skeleton-list-item .skeleton-content{flex:1}.skeleton-list-item .skeleton-line{height:12px;margin-bottom:8px}.skeleton-list-item .skeleton-line:first-child{width:40%}.skeleton-list-item .skeleton-line:last-child{width:60%;margin-bottom:0}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.skeleton-table{width:100%;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.skeleton-table-row{display:flex;padding:16px 20px;border-bottom:1px solid var(--border-color);gap:16px}.skeleton-table-row:last-child{border-bottom:none}.skeleton-table-cell{height:16px;flex:1}.skeleton-table-cell:first-child{flex:.5}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--bg-main),.8);display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px var(--danger-bg)!important}.input-error:focus{border-color:var(--danger)!important;box-shadow:0 0 0 4px var(--danger-bg)!important}.field-error{display:block;color:var(--danger);font-size:12px;margin-top:4px;font-weight:500}.form-group.has-error label{color:var(--danger)}.input-success{border-color:var(--success)!important;box-shadow:0 0 0 3px var(--success-bg)!important}.validation-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px}.validation-indicator.valid:after{content:"✓";color:var(--success)}.validation-indicator.invalid:after{content:"✕";color:var(--danger)}@media (hover: none) and (pointer: coarse){button,.btn,.nav-link,.tab-btn,.filter-btn,.modal-close,.toast-close,select,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}.card:hover,.glass-card:hover,.transaction-item:hover,.bill-item:hover,.decision-item:hover{transform:none}.btn:active,.nav-link:active,.card:active{opacity:.8;transform:scale(.98)}.main-content,.modal-content,.table-scroll{-webkit-overflow-scrolling:touch}button,.btn,.nav-link{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}}@supports (padding: max(0px)){.navbar,.glass-nav{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.main-content{padding-bottom:max(20px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.particle{display:none}}.modal-content,.toast,.card,.nav-link,.btn{will-change:transform}.main-content,.transactions-container{contain:layout paint}@media (max-width: 768px){input,select,textarea{font-size:16px!important;padding:14px 16px}.modal-actions{gap:12px;flex-direction:column-reverse}.modal-actions .btn{width:100%;justify-content:center}.section-header{position:sticky;top:0;background:var(--bg-main);z-index:10;padding:16px 0;margin:-16px 0 16px}.table-scroll:after{content:"← Kaydırın →";display:block;text-align:center;font-size:12px;color:var(--text-muted);padding:8px}.toast-container{top:auto;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:16px;right:16px;max-width:none}.toast{width:100%}}.pull-to-refresh{position:fixed;top:-50px;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);color:var(--text-muted);font-size:14px;transition:top .3s;z-index:1000}.pull-to-refresh.visible{top:0}.pull-to-refresh .spinner{width:20px;height:20px;margin-right:8px}.quick-actions-title{margin-bottom:16px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.quick-action-card{display:flex;align-items:center;gap:16px;padding:20px 24px;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;color:#fff;text-align:left;transform:translateY(0)}.quick-action-card-reminder{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 4px 15px #ee5a244d}.quick-action-card-announce{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);box-shadow:0 4px 15px var(--primary-shadow)}.quick-action-card-custom{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 15px #11998e4d}.quick-action-icon{width:56px;height:56px;background:#fff3;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.quick-action-content{flex:1}.quick-action-name{font-weight:600;font-size:16px;color:#fff;margin-bottom:4px}.quick-action-desc{font-size:13px;color:#ffffffd9}.quick-action-arrow{color:#fff;font-size:20px}.quick-action-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #00000040!important}.quick-action-card:active{transform:translateY(-2px) scale(1.01)}