.login-body{background:radial-gradient(circle at top right, #e6f0ea 0%, var(--bg-primary) 65%);justify-content:center;align-items:center;min-height:100vh;display:flex}[data-theme=dark] .login-body{background:radial-gradient(circle at top right, #022c22 0%, var(--bg-primary) 60%)}.login-controls{z-index:10;justify-content:space-between;align-items:center;width:100%;padding:0 5%;display:flex;position:absolute;top:40px;left:0}.back-home-btn{color:var(--text-secondary);transition:var(--trans-smooth);align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.back-home-btn:hover{color:var(--accent)}.back-home-btn span{font-size:18px}.login-wrapper{width:100%;max-width:460px;padding:20px}.login-card{border:1px solid var(--border);background:#fff;border-radius:24px;padding:48px 40px;box-shadow:0 20px 50px #0a0f1a0a}.login-logo{font-family:var(--font-heading);text-align:center;color:var(--text-primary);margin-bottom:12px;font-size:32px}.login-logo span{color:var(--accent)}.login-header h2{font-family:var(--font-heading);text-align:center;margin-bottom:8px;font-size:24px}.login-header p{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:14px;font-weight:300;line-height:1.5}.login-options{justify-content:space-between;align-items:center;margin-top:-8px;margin-bottom:24px;display:flex}.remember-me{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.remember-me input{display:none}.checkbox-custom{border:1px solid var(--border);background:var(--bg-primary);width:16px;height:16px;transition:var(--trans-smooth);border-radius:4px;display:inline-block;position:relative}.remember-me input:checked+.checkbox-custom{background:var(--accent);border-color:var(--accent)}.remember-me input:checked+.checkbox-custom:after{content:"check";color:#fff;font-family:Material Symbols Outlined;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.forgot-password{color:var(--accent);transition:var(--trans-smooth);font-size:13px;font-weight:500;text-decoration:none}.forgot-password:hover{color:var(--accent-hover)}.login-divider{text-align:center;margin:24px 0;position:relative}.login-divider:before{content:"";background:var(--border);z-index:1;width:100%;height:1px;position:absolute;top:50%;left:0}.login-divider span{color:var(--text-secondary);z-index:2;text-transform:uppercase;letter-spacing:.05em;background:#fff;padding:0 12px;font-size:12px;position:relative}[data-theme=dark] .login-divider span{background:var(--bg-secondary)}.social-login-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.social-login-btn{border:1px solid var(--border);cursor:pointer;font-family:var(--font-body);color:var(--text-primary);transition:var(--trans-smooth);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:500;display:flex}.social-login-btn:hover{border-color:var(--accent);background:var(--bg-secondary)}.panel-container{background:var(--bg-primary);min-height:100vh;display:flex}.panel-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);z-index:99;flex-direction:column;width:270px;height:100vh;padding:32px 20px;transition:background-color .5s cubic-bezier(.16,1,.3,1),border-color .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.sidebar-brand-wrapper{justify-content:space-between;align-items:center;display:flex}.sidebar-brand{flex-direction:column;gap:4px;padding-left:12px;text-decoration:none;display:flex}.brand-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.5px;font-size:28px;font-weight:600;line-height:1.1;transition:color .5s cubic-bezier(.16,1,.3,1)}.brand-title span{color:var(--accent)}.brand-subtitle{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600;transition:color .5s cubic-bezier(.16,1,.3,1)}.sidebar-avatar{background:var(--accent);color:#fff;letter-spacing:.5px;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}[data-theme=dark] .sidebar-avatar{color:#111215}.sidebar-user-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--text-secondary);font-size:11px;font-weight:500}.sidebar-nav{flex-direction:column;flex-grow:1;justify-content:center;gap:8px;display:flex}.sidebar-link{color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:color .35s cubic-bezier(.16,1,.3,1),background-color .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.sidebar-link:before{content:"";background:var(--accent);opacity:0;border-radius:0 4px 4px 0;width:3px;height:20px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.sidebar-link span{font-size:20px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),color .35s cubic-bezier(.16,1,.3,1)}.sidebar-link:hover{color:var(--text-primary);background:var(--border-light)}.sidebar-link:hover span{color:var(--accent);transform:scale(1.1)}.sidebar-link:hover:before{opacity:.4;transform:translateY(-50%)scaleY(.5)}.sidebar-link.active{color:var(--accent);background:var(--accent-light);font-weight:600}.sidebar-link.active span{color:var(--accent);transform:scale(1.05)}.sidebar-link.active:before{opacity:1;transform:translateY(-50%)scaleY(1)}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:16px}.sidebar-logout-btn{color:var(--text-secondary);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:color .35s cubic-bezier(.16,1,.3,1),background-color .35s cubic-bezier(.16,1,.3,1);display:flex}.sidebar-logout-btn:hover{color:#ef4444;background:#ef44440f}.sidebar-logout-btn span{font-size:20px}.panel-content-wrap{flex-grow:1;min-height:100vh;margin-left:270px;padding:40px 48px;position:relative;overflow-x:hidden}.panel-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:24px;display:flex}.panel-header h3{font-family:var(--font-heading);font-size:24px;font-weight:500}.panel-header p{color:var(--text-secondary);margin-top:4px;font-size:13px}.panel-controls-header{align-items:center;gap:16px;display:flex}.accent-text{color:var(--accent)}.tab-pane{opacity:0;visibility:hidden;pointer-events:none;width:100%;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),visibility .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:translateY(12px)}.tab-pane.active{opacity:1;visibility:visible;pointer-events:auto;position:relative;transform:translateY(0)}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.stat-card{border:1px solid var(--border-light);background:#fff;border-radius:20px;flex-direction:column;gap:20px;padding:28px 32px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--accent);border-radius:20px 20px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-accent-green:before{background:linear-gradient(90deg, var(--accent), #32d948)}.stat-accent-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-accent-amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0a0f1a0f}.stat-header{align-items:center;gap:10px;display:flex}.stat-icon{color:var(--accent);font-size:22px}.stat-accent-blue .stat-icon{color:#3b82f6}.stat-accent-amber .stat-icon{color:#f59e0b}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.stat-body h4{font-family:var(--font-heading);margin-bottom:8px;font-size:20px}.project-phase-pill{background:var(--accent-light);color:var(--accent);border-radius:100px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.progress-bar-container{background:var(--border);border-radius:100px;width:100%;height:6px;margin-top:12px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent), #32d948);border-radius:100px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.progress-text-hint{color:var(--text-secondary);margin-top:8px;font-size:12px;display:block}.service-details-row{flex-direction:column;gap:10px;display:flex}.service-detail{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:13px;display:flex}.service-detail strong{color:var(--text-primary);font-weight:600}.status-badge{border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600}.status-badge.active,.badge-green{background:var(--accent-light);color:var(--accent)}.status-badge.pending{color:#ef4444;background:#ef444414}[data-theme=dark] .status-badge.pending{color:#f87171;background:#ef444426}.expiration-warning{color:#f59e0b;font-weight:600}.billing-summary-row{align-items:center;gap:12px;margin-top:4px;display:flex}.billing-value{font-size:28px;font-weight:600;font-family:var(--font-heading)}.billing-status-desc{color:var(--text-secondary);align-items:center;gap:4px;font-size:13px;display:flex}.check-green{color:var(--accent);font-size:18px}.panel-section h3{font-family:var(--font-heading);margin-bottom:8px;font-size:20px}.activity-timeline{flex-direction:column;margin-top:16px;padding-left:32px;display:flex;position:relative}.activity-timeline:before{content:"";background:linear-gradient(180deg, var(--accent), var(--border));border-radius:2px;width:2px;height:calc(100% - 32px);position:absolute;top:12px;left:11px}.timeline-item{gap:16px;padding-bottom:28px;transition:transform .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.timeline-item:hover{transform:translate(4px)}.timeline-item:last-child{padding-bottom:0}.timeline-icon-box{background:var(--accent);border:3px solid var(--bg-primary);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;left:-32px}.timeline-icon-green{background:var(--accent)}[data-theme=dark] .timeline-icon-box{border-color:var(--bg-primary)}.timeline-icon-box span{display:none}.timeline-content h5{margin-bottom:4px;font-size:14px;font-weight:600}.timeline-content p{color:var(--text-secondary);font-size:13px;font-weight:300;line-height:1.5}.activity-time{color:var(--text-secondary);margin-top:6px;font-size:11px;font-style:italic;display:block}.panel-card{border:1px solid var(--border-light);background:#fff;border-radius:20px;padding:32px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.panel-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #0a0f1a0d}.panel-card h3{font-family:var(--font-heading);margin-bottom:6px;font-size:20px}.panel-card p{color:var(--text-secondary);font-size:14px;font-weight:300}.card-header-flex{border-bottom:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.completion-percent-badge{border:3px solid var(--accent);width:52px;height:52px;color:var(--accent);font-size:15px;font-weight:700;font-family:var(--font-body);border-radius:50%;justify-content:center;align-items:center;display:flex}.roadmap-list{flex-direction:column;gap:32px;padding-left:36px;display:flex;position:relative}.roadmap-list:before{content:"";background:var(--border);border-radius:2px;width:2px;height:calc(100% - 28px);position:absolute;top:14px;left:11px}.roadmap-step{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0s);gap:20px;display:flex;position:relative;transform:translateY(20px)}.tab-pane.active .roadmap-step{opacity:1;transform:translateY(0)}.step-indicator{border:2px solid var(--border);z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;left:-36px}.step-indicator span{color:var(--text-secondary);font-size:13px;font-weight:700}.roadmap-step.completed .step-indicator{background:var(--accent);border-color:var(--accent)}.roadmap-step.completed .step-indicator span{color:#fff;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards pop-bounce;animation-delay:calc(var(--delay,0s) + .25s);justify-content:center;align-items:center;display:inline-flex;transform:scale(0)}@keyframes pop-bounce{0%{transform:scale(0)}80%{transform:scale(1.15)}to{transform:scale(1)}}.roadmap-step.active .step-indicator{border-color:var(--accent);background:#fff}[data-theme=dark] .roadmap-step.active .step-indicator{background:#141414}.roadmap-step.active .step-indicator span{color:var(--accent);animation:3.5s linear infinite spin-infinite;display:inline-block}@keyframes spin-infinite{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ticket-amber .step-indicator{border-color:#f59e0b}.ticket-amber .step-indicator span{color:#f59e0b;animation:none!important;transform:none!important}.ticket-amber .step-details h4{color:#f59e0b}.ticket-green .step-indicator{border-color:var(--accent)}.ticket-green .step-indicator span{color:var(--accent);animation:none!important;transform:none!important}.step-details h4{margin-bottom:4px;font-size:15px;font-weight:600}.roadmap-step.completed .step-details h4{color:var(--text-primary)}.roadmap-step.active .step-details h4{color:var(--accent)}.step-details p{color:var(--text-secondary);font-size:13px;font-weight:300;line-height:1.5}.step-date{color:var(--text-secondary);margin-top:6px;font-size:11px;font-style:italic;display:block}.table-card{border:1px solid var(--border-light);background:#fff;border-radius:20px;padding:32px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #00000005}.table-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #0a0f1a0d}.table-card h3{font-family:var(--font-heading);margin-bottom:4px;font-size:18px}.table-card p{color:var(--text-secondary);font-size:13px;font-weight:300}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;max-height:500px;margin-top:20px;padding-bottom:4px;overflow:auto}.table-responsive::-webkit-scrollbar{width:8px;height:8px}.table-responsive::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.table-responsive::-webkit-scrollbar-track{background:#2d5a3d0d}.panel-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:13px}.panel-table th,.panel-table td{white-space:nowrap;padding:14px 16px}.panel-table th:last-child,.panel-table td:last-child{padding-right:36px!important}.panel-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--border-light);background:0 0;padding-bottom:12px;font-size:10px;font-weight:600}.panel-table tbody td{border-bottom:1px solid var(--border-light)}.panel-table tbody tr:last-child td{border-bottom:none}.panel-table tbody tr{transition:background-color .3s cubic-bezier(.16,1,.3,1)}.panel-table tbody tr:hover{background:color-mix(in srgb, var(--accent) 5%, transparent)}.panel-table tbody tr:nth-child(2n){background:#00000003}[data-theme=dark] .panel-table tbody tr:nth-child(2n){background:#ffffff04}.panel-table tbody tr:nth-child(2n):hover{background:color-mix(in srgb, var(--accent) 5%, transparent)}.panel-table td .client-email{color:var(--text-secondary);margin-top:2px;font-size:11px;font-weight:400;display:block}.status-pill{border-radius:100px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.status-pill.paid{background:var(--accent-light);color:var(--accent)}.btn-pdf-download{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;width:36px;height:36px;transition:var(--trans-smooth);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.btn-pdf-download span{font-size:20px}.btn-pdf-download:hover{color:var(--accent);background:var(--accent-light);border-color:var(--accent);box-shadow:0 4px 12px var(--accent-light);transform:translateY(-2px)}.btn-pdf-download:active{transform:translateY(0)scale(.95)}[data-theme=dark] .btn-pdf-download{background:#ffffff08;border-color:#ffffff0d}.invoice-section-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:28px;display:grid}.support-section-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;display:grid}.flat-section{box-shadow:none;background:0 0;border-radius:0;padding:0}.flat-section h3{font-family:var(--font-heading);margin-bottom:4px;font-size:18px}.payment-card{border:1px solid var(--border-light);background:#fff;border-radius:20px;padding:32px}.payment-card h3{font-family:var(--font-heading);margin-bottom:4px;font-size:18px}.payment-card p{color:var(--text-secondary);font-size:13px;font-weight:300}.payment-security{color:var(--text-secondary);background:var(--accent-light);border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:11px;display:flex}.payment-security span{color:var(--accent);font-size:16px}.form-row-2{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.admin-finance-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:28px;display:grid}@media (max-width:1200px){.admin-finance-grid{grid-template-columns:minmax(0,1fr)!important}}.finance-summary-card{border:1px solid var(--border-light);background:#fff;border-radius:20px;align-self:start;padding:24px}.finance-summary-card h3{font-family:var(--font-heading);margin-bottom:4px;font-size:18px}.finance-summary-card p{color:var(--text-secondary);font-size:13px;font-weight:300}.finance-row{border-bottom:1px solid var(--border-light);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.finance-row:last-child{border-bottom:none}.finance-row strong{color:var(--text-primary);font-weight:600}.meeting-card{border:1px solid var(--border-light);background:#fff;border-radius:20px;padding:32px}.meeting-card h3{font-family:var(--font-heading);margin-bottom:4px;font-size:18px}.meeting-card p{color:var(--text-secondary);font-size:13px;font-weight:300}.calendar-mockup{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:16px;margin-top:20px;padding:20px}.calendar-header h4{text-align:center;margin-bottom:16px;font-size:14px;font-weight:600}.calendar-days{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.day-name{color:var(--text-secondary);text-transform:uppercase;text-align:center;letter-spacing:.04em;margin-bottom:4px;font-size:10px;font-weight:600}.day{border:1px solid var(--border);text-align:center;cursor:pointer;background:#fff;border-radius:10px;padding:10px 0;font-size:13px;font-weight:500;transition:border-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1),background-color .3s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .day{background:var(--bg-secondary)}.day:hover{border-color:var(--accent);color:var(--accent)}.day:active{transform:scale(.95)}.day.disabled{opacity:.3;cursor:not-allowed;background:0 0;border-color:#0000}.day.disabled:hover{color:inherit;border-color:#0000}.day.active{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=dark] .day.active{color:#111215}.slots-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.time-slot-btn{border:1px solid var(--border);text-align:center;cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-body);color:var(--text-primary);background:#fff;border-radius:10px;padding:10px 0;transition:border-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1),background-color .3s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .time-slot-btn{background:var(--bg-secondary)}.time-slot-btn:hover{border-color:var(--accent);color:var(--accent)}.time-slot-btn:active{transform:scale(.95)}.time-slot-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=dark] .time-slot-btn.active{color:#111215}[data-theme=dark] .stat-card,[data-theme=dark] .panel-card,[data-theme=dark] .table-card,[data-theme=dark] .payment-card,[data-theme=dark] .finance-summary-card,[data-theme=dark] .meeting-card,[data-theme=dark] .calendar-mockup{background:var(--card-bg);border-color:#ffffff0f}[data-theme=dark] .stat-card:hover,[data-theme=dark] .panel-card:hover{box-shadow:0 20px 40px #0000004d}[data-theme=dark] .panel-sidebar{background:var(--bg-secondary);border-right-color:#ffffff0f}[data-theme=dark] .sidebar-user{background:0 0;border-bottom-color:#ffffff0f}[data-theme=dark] .sidebar-link.active{background:var(--accent-light)}[data-theme=dark] .panel-table th,[data-theme=dark] .panel-table tbody tr:hover{background:#ffffff08}@media (max-width:1200px){.invoice-section-grid,.support-section-grid{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}}@media (max-width:768px){.table-responsive.hide-on-mobile{display:none!important}.mobile-invoices-list{display:flex!important}}@media (max-width:992px){.panel-container{flex-direction:column}.panel-sidebar{z-index:1000!important;background:var(--bg-primary)!important;border-bottom:1px solid var(--border)!important;border-right:none!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;height:auto!important;padding:16px 5%!important;position:fixed!important;top:0!important;left:0!important}[data-theme=dark] .panel-sidebar{background:var(--bg-secondary)!important}.sidebar-brand-wrapper{justify-content:space-between;align-items:center;width:100%;display:flex}.sidebar-brand{margin-bottom:0}.sidebar-user{display:none}.sidebar-controls-mobile{align-items:center;gap:12px;display:flex!important}.panel-sidebar .mobile-menu-btn{display:flex!important}.sidebar-controls-mobile .theme-toggle-btn{color:var(--text-secondary)}.panel-header .theme-toggle-btn{display:none!important}.sidebar-nav{opacity:0!important;visibility:hidden!important;flex-direction:column!important;gap:4px!important;width:100%!important;max-height:0!important;margin-top:0!important;padding:0!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;display:flex!important;overflow:hidden!important}.sidebar-nav.active{opacity:1!important;visibility:visible!important;max-height:350px!important;padding:12px 0 8px!important}.sidebar-link{border-radius:12px!important;width:100%!important;padding:12px 16px!important}.sidebar-link:before{display:none!important}.sidebar-link.active{background:var(--accent-light)!important;color:var(--accent)!important}[data-theme=dark] .sidebar-link.active{background:var(--accent-light)!important}.sidebar-footer{opacity:0!important;visibility:hidden!important;border-top:none!important;width:100%!important;max-height:0!important;padding-top:0!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;display:flex!important;overflow:hidden!important}.sidebar-footer.active{opacity:1!important;visibility:visible!important;border-top:1px solid var(--border-light)!important;max-height:80px!important;margin-top:8px!important;padding-top:12px!important}.sidebar-logout-btn{width:100%!important}.panel-content-wrap{padding:32px 5%;margin-top:100px!important;margin-left:0!important}.stat-card,.panel-card,.table-card,.payment-card,.finance-summary-card,.meeting-card{border-radius:16px!important;padding:24px 20px!important}}@media (max-width:768px){.panel-header{flex-direction:column;align-items:flex-start;gap:12px}.panel-controls-header{display:none!important}.overview-grid{grid-template-columns:1fr}}.time-slot-btn:active,.btn-primary:active,.btn-outline:active,.day:active{transform:scale(.95)}#odemeler.tab-pane{opacity:0;visibility:hidden;width:100%;position:absolute;top:0;left:0;transition:none!important;transform:none!important}#odemeler.tab-pane.active{opacity:1;visibility:visible;position:relative;transform:none!important}#odemeler .payment-card{transition:none!important;transform:none!important}#odemeler .payment-card:hover{transform:none!important}#odemeler .btn-primary,#odemeler .btn-pdf-download{transition:none!important;animation:none!important;transform:none!important}#odemeler .btn-primary:active,#odemeler .btn-pdf-download:active{transform:none!important}.mobile-login-btn,.mobile-cta-btn{justify-content:flex-start;align-items:center;gap:8px;color:var(--accent)!important;font-weight:600!important;display:flex!important}.sidebar-controls-mobile{display:none}.mobile-menu-btn span,.theme-toggle-btn span{justify-content:center;align-items:center;width:24px;height:24px;font-size:24px;display:inline-flex}.navbar.menu-active{background:var(--bg-primary)!important;border-bottom:1px solid var(--border)!important;-webkit-backdrop-filter:blur(12px)!important;border-radius:0!important;width:100%!important;top:0!important;left:0!important;transform:none!important}[data-theme=dark] .navbar.menu-active{background:var(--bg-secondary)!important}.pricing-card.premium .btn-primary{background-color:var(--accent)!important;color:#fff!important;border:1px solid var(--accent)!important;box-shadow:0 4px 14px #2d5a3d33!important}.pricing-card.premium .btn-primary:hover{color:var(--text-primary)!important;background-color:#fff!important;border-color:#fff!important;box-shadow:0 8px 24px #ffffff40!important}[data-theme=dark] .pricing-card.premium .btn-primary{background-color:var(--accent);color:#111215!important}[data-theme=dark] .pricing-card.premium .btn-primary:hover{background-color:var(--accent-hover);color:#111215!important;box-shadow:0 8px 24px #0006!important}[data-theme=dark] .login-card,[data-theme=dark] .social-login-btn{background:var(--bg-secondary);border-color:#ffffff0d;box-shadow:0 20px 40px #0003}[data-theme=dark] .social-login-btn:hover{background:#ffffff05}.gradient-4{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.gradient-5{background:linear-gradient(135deg,#5ee7df 0%,#b490ca 100%)}.gradient-6{background:linear-gradient(135deg,#c3cfe2 0% 100%)}.service-card,.site-card{transform-style:preserve-3d;perspective:1000px}.service-card .service-icon,.service-card h3,.service-card p,.site-card .site-preview,.site-card .site-info{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1)}.service-card:hover .service-icon{transform:translateZ(45px)scale(1.05)}.service-card:hover h3{transform:translateZ(30px)}.service-card:hover p{transform:translateZ(20px)}.site-card:hover .site-preview{transform:translateZ(45px)}.site-card:hover .site-info{transform:translateZ(25px)}.sidebar-user{align-items:center;gap:12px;margin-bottom:32px;padding:0 12px;display:flex}.sidebar-user-avatar{background:var(--accent);color:#fff;width:40px;height:40px;font-size:14px;font-weight:600;font-family:var(--font-body);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-theme=dark] .sidebar-user-avatar{color:#111215}.sidebar-user-label{color:var(--text-secondary);font-size:13px;font-weight:500}.stat-accent-green{border-top:3px solid var(--accent)}.stat-accent-blue{border-top:3px solid #3b82f6}.stat-accent-amber{border-top:3px solid #f59e0b}.stat-value{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:6px;font-size:32px;font-weight:600;line-height:1.2}.stat-value-amber{color:#f59e0b}.pill-success{background:var(--accent-light);color:var(--accent);border-radius:100px;margin-top:4px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.badge-green{background:var(--accent-light);color:var(--accent)}.badge-blue{color:#2563eb;background:#dbeafe}.badge-amber{color:#d97706;background:#fef3c7}.badge-red{color:#ef4444;background:#fee2e2}[data-theme=dark] .badge-blue{color:#60a5fa;background:#3b82f626}[data-theme=dark] .badge-amber{color:#fbbf24;background:#f59e0b26}[data-theme=dark] .badge-red{color:#f87171;background:#ef444426}.status-pill.pending{color:#ef4444;background:#fee2e2}[data-theme=dark] .status-pill.pending{color:#f87171;background:#ef444426}.timeline-icon-amber{background:#f59e0b}.timeline-icon-blue{background:#3b82f6}.step-indicator.ticket-amber{border-color:#f59e0b}.step-indicator.ticket-amber .ticket-icon-static{color:#f59e0b;animation:none;transform:none}.step-indicator.ticket-green{border-color:var(--accent)}.step-indicator.ticket-green .ticket-icon-static{color:var(--accent);animation:none;transform:none}.ticket-title-amber{color:#f59e0b}.ticket-icon-static{animation:none!important;transform:none!important}.finance-summary-list{flex-direction:column;gap:0;display:flex}.finance-summary-row{color:var(--text-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;font-size:15px;display:flex}.finance-summary-row-last{border-bottom:none}.finance-summary-row strong{color:var(--text-primary)}.value-green{color:var(--accent)!important}.value-red{color:#ef4444!important}.table-card h3{margin-bottom:8px}.btn-sm{border-radius:10px;padding:8px 16px;font-size:12px}.table-email{color:var(--text-secondary);font-size:12px}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.display-block{display:block}.reveal-up[data-delay="1"]{transition-delay:.1s}.reveal-up[data-delay="2"]{transition-delay:.2s}.reveal-up[data-delay="3"]{transition-delay:.3s}.reveal-up[data-delay="4"]{transition-delay:.4s}@media (max-width:992px){.sidebar-user{display:none}}.drawer-backdrop{-webkit-backdrop-filter:blur(8px);z-index:999;opacity:0;visibility:hidden;background:#0a0f1a66;width:100vw;height:100vh;transition:opacity .5s cubic-bezier(.16,1,.3,1),visibility .5s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0}.drawer-backdrop.active{opacity:1;visibility:visible}.project-drawer{z-index:1000;background:#fff;flex-direction:column;width:800px;max-width:100%;height:100vh;transition:right .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-850px;box-shadow:-10px 0 40px #0000001a}.project-drawer.active{right:0}[data-theme=dark] .project-drawer{background:#111;border-left:1px solid #ffffff14;box-shadow:-10px 0 40px #0006}.drawer-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:28px 40px;display:flex}[data-theme=dark] .drawer-header{border-bottom-color:#ffffff0f}.drawer-header h3{font-family:var(--font-heading);color:var(--text-primary);font-size:22px;font-weight:600}.drawer-close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .3s,color .3s;display:flex}.drawer-close-btn:hover{background:var(--border-light);color:var(--text-primary)}[data-theme=dark] .drawer-close-btn:hover{background:#ffffff0d}.drawer-tabs{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;margin:20px 40px;padding:6px;display:flex}[data-theme=dark] .drawer-tabs{background:#161616;border-color:#ffffff0f}.drawer-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 14px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.drawer-tab-btn.active{color:var(--accent);background:#fff;box-shadow:0 4px 12px #0000000a}[data-theme=dark] .drawer-tab-btn.active{color:var(--accent);background:#222;box-shadow:0 4px 12px #0003}.drawer-form{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.drawer-tab-content{flex-direction:column;flex-grow:1;gap:28px;padding:16px 40px 40px;display:none;overflow-y:auto}.drawer-tab-content.active{display:flex}.form-group-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.slider-group{flex-direction:column;gap:10px;display:flex}.slider-group label{color:var(--text-secondary);font-size:14px;font-weight:600}.slider-group label span{color:var(--accent)}.slider-input{width:100%;accent-color:var(--accent);pointer-events:none;opacity:.85;border-radius:5px;outline:none;height:6px}input[type=date]::-webkit-datetime-edit{color:var(--text-primary)}.form-group.floating input[type=date]::-webkit-datetime-edit{color:#0000}.form-group.floating input[type=date]:focus::-webkit-datetime-edit{color:var(--text-primary)}.form-group.floating.has-value input[type=date]::-webkit-datetime-edit{color:var(--text-primary)}.form-group.floating input[type=date].has-value::-webkit-datetime-edit{color:var(--text-primary)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.section-sub-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;display:flex}[data-theme=dark] .section-sub-header{border-bottom-color:#ffffff0f}.section-sub-header h4{color:var(--text-primary);font-size:15px;font-weight:600}.btn-xs{border-radius:8px;padding:8px 14px;font-size:12px}.roadmap-steps-list{flex-direction:column;gap:12px;display:flex}.roadmap-editor-row{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;align-items:center;gap:16px;padding:14px 18px;display:flex}[data-theme=dark] .roadmap-editor-row{background:#161616;border-color:#ffffff0f}.roadmap-editor-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:18px;height:18px}.roadmap-editor-row input[type=text]{color:var(--text-primary);background:0 0;border:none;outline:none;flex-grow:1;font-size:13px}.roadmap-editor-row .row-date{width:120px;color:var(--text-secondary);text-align:right;background:0 0;border:none;outline:none;font-size:12px}.btn-row-delete{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:color .3s,background-color .3s;display:flex}.btn-row-delete:hover{color:#ef4444;background:#ef44440d}.invoice-list-container{border:1px solid var(--border-light);border-radius:12px;overflow-x:auto}[data-theme=dark] .invoice-list-container{border-color:#ffffff0f}.invoice-editor-table th,.invoice-editor-table td{vertical-align:middle;padding:14px 16px;font-size:13px}.invoice-editor-table input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.invoice-editor-table select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;font-size:13px}.table-select .custom-select-trigger{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;border-radius:8px!important;min-height:34px!important;padding:8px 12px!important;font-size:12px!important}[data-theme=dark] .table-select .custom-select-trigger{background:#1c1c1c!important}.table-select .custom-select-options{width:120px;font-size:12px!important}.table-select .custom-option{padding:8px 10px!important;font-size:12px!important}.drawer-footer{border-top:1px solid var(--border-light);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:28px 40px;display:flex}[data-theme=dark] .drawer-footer{background:var(--bg-secondary);border-top-color:#ffffff0f}.footer-right-btns{gap:12px;margin-left:auto;display:flex}.toast-notification{background:var(--accent);color:#fff;box-shadow:0 10px 30px var(--accent-light);z-index:1002;opacity:0;border-radius:12px;align-items:center;gap:10px;padding:14px 24px;font-size:14px;font-weight:500;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(100px)}.toast-notification.show{opacity:1;transform:translateY(0)}.toast-notification.error{background:#ef4444;box-shadow:0 10px 30px #ef444433}.native-select{border:1px solid var(--border);background:var(--bg-primary);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-body);cursor:pointer;border-radius:12px;outline:none;padding:14px 16px;transition:border-color .3s cubic-bezier(.16,1,.3,1)}.native-select:focus{border-color:var(--accent)}[data-theme=dark] .native-select{background:#111;border-color:#ffffff14}.payment-plan-breakdown{flex-direction:column;gap:28px;display:flex}.plan-section-col{flex-direction:column;gap:18px;display:flex}.plan-sub-title{color:var(--text-primary);border-left:3px solid var(--accent);font-size:16px;font-weight:600;font-family:var(--font-body);padding-left:12px}.plan-stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.plan-stat-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:14px;flex-direction:column;gap:8px;padding:18px 22px;display:flex}[data-theme=dark] .plan-stat-item{background:var(--bg-secondary);border-color:#ffffff0d}.plan-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:11px;font-weight:600}.plan-stat-val{font-size:22px;font-weight:600;font-family:var(--font-heading);color:var(--text-primary)}.plan-stat-val.text-green{color:var(--accent)}.plan-stat-val.text-red{color:#ef4444}.plan-status-message{color:var(--text-secondary);background:var(--accent-light);border-radius:12px;align-items:center;gap:10px;padding:14px 18px;font-size:13px;display:flex}.plan-status-message:before{content:"info";color:var(--accent);font-family:Material Symbols Outlined;font-size:20px}.plan-status-message.unpaid{color:#ef4444;background:#ef444414}.plan-status-message.unpaid:before{content:"warning";color:#ef4444}.plan-divider-hr{border:none;border-top:1px solid var(--border-light);margin:4px 0}[data-theme=dark] .plan-divider-hr{border-top-color:#ffffff0f}.autopay-status-badge{background:var(--accent-light);border:1px solid var(--accent-light);border-radius:14px;flex-direction:column;gap:8px;padding:18px 22px;display:flex}.autopay-status-badge.inactive{background:var(--bg-secondary);border-color:var(--border)}[data-theme=dark] .autopay-status-badge.inactive{background:var(--bg-secondary);border-color:#ffffff0d}.autopay-badge-header{align-items:center;gap:8px;font-size:14px;display:flex}.autopay-badge-header strong{color:var(--text-primary)}.autopay-status-badge p{color:var(--text-secondary);margin-bottom:0;font-size:13px;line-height:1.6}@media (max-width:768px){.plan-stats-row{grid-template-columns:1fr!important;gap:12px!important}.plan-stat-item{padding:14px 18px!important}.payment-plan-breakdown{gap:20px!important}}.project-editor-view{width:100%;margin-top:10px;animation:.4s ease-out fadeIn;display:none}.project-editor-view.active{display:block}.editor-view-header{border-bottom:1px solid var(--border-light);flex-direction:column;gap:12px;margin-bottom:32px;padding-bottom:20px;display:flex}[data-theme=dark] .editor-view-header{border-bottom-color:#ffffff0f}.btn-back-to-list{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:8px;width:fit-content;padding:0;font-size:15px;font-weight:500;transition:color .2s;display:flex}.btn-back-to-list:hover{color:var(--accent)}.editor-view-header h2{font-family:var(--font-heading);color:var(--text-primary);margin:8px 0 0;font-size:26px;font-weight:600}.editor-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:32px;display:grid}.editor-column-left,.editor-column-right{flex-direction:column;gap:32px;display:flex}.editor-card{border:1px solid var(--border-light);background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 20px #00000005}[data-theme=dark] .editor-card{background:#111;border-color:#ffffff0f;box-shadow:0 4px 30px #0003}.card-header-icon{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;margin-bottom:28px;padding-bottom:14px;display:flex}[data-theme=dark] .card-header-icon{border-bottom-color:#ffffff0d}.card-header-icon span{color:var(--accent);font-size:24px}.card-header-icon h3{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.card-body{flex-direction:column;gap:28px;display:flex}.editor-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:48px;padding-top:24px;padding-bottom:40px;display:flex}[data-theme=dark] .editor-footer{border-top-color:#ffffff0f}.footer-actions-right{gap:16px;display:flex}.btn-delete{align-items:center;gap:8px;transition:all .3s;display:flex;color:#ef4444!important;background:0 0!important;border-color:#ef444433!important}.btn-delete:hover{background:#ef44440f!important;border-color:#ef4444!important}.editor-hidden{display:none!important}@media (max-width:1024px){.editor-grid{grid-template-columns:1fr;gap:24px}.editor-column-left,.editor-column-right{gap:24px}}.scheduler-container{flex-direction:column;gap:28px;margin-top:20px;display:flex}.scheduler-host-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;align-items:center;gap:18px;padding:18px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 25px #00000005}.scheduler-host-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 15px 35px #2d5a3d14}.scheduler-host-avatar{background:linear-gradient(135deg, var(--accent) 0%, #1e3f2a 100%);color:#fff;letter-spacing:1px;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;font-size:18px;font-weight:700;display:flex;box-shadow:0 8px 20px #2d5a3d4d}.scheduler-host-info{flex-direction:column;gap:6px;display:flex}.scheduler-host-name{color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:700}.scheduler-host-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:12px;display:flex}.scheduler-host-meta span{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex}.scheduler-host-meta span .material-symbols-outlined{color:var(--accent);font-size:14px}.date-selector-row{scrollbar-width:thin;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.date-selector-row::-webkit-scrollbar{height:4px}.date-selector-row::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.date-chip{border:1px solid var(--border);cursor:pointer;background:var(--bg-primary);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:72px;padding:14px 10px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.date-chip:hover{border-color:var(--accent-light);background:var(--bg-secondary);transform:translateY(-2px)}.date-chip.selected{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.05);box-shadow:0 10px 24px #2d5a3d40}.date-chip .day-name{text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:600}.date-chip.selected .day-name,.date-chip.selected .month-name{color:#ffffffd9}.date-chip .day-num{font-size:20px;font-weight:700;font-family:var(--font-heading)}.date-chip .month-name{color:var(--text-secondary);font-size:11px;font-weight:500}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:10px;display:grid}.time-slot{text-align:center;border:1px solid var(--border);background:var(--bg-primary);cursor:pointer;border-radius:10px;padding:12px 0;font-size:13px;font-weight:600;transition:all .2s}.time-slot:hover{border-color:var(--accent);color:var(--accent);background:#2d5a3d0d}.time-slot.selected{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 20px #2d5a3d33}.scheduler-booking-status{color:var(--accent);background:#2d5a3d0d;border:1px solid #2d5a3d26;border-radius:14px;align-items:flex-start;gap:14px;margin-top:12px;padding:16px 20px;display:flex}.scheduler-booking-status .material-symbols-outlined{color:var(--accent);margin-top:2px;font-size:24px}[data-theme=dark] .scheduler-host-card{background:var(--bg-secondary);border-color:#ffffff0f}[data-theme=dark] .scheduler-host-avatar{color:#fff;box-shadow:0 8px 20px #00000080}[data-theme=dark] .scheduler-host-meta span{background:#ffffff08;border-color:#ffffff0d}[data-theme=dark] .date-chip,[data-theme=dark] .time-slot{background:var(--bg-secondary);border-color:#ffffff14}[data-theme=dark] .scheduler-booking-status{color:#4ade80;background:#2d5a3d26;border-color:#2d5a3d40}[data-theme=dark] .scheduler-booking-status .material-symbols-outlined{color:#4ade80}html.preloader-hidden #preloader{display:none!important}.table-filter-select{border:1px solid var(--border);background-color:var(--bg-secondary);color:var(--text-primary);font-size:13px;font-weight:500;font-family:var(--font-body), sans-serif;cursor:pointer;appearance:none;transition:var(--trans-smooth);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border-radius:10px;outline:none;padding:8px 32px 8px 12px}.table-filter-select:hover{border-color:var(--accent)}.table-filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}[data-theme=dark] .table-filter-select{background-color:var(--card-bg);border-color:#ffffff14}h1,h2,h3,h4,h5,h6,.plan-stat-val,.billing-value,.mobile-invoice-amount,.panel-table td,.payment-detail-value,.panel-container *{font-variant-numeric:lining-nums!important;font-feature-settings:"lnum" 1!important}@media (max-height:550px){.navbar{padding:8px 5%!important}.navbar.scrolled{border-radius:0!important;width:100%!important;padding:6px 5%!important;top:0!important}.logo{font-size:20px!important}.mobile-menu{gap:12px!important;max-height:calc(100vh - 50px)!important;padding:12px 5%!important;overflow-y:auto!important}.mobile-link{padding:6px 0!important;font-size:15px!important}.mobile-login-btn,.mobile-cta-btn{padding:10px 20px!important;font-size:13px!important}}.contact-search-container{width:100%;max-width:480px;margin-bottom:24px;position:relative}.contact-search-input-wrapper{align-items:center;display:flex;position:relative}.contact-search-input-wrapper .material-symbols-outlined{color:var(--text-secondary);pointer-events:none;transition:var(--trans-smooth);font-size:20px;position:absolute;left:16px}.contact-search-input{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);transition:var(--trans-smooth);border-radius:12px;outline:none;padding:12px 16px 12px 48px;font-size:14px}.contact-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);background:var(--card-bg)}.contact-search-input:focus+.material-symbols-outlined{color:var(--accent)}.desktop-contact-view{display:block}.mobile-contact-view{display:none}.avatar-cell{align-items:center;gap:12px;display:flex}.contact-avatar{width:32px;height:32px;color:var(--accent);background:var(--accent-light);text-transform:uppercase;border:1px solid #2d5a3d26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}[data-theme=dark] .contact-avatar{color:#34d399;background:#05966926;border-color:#34d39933}.phone-link{color:var(--text-secondary);transition:var(--trans-smooth);background:#00000005;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.phone-link .material-symbols-outlined{color:var(--accent);font-size:16px}.phone-link:hover{color:var(--accent);background:var(--accent-light)}.contact-badge{letter-spacing:.02em;border-radius:8px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.contact-badge.badge-accent{background:var(--accent-light);color:var(--accent)}.contact-badge.badge-amber{color:#d97706;background:#f59e0b14}.contact-badge.badge-blue{color:#2563eb;background:#3b82f614}.contact-badge.badge-purple{color:#7c3aed;background:#8b5cf614}.contact-badge.badge-gray{color:var(--text-secondary);background:#0000000a}[data-theme=dark] .contact-badge.badge-gray{background:#ffffff0f}.contact-file-chip{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);transition:var(--trans-smooth);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex;text-decoration:none!important}.contact-file-chip:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.contact-file-chip .material-symbols-outlined{color:var(--accent);font-size:16px}.contact-file-chip .download-icon{color:var(--text-secondary);transition:var(--trans-smooth);margin-left:4px;font-size:14px}.contact-file-chip:hover .download-icon{color:var(--accent);transform:translateY(1px)}@media (max-width:768px){.desktop-contact-view{display:none}.mobile-contact-view{flex-direction:column;gap:16px;display:flex}.contact-card-mobile{background:var(--card-bg);border:1px solid var(--border);transition:var(--trans-smooth);border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000005}[data-theme=dark] .contact-card-mobile{background:var(--card-bg);box-shadow:0 4px 20px #0003}.contact-card-mobile:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 30px #2d5a3d0f}[data-theme=dark] .contact-card-mobile:hover{box-shadow:0 8px 30px #05966914}.contact-card-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.contact-card-avatar{width:40px;height:40px;color:var(--accent);background:var(--accent-light);text-transform:uppercase;border:1px solid #2d5a3d26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}[data-theme=dark] .contact-card-avatar{color:#34d399;background:#05966926;border-color:#34d39933}.contact-card-title-group{flex-direction:column;gap:2px;display:flex}.contact-card-title-group h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.contact-card-date{color:var(--text-secondary);font-size:11px}.contact-card-meta{border-bottom:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.contact-card-body{margin-bottom:16px}.contact-card-body p{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;border-left:3px solid var(--accent);background:#00000004;border-radius:10px;margin:0;padding:12px 14px;font-size:13.5px;line-height:1.6}[data-theme=dark] .contact-card-body p{background:#ffffff05}.contact-card-files{border:1px dashed var(--border);background:#00000003;border-radius:12px;margin-top:12px;padding:12px}[data-theme=dark] .contact-card-files{background:#ffffff03}.contact-card-files h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0 0 8px;font-size:11px;font-weight:600}.contact-files-grid{flex-direction:column;gap:8px;display:flex}.no-messages-mobile{text-align:center;background:var(--card-bg);border:1px dashed var(--border);color:var(--text-secondary);border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.no-messages-mobile .material-symbols-outlined{color:var(--accent);opacity:.5;font-size:40px}.no-messages-mobile p{margin:0;font-size:14px}.panel-header{flex-direction:column;gap:16px;align-items:flex-start!important}.panel-header div:last-child{width:100%}.panel-header .btn-primary{justify-content:center;width:100%}.scroll-indicator{display:none!important}}.material-symbols-outlined{white-space:nowrap;justify-content:center;align-items:center;min-width:1em;max-width:1em;display:inline-flex;overflow:hidden}.custom-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0a0f1a66;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;top:0;left:0}.custom-modal-card{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;width:90%;max-width:550px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalSlideUp;position:relative;box-shadow:0 25px 50px -12px #0a0f1a40}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}