.plan-management-container{min-height:0;height:100%;background:transparent;padding:0}.fab-button{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:var(--theme-gradient-primary, linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%));border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #8b5cf666,0 0 40px #8b5cf633;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.fab-button svg{width:28px;height:28px}.fab-button:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 30px #8b5cf680,0 0 60px #8b5cf64d}.fab-button:active{transform:scale(.95) rotate(90deg)}@media(max-width:768px){.fab-button{bottom:5rem;right:1.5rem;width:56px;height:56px}.fab-button svg{width:24px;height:24px}}.plan-management-header{background:var(--theme-gradient-hero, linear-gradient(135deg, rgba(139, 92, 246, .15) 0%, rgba(6, 182, 212, .1) 100%));border-bottom:1px solid var(--theme-border, rgba(255, 255, 255, .06));color:#fff;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.plan-management-header:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);pointer-events:none}.plan-management-header:after{content:"";position:absolute;bottom:-50%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,rgba(6,182,212,.3) 0%,transparent 70%);pointer-events:none}.plan-management-title{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.plan-management-subtitle{font-size:1rem;color:var(--theme-text-muted, rgba(255, 255, 255, .5));margin:.5rem 0 0;position:relative;z-index:1}.plan-btn-new{background:var(--theme-gradient-primary, linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%));border:none;color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--theme-radius-md, 12px);transition:all .3s ease;box-shadow:0 4px 15px var(--theme-primary-glow, rgba(139, 92, 246, .3));cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.plan-btn-new:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--theme-primary-glow, rgba(139, 92, 246, .4))}.plan-btn-icon{font-size:1.2rem}.alert-message{padding:1rem 1.25rem;border-radius:var(--theme-radius-md, 12px);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;animation:slideDown .3s ease-out;background:var(--theme-bg-glass, rgba(255, 255, 255, .05));border:1px solid var(--theme-border, rgba(255, 255, 255, .06))}.alert-message.alert-success{background:#22c55e1a;border-color:#22c55e4d}.alert-message.alert-error{background:#ef44441a;border-color:#ef44444d}.alert-content{display:flex;align-items:center;gap:.75rem;width:100%;font-weight:500;color:var(--theme-text-primary, #fff)}.alert-icon{font-size:1.2rem;flex-shrink:0}.alert-text{flex:1}.btn-close-custom{background:var(--theme-bg-glass, rgba(255, 255, 255, .05));border:1px solid var(--theme-border, rgba(255, 255, 255, .06));color:var(--theme-text-secondary, rgba(255, 255, 255, .7));font-size:1rem;cursor:pointer;transition:all .2s;flex-shrink:0;padding:.5rem;border-radius:var(--theme-radius-sm, 8px);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-close-custom:hover{background:var(--theme-bg-card-hover, rgba(255, 255, 255, .08));color:var(--theme-text-primary, #fff)}.plan-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}.plan-form-modal{background:var(--theme-bg-medium, #1a1a2e);border:1px solid var(--theme-border, rgba(255, 255, 255, .06));border-radius:var(--theme-radius-xl, 20px);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--theme-shadow-lg, 0 20px 40px rgba(0, 0, 0, .3));animation:slideUp .3s ease-out}.plan-form-header{background:var(--theme-gradient-hero, linear-gradient(135deg, rgba(139, 92, 246, .15) 0%, rgba(6, 182, 212, .1) 100%));border-bottom:1px solid var(--theme-border, rgba(255, 255, 255, .06));color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-radius:var(--theme-radius-xl, 20px) var(--theme-radius-xl, 20px) 0 0}.plan-form-title{margin:0;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-close-modal{background:var(--theme-bg-glass, rgba(255, 255, 255, .05));border:1px solid var(--theme-border, rgba(255, 255, 255, .06));color:var(--theme-text-secondary, rgba(255, 255, 255, .7));font-size:1.25rem;width:40px;height:40px;border-radius:var(--theme-radius-sm, 8px);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-close-modal:hover{background:var(--theme-bg-card-hover, rgba(255, 255, 255, .08));color:var(--theme-text-primary, #fff)}.plan-form-body{padding:2rem}.form-group-custom{margin-bottom:1.5rem}.form-label-custom{display:block;font-weight:500;margin-bottom:.5rem;color:var(--theme-text-secondary, rgba(255, 255, 255, .7));font-size:.9rem}.form-input-custom,.form-select-custom,.form-textarea-custom{width:100%;padding:.875rem 1rem;border:1px solid var(--theme-border, rgba(255, 255, 255, .06));border-radius:var(--theme-radius-md, 12px);font-size:.9rem;font-family:inherit;transition:all .2s;background:var(--theme-bg-input, rgba(255, 255, 255, .08));color:var(--theme-text-primary, #fff)}.form-input-custom:focus,.form-select-custom:focus,.form-textarea-custom:focus{outline:none;border-color:var(--theme-primary, #8b5cf6);box-shadow:0 0 0 3px var(--theme-primary-glow, rgba(139, 92, 246, .3))}.form-input-custom::placeholder{color:var(--theme-text-disabled, rgba(255, 255, 255, .3))}.form-select-custom{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-select-custom option{background:var(--theme-bg-medium, #1a1a2e);color:var(--theme-text-primary, #fff)}.form-textarea-custom{resize:vertical;min-height:100px}.form-help-text{display:flex;align-items:center;gap:.5rem;font-size:.8rem;margin-top:.5rem;color:var(--theme-text-muted, rgba(255, 255, 255, .5))}.form-help-success{color:var(--theme-success, #22c55e)}.form-help-icon{font-size:.9rem}.form-row-custom{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row-custom .form-group-custom{margin-bottom:0}.flex-1{flex:1}.alert-info-custom{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);padding:1rem;border-radius:var(--theme-radius-md, 12px);display:flex;gap:.75rem}.alert-info-icon{font-size:1.5rem;flex-shrink:0}.alert-info-content strong{color:var(--theme-warning, #f59e0b);display:block;margin-bottom:.25rem}.alert-info-content p{margin:0;color:var(--theme-text-secondary, rgba(255, 255, 255, .7));font-size:.9rem}.alert-info-content code{background:var(--theme-bg-glass, rgba(255, 255, 255, .05));padding:.125rem .375rem;border-radius:4px;font-family:monospace;color:var(--theme-warning-light, #fbbf24)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;padding:1rem;background:var(--theme-bg-glass, rgba(255, 255, 255, .05));border-radius:var(--theme-radius-md, 12px);border:1px solid var(--theme-border, rgba(255, 255, 255, .06))}.module-item{display:flex;align-items:center;gap:.5rem}.module-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--theme-primary, #8b5cf6)}.module-label{cursor:pointer;font-size:.9rem;color:var(--theme-text-secondary, rgba(255, 255, 255, .7));margin:0;-webkit-user-select:none;user-select:none;transition:color .2s}.module-checkbox:checked+.module-label{color:var(--theme-primary-light, #a78bfa);font-weight:600}.form-actions{display:flex;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--theme-border, rgba(255, 255, 255, .06))}.btn-large{padding:.875rem 1.5rem;font-weight:600;border-radius:var(--theme-radius-md, 12px);transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;cursor:pointer}.btn-primary{background:var(--theme-gradient-primary, linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%));color:#fff;border:none;box-shadow:0 4px 15px var(--theme-primary-glow, rgba(139, 92, 246, .3))}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px var(--theme-primary-glow, rgba(139, 92, 246, .4))}.btn-secondary{background:var(--theme-bg-glass, rgba(255, 255, 255, .05));color:var(--theme-text-secondary, rgba(255, 255, 255, .7));border:1px solid var(--theme-border, rgba(255, 255, 255, .06))}.btn-secondary:hover:not(:disabled){background:var(--theme-bg-card-hover, rgba(255, 255, 255, .08));color:var(--theme-text-primary, #fff)}.btn-large:disabled{opacity:.5;cursor:not-allowed}.spinner-sm{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.plans-section{margin-top:2rem}.plans-section-title{color:var(--theme-text-primary, #fff);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state{background:var(--theme-bg-card, rgba(255, 255, 255, .03));border:1px dashed var(--theme-border-hover, rgba(255, 255, 255, .12));border-radius:var(--theme-radius-xl, 20px);padding:4rem 2rem;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:1rem}.empty-state h4{font-size:1.5rem;margin:0 0 .5rem;color:var(--theme-text-primary, #fff)}.empty-state p{margin:0;color:var(--theme-text-muted, rgba(255, 255, 255, .5))}.plan-card-modern{padding:0!important;display:flex;flex-direction:column}.plan-card-header-modern{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;border-bottom:1px solid var(--theme-border, rgba(255, 255, 255, .06))}.plan-card-info{flex:1;min-width:0}.plan-card-app-badge{display:inline-block;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--theme-text-muted, rgba(255, 255, 255, .5));margin-bottom:.25rem}.plan-card-name{margin:0;font-size:.95rem;font-weight:600;color:var(--theme-text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-card-price{display:flex;align-items:baseline;gap:.125rem;flex-shrink:0;margin-left:.75rem}.plan-card-price .price-value{font-size:1.25rem;font-weight:700;color:var(--theme-text-primary, #fff)}.plan-card-price .price-period{font-size:.7rem;color:var(--theme-text-muted, rgba(255, 255, 255, .5))}.plan-card-details{display:flex;gap:1rem;padding:.75rem 1rem;flex:1}.plan-detail-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--theme-text-secondary, rgba(255, 255, 255, .7))}.plan-detail-item .detail-icon{font-size:.85rem;opacity:.8}.plan-card-actions{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--theme-border, rgba(255, 255, 255, .06))}.plan-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--theme-radius-sm, 8px);background:var(--theme-bg-glass, rgba(255, 255, 255, .05));color:var(--theme-text-secondary, rgba(255, 255, 255, .7));cursor:pointer;transition:all var(--theme-transition-normal, .2s)}.plan-action-btn:hover{background:var(--theme-bg-card-hover, rgba(255, 255, 255, .1));color:var(--theme-text-primary, #fff)}.plan-action-btn.danger:hover{background:#ef444426;color:var(--theme-danger-light, #f87171)}.plan-card{background:var(--theme-bg-card, rgba(255, 255, 255, .03));border:1px solid var(--theme-border, rgba(255, 255, 255, .06));border-radius:var(--theme-radius-xl, 16px);overflow:hidden;transition:all var(--theme-transition-normal, .2s)}.plan-card:hover{border-color:var(--theme-border-hover, rgba(255, 255, 255, .12));box-shadow:var(--theme-shadow-lg, 0 8px 32px rgba(0, 0, 0, .2))}.plan-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--theme-border, rgba(255, 255, 255, .06))}.plan-card-title-section{display:flex;align-items:center;gap:.75rem}.plan-badge{padding:.25rem .625rem;border-radius:var(--theme-radius-full, 100px);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#fff}.plan-card-title{font-size:1rem;font-weight:600;margin:0;color:var(--theme-text-primary, #fff)}.plan-card-app{font-size:.8rem;color:var(--theme-text-muted, rgba(255, 255, 255, .5))}.plan-card-body{padding:1.25rem}.plan-price{display:flex;align-items:baseline;gap:.125rem;margin-bottom:1rem}.plan-price-currency{font-size:.9rem;color:var(--theme-text-secondary, rgba(255, 255, 255, .7));font-weight:500}.plan-price-value{font-size:1.75rem;font-weight:700;color:var(--theme-text-primary, #fff)}.plan-price-period{font-size:.8rem;color:var(--theme-text-muted, rgba(255, 255, 255, .5))}.plan-description{color:var(--theme-text-secondary, rgba(255, 255, 255, .7));font-size:.85rem;margin-bottom:1rem;line-height:1.5}.plan-info-row{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;margin-bottom:.75rem;padding:.5rem 0;border-bottom:1px solid var(--theme-border, rgba(255, 255, 255, .06))}.plan-info-row:last-of-type{border-bottom:none}.plan-info-label{color:var(--theme-text-muted, rgba(255, 255, 255, .5))}.plan-info-value{color:var(--theme-text-primary, #fff);font-weight:500}.plan-modules{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--theme-border, rgba(255, 255, 255, .06))}.plan-modules-label{font-size:.8rem;color:var(--theme-text-muted, rgba(255, 255, 255, .5));margin-bottom:.5rem}.modules-tags{display:flex;flex-wrap:wrap;gap:.375rem}.module-tag{display:inline-flex;background:#8b5cf61a;color:var(--theme-primary-light, #a78bfa);padding:.25rem .5rem;border-radius:var(--theme-radius-full, 100px);font-size:.7rem;font-weight:500}.plan-card-footer{padding:.75rem 1.25rem;display:flex;gap:.5rem;border-top:1px solid var(--theme-border, rgba(255, 255, 255, .06))}.btn-action{flex:1;padding:.5rem .75rem;border:none;border-radius:var(--theme-radius-sm, 8px);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--theme-transition-normal, .2s);display:flex;align-items:center;justify-content:center;gap:.375rem}.btn-edit{background:#8b5cf61a;color:var(--theme-primary-light, #a78bfa)}.btn-edit:hover{background:#8b5cf633}.btn-delete{background:#ef44441a;color:var(--theme-danger-light, #f87171)}.btn-delete:hover{background:#ef444433}@media(max-width:768px){.plan-management-title{font-size:1.5rem}.plan-management-subtitle{font-size:.9rem}.form-row-custom{grid-template-columns:1fr}.modules-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.plans-grid{grid-template-columns:1fr}.plan-form-modal{max-height:100vh;border-radius:var(--theme-radius-lg, 16px)}}.plan-form-modal::-webkit-scrollbar{width:6px}.plan-form-modal::-webkit-scrollbar-track{background:var(--theme-bg-dark, #0f0f1a)}.plan-form-modal::-webkit-scrollbar-thumb{background:var(--theme-text-muted, rgba(255, 255, 255, .3));border-radius:3px}.plan-form-modal::-webkit-scrollbar-thumb:hover{background:var(--theme-text-secondary, rgba(255, 255, 255, .5))}.plan-modules-display{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--theme-border, rgba(255, 255, 255, .06))}.plan-modules-count{font-size:.9rem;font-weight:600;color:var(--theme-primary-light, #a78bfa);margin-bottom:.5rem;display:flex;align-items:center;gap:.375rem}.plan-modules-list{display:flex;flex-wrap:wrap;gap:.375rem}.module-badge-mini{background:var(--theme-gradient-primary, linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%));color:#fff;padding:.25rem .625rem;border-radius:var(--theme-radius-full, 100px);font-size:.7rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px var(--theme-primary-glow, rgba(139, 92, 246, .3));transition:all .2s ease}.module-badge-mini:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--theme-primary-glow, rgba(139, 92, 246, .4))}.plan-option-card{background:var(--theme-bg-card, rgba(255, 255, 255, .03));border:1px solid var(--theme-border, rgba(255, 255, 255, .06));border-radius:var(--theme-radius-lg, 16px);padding:1.25rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.plan-option-card:hover:not(.current){transform:translateY(-4px);border-color:var(--theme-primary, #8b5cf6);box-shadow:0 12px 24px var(--theme-primary-glow, rgba(139, 92, 246, .2))}.plan-option-card.current{border-color:var(--theme-primary, #8b5cf6);background:linear-gradient(135deg,#8b5cf61a,#6366f10d);box-shadow:0 8px 16px var(--theme-primary-glow, rgba(139, 92, 246, .15))}.plan-option-card.plan-bronze{border-left:4px solid #cd7f32}.plan-option-card.plan-silver{border-left:4px solid #c0c0c0}.plan-option-card.plan-gold{border-left:4px solid #ffd700}.plan-option-card h4{margin:.75rem 0 .375rem;font-size:1.2rem;color:var(--theme-text-primary, #fff)}.plan-option-card .plan-description{font-size:.85rem;color:var(--theme-text-muted, rgba(255, 255, 255, .5));margin-bottom:.75rem}.plan-option-card .plan-price-box{display:flex;align-items:baseline;gap:.25rem;margin:.75rem 0;font-weight:700}.plan-option-card .currency{font-size:.9rem;color:var(--theme-primary-light, #a78bfa)}.plan-option-card .amount{font-size:1.75rem;color:var(--theme-text-primary, #fff)}.plan-option-card .period{font-size:.85rem;color:var(--theme-text-muted, rgba(255, 255, 255, .5));font-weight:400}.plan-option-card .plan-features-list{list-style:none;padding:0;margin:.75rem 0}.plan-option-card .plan-features-list li{padding:.375rem 0;font-size:.85rem;color:var(--theme-text-secondary, rgba(255, 255, 255, .7))}.plan-option-card .plan-features-list .more-features{color:var(--theme-primary-light, #a78bfa);font-weight:600}.plan-option-card .plan-users{background:var(--theme-bg-glass, rgba(255, 255, 255, .05));padding:.5rem .75rem;border-radius:var(--theme-radius-sm, 8px);font-size:.85rem;color:var(--theme-text-secondary, rgba(255, 255, 255, .7));margin-top:.5rem}.popular-tag{position:absolute;top:.625rem;right:.625rem;background:var(--theme-gradient-warning, linear-gradient(135deg, #f59e0b 0%, #d97706 100%));color:#fff;padding:.25rem .75rem;border-radius:var(--theme-radius-full, 100px);font-size:.7rem;font-weight:700}.current-tag{position:absolute;top:.625rem;right:.625rem;background:var(--theme-gradient-primary, linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%));color:#fff;padding:.25rem .75rem;border-radius:var(--theme-radius-full, 100px);font-size:.7rem;font-weight:700}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slideDown{animation:slideDown .4s ease-out}.animate-slideUp{animation:slideUp .4s ease-out}.animate-fadeIn{animation:fadeIn .4s ease-out}@media(max-width:768px){.plan-management-container{padding-bottom:5rem}.plan-management-title{font-size:1.5rem}.plan-management-subtitle{font-size:.85rem}.plan-form-modal{width:95%!important;max-height:90vh;margin:5vh auto!important}.plan-option-card{padding:1rem}.plans-grid{grid-template-columns:1fr}.plan-btn-new{padding:.625rem 1rem;font-size:.9rem}.module-badge-mini{font-size:.65rem;padding:.2rem .5rem}}@media(max-width:480px){.plan-management-title{font-size:1.25rem}.plan-management-subtitle{display:none}.plan-form-modal{width:100%!important;max-height:95vh;border-radius:var(--theme-radius-md, 12px) var(--theme-radius-md, 12px) 0 0}.plan-option-card h4{font-size:1rem}.plan-option-card .amount{font-size:1.25rem}}:root{--brand-primary: #2f0344;--brand-secondary: #2f0344;--brand-accent: #f59e0b;--primary: var(--brand-primary);--secondary: var(--brand-secondary);--accent: var(--brand-accent);--primary-rgb: 47, 3, 68;--secondary-rgb: 47, 3, 68;--accent-rgb: 245, 158, 11;--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #2c0244;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #2d0547;--primary-800: #3730a3;--primary-900: #312e81;--primary-dark: var(--primary-700);--primary-light: var(--primary-400);--secondary-dark: #500e86;--secondary-light: #a78bfa;--success: #10b981;--success-light: #d1fae5;--success-bg: #f0fdf4;--success-text: #065f46;--success-dark: #059669;--warning: #f59e0b;--warning-light: #fef3c7;--warning-bg: #fef3c7;--warning-text: #92400e;--danger: #ef4444;--danger-light: #fee2e2;--danger-bg: #fef2f2;--danger-text: #991b1b;--danger-border: #fecaca;--info: #3b82f6;--info-light: #dbeafe;--info-bg: #dbeafe;--info-text: #1e40af;--info-sky-bg: #e0f2fe;--info-sky-text: #0369a1;--dark: #1e1b4b;--gray-900: #111827;--gray-800: #1f2937;--gray-700: #374151;--gray-600: #4b5563;--gray-500: #6b7280;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-200: #e5e7eb;--gray-100: #f3f4f6;--gray-50: #f9fafb;--white: #ffffff;--theme-light: var(--primary-50);--theme-pix-bg: #ecfdf5;--font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--sidebar-width: 260px;--sidebar-collapsed: 70px;--header-height: 64px;--content-max-width: 1400px;--card-padding: var(--space-6);--page-padding: var(--space-8);--radius-none: 0;--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--border-width: 1px;--border-color: var(--gray-200);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .2);--shadow-primary: 0 4px 14px rgba(99, 102, 241, .3);--shadow-glow: 0 0 25px rgba(99, 102, 241, .5);--shadow-cta: 0 8px 25px rgba(245, 158, 11, .35);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06), 0 4px 16px rgba(99, 102, 241, .08);--gradient-primary: linear-gradient(135deg, #4338ca 0%, #6366f1 50%, #818cf8 100%);--gradient-hero: linear-gradient(135deg, #312e81 0%, #4f46e5 50%, #6366f1 100%);--gradient-sidebar: linear-gradient(180deg, #4338ca 0%, #312e81 100%);--gradient-cta: linear-gradient(135deg, #fcd34d 0%, #f59e0b 100%);--gradient-card: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.15), rgba(255,255,255,.05));--gradient-subtle: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-danger: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800}.dark,[data-theme=dark]{--white: #0f0d1a;--gray-50: #1a1625;--gray-100: #252033;--gray-200: #332d42;--gray-300: #453d57;--gray-400: #6b6280;--gray-500: #9490a6;--gray-600: #b8b4c7;--gray-700: #d4d1de;--gray-800: #e8e6ed;--gray-900: #f5f4f7;--dark: #f5f4f7;--border-color: var(--gray-200);--theme-light: var(--gray-100);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--gray-700);background-color:var(--gray-100);margin:0;padding:0}.bg-primary{background-color:var(--primary)!important}.bg-secondary{background-color:var(--secondary)!important}.bg-accent{background-color:var(--accent)!important}.bg-white{background-color:var(--white)!important}.bg-gray-100{background-color:var(--gray-100)!important}.bg-gradient{background:var(--gradient-primary)!important}.bg-gradient-hero{background:var(--gradient-hero)!important}.text-primary{color:var(--primary)!important}.text-secondary{color:var(--secondary)!important}.text-accent{color:var(--accent)!important}.text-dark{color:var(--dark)!important}.text-white{color:var(--white)!important}.text-xs{font-size:var(--font-xs)!important}.text-sm{font-size:var(--font-sm)!important}.text-base{font-size:var(--font-base)!important}.text-lg{font-size:var(--font-lg)!important}.text-xl{font-size:var(--font-xl)!important}.text-2xl{font-size:var(--font-2xl)!important}.font-normal{font-weight:var(--font-normal)!important}.font-medium{font-weight:var(--font-medium)!important}.font-semibold{font-weight:var(--font-semibold)!important}.font-bold{font-weight:var(--font-bold)!important}.rounded{border-radius:var(--radius)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow{box-shadow:var(--shadow)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-primary{box-shadow:var(--shadow-primary)!important}.shadow-glow{box-shadow:var(--shadow-glow)!important}.transition{transition:all var(--transition)!important}.transition-fast{transition:all var(--transition-fast)!important}.hover-lift:hover{transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.02)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.hover-shadow:hover{box-shadow:var(--shadow-md)}.p-4{padding:var(--space-4)!important}.p-6{padding:var(--space-6)!important}.p-8{padding:var(--space-8)!important}.m-0{margin:0!important}.mb-4{margin-bottom:var(--space-4)!important}.mb-6{margin-bottom:var(--space-6)!important}.gap-2{gap:var(--space-2)!important}.gap-4{gap:var(--space-4)!important}.gap-6{gap:var(--space-6)!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .3s ease-out}.animate-slideDown{animation:slideDown .3s ease-out}.animate-pulse{animation:pulse 2s infinite}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.glass{background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--card-padding);transition:all var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-weight:var(--font-medium);font-size:var(--font-sm);border-radius:var(--radius);border:none;cursor:pointer;transition:all var(--transition)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:var(--white)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-primary);transform:translateY(-1px)}.input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius);font-size:var(--font-base);transition:all var(--transition-fast);background:var(--white)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.sidebar{width:var(--sidebar-width);background:var(--gradient-sidebar);color:var(--white);display:flex;flex-direction:column;position:fixed;height:100vh;box-shadow:var(--shadow-lg);z-index:var(--z-fixed);transition:width var(--transition)}.sidebar-header{padding:0 var(--space-6);height:80px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:var(--space-3);box-sizing:border-box;position:relative}.sidebar-close-btn{display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--white);font-size:1.25rem;cursor:pointer;padding:8px;opacity:.7;transition:opacity .2s}.sidebar-close-btn:hover{opacity:1}@media(max-width:768px){.sidebar-close-btn{display:block}}.mobile-menu-btn,.sidebar-overlay{display:none}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:linear-gradient(180deg,var(--primary-700) 0%,var(--primary-dark) 100%);border-top:1px solid rgba(99,102,241,.3);z-index:9999;box-shadow:0 -4px 20px #0000004d}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:#fff9;transition:all .2s ease;padding:6px 2px;min-width:0}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--white)}.bottom-nav-item.active{background:#6366f133}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.1)}.bottom-nav-icon{font-size:1.1rem;transition:transform .2s ease}.bottom-nav-label{font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sidebar-logo{width:40px;height:40px;border-radius:var(--radius-lg);object-fit:cover}.sidebar-header h2{font-size:var(--font-lg);font-weight:var(--font-semibold);margin:0;white-space:nowrap}.sidebar-nav{flex:1;padding:var(--space-4) 0;overflow-y:auto}.sidebar-nav a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);color:#ffffffb3;text-decoration:none;font-size:var(--font-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);border-left:3px solid transparent}.sidebar-nav a:hover{background:#ffffff1a;color:var(--white)}.sidebar-nav a.active{background:#ffffff26;color:var(--white);border-left-color:var(--accent)}.sidebar-nav .icon{font-size:var(--font-xl);width:24px;text-align:center}.sidebar-footer{padding:var(--space-4) var(--space-6);border-top:1px solid rgba(255,255,255,.1)}.top-header{height:80px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:0 4px 20px #00000026;box-sizing:border-box}.header-left{display:flex;align-items:center;gap:var(--space-3)}.header-right{display:flex;align-items:center;gap:var(--space-4)}.top-header h1{font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--white);margin:0}.user-email{color:#fffc;font-size:var(--font-sm)}.admin-layout{display:flex;height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0}.main-content{flex:1;margin-left:var(--sidebar-width);height:100vh;width:calc(100% - var(--sidebar-width));transition:margin-left var(--transition);display:flex;flex-direction:column;overflow:hidden}.page-content{flex:1;padding:var(--page-padding);width:100%;overflow-y:auto;overflow-x:hidden;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 50%,#1a0527 100%)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.page-header h2{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--dark);margin:0}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-group label{font-weight:var(--font-medium);font-size:var(--font-sm);color:var(--gray-700)}.form-group input,.form-group textarea,.form-group select{padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius);font-size:var(--font-base);font-family:var(--font-family);background:var(--white);transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.7}.form-group small{font-size:var(--font-xs);color:var(--gray-500)}.table-container{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.data-table th,.data-table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--gray-200)}.data-table th{background:var(--gray-50);font-weight:var(--font-semibold);font-size:var(--font-sm);color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--gray-50)}.data-table tbody tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn .2s ease-out}.modal{background:var(--white);padding:var(--space-8);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s ease-out}.modal h3{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--white);margin:0 0 var(--space-4)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.dashboard-page{animation:fadeIn .4s ease-out;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 50%,#2f0344 100%);min-height:calc(100vh - 80px);margin:calc(var(--page-padding) * -1);padding:var(--page-padding);border-radius:0;width:calc(100% + var(--page-padding) * 2)}.dashboard-page>h2{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--white);margin:0 0 var(--space-8);position:relative;display:inline-block;text-shadow:0 2px 10px rgba(0,0,0,.2)}.dashboard-page>h2:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:var(--accent);border-radius:var(--radius-full)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:linear-gradient(135deg,#ffffff26,#ffffff14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;display:flex;align-items:center;gap:var(--space-5);transition:all var(--transition);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent);opacity:0;transition:opacity var(--transition)}.stat-card:hover{box-shadow:0 12px 40px #0000004d;transform:translateY(-4px);border-color:#fff6;background:linear-gradient(135deg,#ffffff40,#ffffff26)}.stat-card:hover:before{opacity:1}.stat-card:nth-child(1) .stat-icon{background:linear-gradient(135deg,#6366f1,#818cf8)}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#10b981,#34d399)}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,#ec4899,#f472b6)}.stat-icon{font-size:var(--font-2xl);width:64px;height:64px;min-width:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-primary);transition:all var(--transition)}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-info{display:flex;flex-direction:column;gap:var(--space-1)}.stat-value{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--white);line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.2)}.stat-label{font-size:var(--font-sm);font-weight:var(--font-medium);color:#fffc;text-transform:uppercase;letter-spacing:.5px}.dashboard-sections{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-6)}.recent-activity{background:linear-gradient(135deg,#ffffff26,#ffffff14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.2)}.recent-activity h3{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--white);margin:0 0 var(--space-5);display:flex;align-items:center;gap:var(--space-2)}.recent-activity h3:before{content:"🕐";font-size:var(--font-xl)}.activity-list{display:flex;flex-direction:column;gap:var(--space-3)}.activity-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:#ffffff1a;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.15);transition:all var(--transition);position:relative;overflow:hidden}.activity-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:0;transition:opacity var(--transition)}.activity-item:hover{background:#fff3;box-shadow:0 4px 15px #0003;transform:translate(4px)}.activity-item:hover:before{opacity:1}.activity-icon{font-size:var(--font-xl);width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;background:var(--primary-100);border-radius:var(--radius-lg);transition:all var(--transition)}.activity-item:hover .activity-icon{background:var(--gradient-primary);transform:scale(1.1)}.activity-content{flex:1}.activity-content p{font-size:var(--font-sm);color:var(--white);margin:0 0 var(--space-1);line-height:var(--leading-normal)}.activity-content p strong{color:var(--accent);font-weight:var(--font-semibold)}.activity-time{font-size:var(--font-xs);color:#ffffffb3;display:flex;align-items:center;gap:var(--space-1)}.activity-time:before{content:"•";color:var(--accent)}.quick-actions{background:linear-gradient(135deg,#ffffff26,#ffffff14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.2)}.quick-actions h3{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--white);margin:0 0 var(--space-5);display:flex;align-items:center;gap:var(--space-2)}.quick-actions h3:before{content:"⚡";font-size:var(--font-xl)}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--white);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition);z-index:0}.action-btn span{font-size:var(--font-2xl);transition:all var(--transition);position:relative;z-index:1}.action-btn:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.action-btn:hover:before{opacity:1}.action-btn:hover,.action-btn:hover span{color:var(--white)}.action-btn:hover span{transform:scale(1.2)}.action-btn:active{transform:translateY(0)}.loading{display:flex;align-items:center;justify-content:center;min-height:300px;font-size:var(--font-lg);color:var(--white);gap:var(--space-3)}.loading:before{content:"";width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid rgba(255,255,255,.2)}.dashboard-welcome h2{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--white);margin:0 0 var(--space-2);text-shadow:0 2px 10px rgba(0,0,0,.2)}.dashboard-welcome p{color:#fffc;font-size:var(--font-base);margin:0}.dashboard-date{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--white);border:1px solid rgba(255,255,255,.2)}.date-icon{font-size:var(--font-lg)}.stat-card-primary:before{background:linear-gradient(135deg,#6366f1,#818cf8);opacity:1}.stat-card-success:before{background:linear-gradient(135deg,#10b981,#34d399);opacity:1}.stat-card-warning:before{background:linear-gradient(135deg,#f59e0b,#fbbf24);opacity:1}.stat-card-info:before{background:linear-gradient(135deg,#3b82f6,#60a5fa);opacity:1}.stat-card-primary .stat-icon{background:linear-gradient(135deg,#6366f1,#818cf8)}.stat-card-success .stat-icon{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 14px #10b9814d}.stat-card-warning .stat-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 14px #f59e0b4d}.stat-card-info .stat-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 4px 14px #3b82f64d}.stat-trend{font-size:var(--font-xs);font-weight:var(--font-semibold);display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1);padding:2px 8px;border-radius:var(--radius-full)}.trend-up{color:var(--success-text);background:var(--success-light)}.trend-up:before{content:"↑"}.trend-down{color:var(--danger-text);background:var(--danger-light)}.trend-down:before{content:"↓"}.stat-chart{position:absolute;right:var(--space-4);bottom:var(--space-4);width:80px;height:40px;opacity:.3}.mini-chart{width:100%;height:100%}.mini-chart polyline{fill:none;stroke:var(--white);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mini-chart.success polyline{stroke:var(--accent)}.mini-chart.warning polyline{stroke:var(--accent)}.mini-chart.info polyline{stroke:var(--accent)}.system-status-bar{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-6);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);margin-bottom:var(--space-6);border:1px solid rgba(255,255,255,.2);flex-wrap:wrap}.status-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:#ffffffe6}.status-online{color:#4ade80;font-weight:var(--font-semibold)}.status-dot{width:10px;height:10px;background:#4ade80;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 12px #4ade80}.status-icon{font-size:var(--font-base)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.section-header h3{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--white);margin:0;display:flex;align-items:center;gap:var(--space-2)}.btn-link{background:none;border:none;color:var(--accent);font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition);padding:0}.btn-link:hover{color:var(--white);text-decoration:underline}.activity-badge{font-size:var(--font-xs);padding:4px 10px;border-radius:var(--radius-full);font-weight:var(--font-medium);white-space:nowrap}.activity-new{background:linear-gradient(135deg,#10b981,#34d399)!important}.activity-user{background:linear-gradient(135deg,#3b82f6,#60a5fa)!important}.activity-update{background:linear-gradient(135deg,#f59e0b,#fbbf24)!important}.activity-payment{background:linear-gradient(135deg,#8b5cf6,#a78bfa)!important}.action-btn{flex-direction:row;justify-content:flex-start;text-align:left;padding:var(--space-4)}.action-text{display:flex;flex-direction:column;position:relative;z-index:1}.action-text strong{font-size:var(--font-sm);color:var(--white);transition:color var(--transition)}.action-text small{font-size:var(--font-xs);color:#ffffffb3;font-weight:var(--font-normal);transition:color var(--transition)}.action-btn:hover .action-text strong,.action-btn:hover .action-text small{color:var(--white)}.action-primary:before{background:linear-gradient(135deg,#6366f1,#818cf8)}.action-success:before{background:linear-gradient(135deg,#10b981,#34d399)}.action-warning:before{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.action-info:before{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.dashboard-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-6);margin-top:var(--space-6)}.performance-chart{background:linear-gradient(135deg,#ffffff26,#ffffff14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.2)}.chart-legend{display:flex;gap:var(--space-4)}.legend-item{font-size:var(--font-xs);display:flex;align-items:center;gap:var(--space-1);color:#fffc}.legend-item:before{content:"";width:12px;height:12px;border-radius:3px}.legend-apps:before{background:var(--gradient-primary)}.legend-users:before{background:var(--gradient-success)}.chart-container{margin-top:var(--space-4);height:200px}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;height:100%;gap:var(--space-3);padding-bottom:var(--space-6);border-bottom:2px solid rgba(255,255,255,.2)}.chart-bar-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1;height:100%}.chart-bar-group>div:first-child,.chart-bar-group>div:nth-child(2){display:flex;flex-direction:row;gap:4px;width:100%;align-items:flex-end;justify-content:center;flex:1}.chart-bar{width:14px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--transition);cursor:pointer}.chart-bar.apps{background:var(--gradient-primary)}.chart-bar.users{background:var(--gradient-success)}.chart-bar:hover{transform:scaleY(1.05);opacity:.8}.chart-label{font-size:var(--font-xs);color:#ffffffb3;font-weight:var(--font-medium)}.top-apps{background:linear-gradient(135deg,#ffffff26,#ffffff14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.2)}.top-apps-list{display:flex;flex-direction:column;gap:var(--space-4)}.top-app-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:#ffffff1a;border-radius:var(--radius-lg);transition:all var(--transition);border:1px solid rgba(255,255,255,.1)}.top-app-item:hover{background:#fff3;box-shadow:0 4px 15px #0003;transform:translate(4px)}.app-rank{font-size:var(--font-2xl)}.app-info{flex:1;display:flex;flex-direction:column;gap:2px}.app-info strong{font-size:var(--font-sm);color:var(--white)}.app-info small{font-size:var(--font-xs);color:#ffffffb3}.app-progress{width:80px;height:6px;background:#fff3;border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width .5s ease-out}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-4)}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.dashboard-loading p{color:var(--white);font-size:var(--font-base)}@media(max-width:1200px){.dashboard-bottom{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:var(--space-4)}}@media(max-width:768px){.system-status-bar{justify-content:center;gap:var(--space-4)}.status-item{font-size:var(--font-xs)}.chart-bars{gap:var(--space-2)}.chart-bar{width:10px}}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-sections{grid-template-columns:1fr}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr;gap:var(--space-4)}.stat-card{padding:var(--space-5)}.stat-icon{width:56px;height:56px;min-width:56px}.stat-value{font-size:var(--font-2xl)}.actions-grid{grid-template-columns:1fr}}.btn-secondary{background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:var(--gray-300)}.btn-success{background:var(--gradient-success);color:var(--white)}.btn-success:hover:not(:disabled){box-shadow:0 4px 14px #10b9814d}.btn-danger{background:var(--gradient-danger);color:var(--white)}.btn-danger:hover:not(:disabled){box-shadow:0 4px 14px #ef44444d}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary);color:var(--white)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-lg)}.alert{padding:var(--space-4);border-radius:var(--radius);font-size:var(--font-sm);display:flex;align-items:flex-start;gap:var(--space-3)}.alert-success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success)}.alert-warning{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning)}.alert-danger{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger)}.alert-info{background:var(--info-bg);color:var(--info-text);border:1px solid var(--info)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-hero);padding:var(--space-4)}.login-container{background:var(--white);padding:var(--space-10);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px;animation:slideUp .4s ease-out}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{width:80px;height:80px;margin-bottom:var(--space-4);border-radius:var(--radius-xl)}.login-header h1{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--dark);margin:0 0 var(--space-2)}.login-header p{color:var(--gray-500);font-size:var(--font-sm);margin:0}.login-btn{width:100%;padding:var(--space-4);background:var(--gradient-primary);color:var(--white);border:none;border-radius:var(--radius);font-size:var(--font-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition)}.login-btn:hover:not(:disabled){box-shadow:var(--shadow-primary);transform:translateY(-2px)}.apps-page{animation:fadeIn .4s ease-out;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 50%,#2f0344 100%);min-height:calc(100vh - 80px);margin:calc(var(--page-padding) * -1);padding:var(--page-padding);width:calc(100% + var(--page-padding) * 2)}.apps-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid rgba(255,255,255,.15)}.apps-page .page-title{display:flex;flex-direction:column;gap:var(--space-2)}.apps-page .page-title h1{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--white);margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.apps-page .page-subtitle{color:#ffffffb3;font-size:var(--font-base);margin:0}.apps-page .page-header h2{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--white);margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.apps-page .btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--accent);color:var(--dark);border:none;border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-cta)}.apps-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b80}.apps-page .apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.apps-page .app-card{background:linear-gradient(145deg,#ffffff1f,#ffffff0d);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid rgba(255,255,255,.15);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.apps-page .app-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent),#ff6b6b,var(--accent));background-size:200% 100%;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.apps-page .app-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .5s ease}.apps-page .app-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #0006,0 0 40px #f59e0b1a;border-color:#ffffff4d;background:linear-gradient(145deg,#ffffff2e,#ffffff14)}.apps-page .app-card:hover:before{transform:scaleX(1);animation:shimmer 2s linear infinite}.apps-page .app-card:hover:after{left:100%}.apps-page .app-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.apps-page .app-icon-large{font-size:2.5rem;background:linear-gradient(135deg,#f59e0b40,#f59e0b1a);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #f59e0b26;transition:all var(--transition)}.apps-page .app-card:hover .app-icon-large{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 30px #f59e0b4d}.apps-page .app-card-body h3{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-bold);margin:0 0 var(--space-2);transition:color var(--transition)}.apps-page .app-card:hover .app-card-body h3{color:var(--accent)}.apps-page .app-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.apps-page .app-header h3{font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--white);margin:0}.apps-page .app-id{margin-bottom:var(--space-3)}.apps-page .app-id code{background:#fff3!important;color:var(--accent)!important;padding:4px 10px!important;border-radius:var(--radius)!important;font-family:var(--font-mono);font-size:var(--font-sm)}.apps-page .app-description{color:#fffc;font-size:var(--font-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.apps-page .app-actions{display:flex;gap:var(--space-3)}.apps-page .app-actions .btn-secondary{flex:1;padding:var(--space-3);background:#ffffff26;color:var(--white);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition)}.apps-page .app-actions .btn-secondary:hover{background:#ffffff40}.apps-page .app-actions .btn-danger{padding:var(--space-3);background:#ef44444d;color:var(--white);border:1px solid rgba(239,68,68,.5);border-radius:var(--radius);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition)}.apps-page .app-actions .btn-danger:hover{background:#ef444480}.apps-page .badge{padding:6px 14px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-bold);letter-spacing:.3px;box-shadow:0 2px 8px #00000026}.apps-page .badge-success{background:linear-gradient(135deg,#10b98166,#10b98133);color:#4ade80;border:1px solid rgba(16,185,129,.5)}.apps-page .badge-warning{background:linear-gradient(135deg,#f59e0b66,#f59e0b33);color:#fbbf24;border:1px solid rgba(245,158,11,.5)}.apps-page .badge-danger{background:linear-gradient(135deg,#ef444466,#ef444433);color:#f87171;border:1px solid rgba(239,68,68,.5)}.apps-page .empty-state{text-align:center;padding:var(--space-16) var(--space-10);background:linear-gradient(145deg,#ffffff14,#ffffff08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:2px dashed rgba(255,255,255,.2);max-width:600px;margin:var(--space-8) auto}.apps-page .empty-state .empty-icon{font-size:5rem;margin-bottom:var(--space-6);display:block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.apps-page .empty-state h3{color:var(--white);font-size:var(--font-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-3)}.apps-page .empty-state p{color:#ffffffb3;font-size:var(--font-lg);margin-bottom:var(--space-8);line-height:1.6}.apps-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4);color:var(--white)}.apps-page .loading-container p{color:#ffffffb3;font-size:var(--font-base)}.apps-page .loading-spinner{width:56px;height:56px;border:4px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.apps-page .empty-state p{color:#fffc;font-size:var(--font-lg);margin-bottom:var(--space-6)}.apps-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);animation:fadeIn .2s ease-out}.apps-page .modal{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);padding:var(--space-8);border-radius:var(--radius-xl);width:100%;max-width:480px;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px #00000080;animation:slideUp .3s ease-out}.apps-page .modal h3{font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--white);margin:0 0 var(--space-6)}.apps-page .form-group{margin-bottom:var(--space-5)}.apps-page .form-group label{display:block;color:#ffffffe6;font-weight:var(--font-medium);margin-bottom:var(--space-2)}.apps-page .form-group input,.apps-page .form-group textarea{width:100%;padding:var(--space-3) var(--space-4);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);color:var(--white);font-size:var(--font-base);transition:all var(--transition)}.apps-page .form-group input:focus,.apps-page .form-group textarea:focus{outline:none;border-color:var(--accent);background:#ffffff26}.apps-page .form-group input::placeholder,.apps-page .form-group textarea::placeholder{color:#ffffff80}.apps-page .form-group textarea{min-height:100px;resize:vertical}.apps-page .modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.2)}.apps-page .modal-actions button{padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition)}.apps-page .modal-actions button[type=button]{background:#ffffff1a;color:var(--white);border:1px solid rgba(255,255,255,.2)}.apps-page .modal-actions button[type=button]:hover{background:#fff3}.apps-page .modal-actions .btn-primary{background:var(--accent);color:var(--dark);border:none}.apps-page .loading{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--white);font-size:var(--font-lg);gap:var(--space-3)}.apps-page .loading:before{content:"";width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.apps-page .info-box{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,#8b5cf626,#4f46e51a);border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.apps-page .info-box .info-icon{font-size:1.5rem}.apps-page .info-box .info-content strong{display:block;color:var(--white);font-size:.95rem;margin-bottom:var(--space-1)}.apps-page .info-box .info-content p{color:#fff9;font-size:.85rem;margin:0}.apps-page .btn-view{background:linear-gradient(135deg,#6366f14d,#4f46e533);border:1px solid rgba(99,102,241,.5);color:var(--white);padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition)}.apps-page .btn-view:hover{background:linear-gradient(135deg,#6366f180,#4f46e566);transform:translateY(-2px)}.apps-page .app-view-content{display:flex;flex-direction:column;gap:var(--space-5)}.apps-page .view-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-4)}.apps-page .view-section h4{margin:0 0 var(--space-4);color:var(--white);font-size:1rem;padding-bottom:var(--space-3);border-bottom:1px solid rgba(255,255,255,.1)}.apps-page .view-section .section-hint{color:#fff9;font-size:.85rem;margin-bottom:var(--space-3)}.apps-page .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.apps-page .info-item{background:#ffffff0d;padding:var(--space-3);border-radius:var(--radius)}.apps-page .info-item.full-width{grid-column:span 2}.apps-page .info-item label{display:block;font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.apps-page .info-item span{color:var(--white);font-size:.9rem}.apps-page .info-item span.mono{font-family:var(--font-mono);font-size:.8rem;color:var(--accent)}.apps-page .clients-list{display:flex;flex-direction:column;gap:var(--space-2)}.apps-page .client-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.apps-page .client-item:hover{background:#ffffff1a;border-color:var(--accent);transform:translate(4px)}.apps-page .client-info{display:flex;flex-direction:column;gap:2px}.apps-page .client-name{font-weight:var(--font-semibold);color:var(--white)}.apps-page .client-plan{font-size:.8rem;color:#ffffff80}.apps-page .client-value{display:flex;align-items:center;gap:var(--space-3)}.apps-page .client-value .value{font-weight:var(--font-semibold);color:var(--accent)}.apps-page .client-value .status{font-size:1rem}.apps-page .clients-summary{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#f59e0b26,#d977061a);border-radius:var(--radius);margin-top:var(--space-2);font-size:.85rem;color:var(--accent);font-weight:var(--font-medium)}.apps-page .no-clients-message{text-align:center;padding:var(--space-6);color:#ffffff80}.apps-page .no-clients-message span{font-size:2rem;display:block;margin-bottom:var(--space-2)}.apps-page .no-clients-message p{margin:0}.apps-page .loading-inline{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);color:#ffffffb3}.apps-page .spinner-small{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.apps-page .modal.modal-lg{max-width:640px}.apps-page .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,.15)}.apps-page .modal-header h3{margin:0;font-size:1.3rem}.apps-page .modal-close{background:#ffffff1a;border:none;color:var(--white);width:36px;height:36px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all var(--transition)}.apps-page .modal-close:hover{background:#ef444480}.apps-page .firebase-detect-section{margin-bottom:var(--space-6)}.apps-page .section-header-inline{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.apps-page .step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;background:linear-gradient(135deg,var(--violet-primary),var(--violet-secondary));border-radius:50%;font-weight:var(--font-bold);font-size:.9rem;color:var(--white)}.apps-page .step-number.success{background:linear-gradient(135deg,var(--success),#059669)}.apps-page .section-header-inline h4{margin:0;color:var(--white);font-size:1rem}.apps-page .section-hint{margin:var(--space-1) 0 0;font-size:.8rem;color:#fff9;line-height:1.4}.apps-page .section-hint strong{color:var(--accent)}.apps-page .firebase-config-input{font-family:var(--font-mono)!important;font-size:.8rem!important;line-height:1.5!important;min-height:180px!important}.apps-page .btn-detect{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#f59e0b4d,#d9770633);border:2px dashed rgba(245,158,11,.5);border-radius:var(--radius-lg);color:var(--accent);font-weight:var(--font-semibold);font-size:1rem;cursor:pointer;transition:all var(--transition);margin-top:var(--space-3)}.apps-page .btn-detect:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b66,#d977064d);border-style:solid;transform:translateY(-2px)}.apps-page .btn-detect:disabled{opacity:.5;cursor:not-allowed}.apps-page .spinner-small{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.apps-page .detect-error{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-lg);color:#fca5a5;font-size:.85rem}.apps-page .detected-config-section{background:#10b98114;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);animation:fadeIn .3s ease-out}.apps-page .config-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-bottom:var(--space-5)}.apps-page .config-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);background:#ffffff0d;border-radius:var(--radius-md)}.apps-page .config-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.apps-page .config-value{font-size:.85rem;color:var(--white);word-break:break-all}.apps-page .config-value.highlight{color:var(--success);font-weight:var(--font-semibold);font-size:1rem}.apps-page .config-value.mono{font-family:var(--font-mono);font-size:.75rem}.apps-page .app-info-section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid rgba(255,255,255,.1)}.apps-page .app-info-section .section-header-inline{margin-bottom:var(--space-4)}.apps-page .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.apps-page .form-row .flex-2{grid-column:span 2}.apps-page .modal-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.apps-page .modal-actions .btn-primary{display:flex;align-items:center;gap:var(--space-2)}@media(max-width:640px){.apps-page .modal.modal-lg{margin:var(--space-2);max-width:calc(100% - var(--space-4));padding:var(--space-5)}.apps-page .config-preview{grid-template-columns:1fr}.apps-page .firebase-config-input{min-height:150px!important;font-size:.75rem!important}.apps-page .form-row .flex-2{grid-column:span 1}}@media(max-width:1024px){.page-content{padding:var(--space-6)}}@media(max-width:768px){:root{--sidebar-width: 0}.sidebar{display:none!important}.bottom-nav{display:flex}.admin-layout{height:100%;height:100dvh}.main-content{margin-left:0;width:100%;height:100%;height:100dvh}.page-content{padding:var(--space-3);padding-bottom:70px;height:calc(100dvh - 56px);overflow-y:auto;-webkit-overflow-scrolling:touch}.top-header{padding:0 var(--space-4);height:56px;min-height:56px;flex-shrink:0}.top-header h1{font-size:var(--font-base)}.header-left h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:var(--font-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.modal{margin:var(--space-2);max-width:calc(100% - var(--space-4));max-height:calc(100dvh - 80px)}.clients-page{padding:0;background:transparent}.clients-page .page-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px}.clients-page .page-title h1{font-size:1.2rem;margin:0}.clients-page .page-subtitle{font-size:.7rem;margin:2px 0 0}.clients-page .page-header>.btn-primary{padding:8px 12px;font-size:.8rem;white-space:nowrap}.clients-page .stats-grid{display:none}.clients-page .search-filter-bar{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.clients-page .search-box{width:100%}.clients-page .search-box input{width:100%;padding:10px 14px;font-size:.9rem;border-radius:10px}.clients-page .sort-box{display:none}.clients-page .filters-bar{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.clients-page .filters-bar::-webkit-scrollbar{display:none}.clients-page .filter-btn{flex-shrink:0;padding:8px 14px;font-size:.8rem;border-radius:20px;white-space:nowrap}.clients-page .clients-list{display:flex;flex-direction:column;gap:8px}.clients-page .client-card{display:flex;flex-direction:column;padding:12px;border-radius:12px;width:100%;box-sizing:border-box}.clients-page .client-card-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:0}.clients-page .client-avatar{width:42px;height:42px;border-radius:10px;flex-shrink:0}.clients-page .client-avatar .avatar-text{font-size:1rem}.clients-page .client-basic-info{flex:1;min-width:0;overflow:hidden}.clients-page .client-name-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.clients-page .client-basic-info h3{font-size:.95rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clients-page .category-badge{font-size:.6rem;padding:2px 6px;flex-shrink:0}.clients-page .client-contact{font-size:.75rem;margin:1px 0;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clients-page .client-doc{font-size:.7rem;margin:2px 0 0;opacity:.7}.clients-page .client-status-badge{position:absolute;top:10px;right:10px}.clients-page .client-card{position:relative}.clients-page .client-status-badge .badge{font-size:.65rem;padding:4px 8px;border-radius:6px}.clients-page .client-card-stats{display:flex;justify-content:space-around;padding:10px 0;margin:10px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.clients-page .mini-stat{text-align:center;flex:1}.clients-page .mini-stat-icon{font-size:.8rem;display:block;margin-bottom:2px}.clients-page .mini-stat-value{font-size:.85rem;font-weight:600;display:block}.clients-page .mini-stat-label{font-size:.55rem;opacity:.7;text-transform:uppercase}.clients-page .client-card-actions{display:flex;gap:8px}.clients-page .client-card-actions .btn-primary,.clients-page .client-card-actions .btn-secondary{flex:1;padding:10px;font-size:.8rem;border-radius:8px;text-align:center;justify-content:center}.clients-page .client-card-actions .btn-delete,.clients-page .client-card-actions .btn-icon{width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}}.clients-page{padding:var(--space-6);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 50%,#1a0527 100%);min-height:calc(100vh - 80px);width:100%;box-sizing:border-box;border-radius:var(--radius-lg)}.clients-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.clients-page .page-title h1{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-1)}.clients-page .page-subtitle{color:#ffffffb3;font-size:var(--font-base)}.clients-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.clients-page .stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);transition:all var(--transition);min-height:80px}.clients-page .stat-card:hover{background:#ffffff26;transform:translateY(-2px)}.clients-page .stat-card .stat-icon{font-size:1.75rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:#ffffff1a}.clients-page .stat-card .stat-info{display:flex;flex-direction:column}.clients-page .stat-card .stat-value{font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--white)}.clients-page .stat-card .stat-label{font-size:var(--font-xs);color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.clients-page .stat-card.primary{border-left:4px solid #ec4899}.clients-page .stat-card.success{border-left:4px solid var(--success)}.clients-page .stat-card.warning{border-left:4px solid var(--accent)}.clients-page .stat-card.info{border-left:4px solid var(--info)}.clients-page .stat-card.danger{border-left:4px solid var(--danger)}.clients-page .stat-card.dark{border-left:4px solid var(--gray-500)}.clients-page .search-filter-bar{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.clients-page .search-box{flex:1;min-width:250px}.clients-page .search-box input{width:100%;padding:var(--space-3) var(--space-4);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);color:var(--white);font-size:var(--font-base)}.clients-page .search-box input::placeholder{color:#ffffff80}.clients-page .search-box input:focus{outline:none;border-color:var(--accent);background:#ffffff26}.clients-page .sort-box{display:flex;gap:var(--space-2)}.clients-page .sort-box select{padding:var(--space-3) var(--space-4);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);color:var(--white);font-size:var(--font-sm);cursor:pointer}.clients-page .sort-box select option{background:var(--brand-primary);color:var(--white)}.clients-page .sort-order-btn{padding:var(--space-3);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);color:var(--white);font-size:var(--font-lg);cursor:pointer;transition:all var(--transition)}.clients-page .sort-order-btn:hover{background:#fff3}.clients-page .filters-bar{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6)}.clients-page .filter-btn{padding:var(--space-2) var(--space-4);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:#fffc;font-size:var(--font-sm);cursor:pointer;transition:all var(--transition)}.clients-page .filter-btn:hover{background:#ffffff26;color:var(--white)}.clients-page .filter-btn.active{background:var(--accent);color:var(--dark);border-color:var(--accent);font-weight:var(--font-medium)}.clients-page .clients-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-4)}.clients-page .client-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition)}.clients-page .client-card:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 32px #0003}.clients-page .client-card.blocked{border-color:#ef444480;opacity:.85}.clients-page .client-card.has-overdue{border-color:#ef444480}.clients-page .client-card-header{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);align-items:flex-start}.clients-page .client-avatar{width:56px;height:56px;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent),#d97706);display:flex;align-items:center;justify-content:center;flex-shrink:0}.clients-page .client-avatar .avatar-text{color:var(--dark);font-size:var(--font-xl);font-weight:var(--font-bold)}.clients-page .client-basic-info{flex:1;min-width:0}.clients-page .client-name-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-1)}.clients-page .client-basic-info h3{font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--white);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clients-page .client-contact{color:#ffffffb3;font-size:var(--font-sm);margin:0}.clients-page .client-doc{color:#fff9;font-size:var(--font-xs);margin:var(--space-1) 0 0}.clients-page .client-status-badge{flex-shrink:0}.category-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-medium);white-space:nowrap}.category-badge.badge-secondary{background:#6b72804d;color:var(--gray-200)}.category-badge.badge-primary{background:#6366f14d;color:#a5b4fc}.category-badge.badge-warning{background:#f59e0b4d;color:#fbbf24}.clients-page .client-card-stats{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--space-4)}.clients-page .mini-stat{flex:1;text-align:center;display:flex;flex-direction:column;gap:var(--space-1)}.clients-page .mini-stat-icon{font-size:var(--font-sm)}.clients-page .mini-stat-value{color:var(--white);font-weight:var(--font-semibold);font-size:var(--font-base)}.clients-page .mini-stat-label{color:#fff9;font-size:var(--font-xs);text-transform:uppercase}.clients-page .mini-stat.highlight .mini-stat-value{color:var(--accent)}.clients-page .client-card-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.clients-page .client-card-actions .btn-primary{flex:1;padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--dark);border:none;border-radius:var(--radius);font-weight:var(--font-medium);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition)}.clients-page .client-card-actions .btn-primary:hover{filter:brightness(1.1)}.clients-page .client-card-actions .btn-secondary{flex:1;padding:var(--space-2) var(--space-3);background:#ffffff1a;color:var(--white);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition)}.clients-page .client-card-actions .btn-secondary:hover{background:#fff3}.clients-page .client-card-actions .btn-icon{padding:var(--space-2);background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius);color:var(--danger);cursor:pointer;transition:all var(--transition)}.clients-page .client-card-actions .btn-icon:hover{background:#ef44444d}.clients-page .empty-state{text-align:center;padding:var(--space-12);background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg)}.clients-page .empty-state .empty-icon{font-size:4rem;margin-bottom:var(--space-4)}.clients-page .empty-state h3{color:var(--white);font-size:var(--font-xl);margin-bottom:var(--space-2)}.clients-page .empty-state p{color:#ffffffb3;margin-bottom:var(--space-6)}.clients-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-4);color:var(--white)}.clients-page .loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.clients-page .modal-large,.client-management-page .modal-large{max-width:720px;max-height:90vh;overflow-y:auto}.clients-page .modal-header,.client-management-page .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200)}.clients-page .modal-header h3,.client-management-page .modal-header h3{font-size:var(--font-lg);color:var(--white);margin:0}.clients-page .modal-close,.client-management-page .modal-close{background:none;border:none;font-size:var(--font-xl);color:var(--gray-500);cursor:pointer;padding:var(--space-2);border-radius:var(--radius);transition:all var(--transition)}.clients-page .modal-close:hover,.client-management-page .modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.client-management-page .link-app-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--space-3)}.client-management-page .link-app-tabs .tab-btn{flex:1;padding:var(--space-3) var(--space-4);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:#ffffffb3;font-weight:var(--font-medium);font-size:.9rem;cursor:pointer;transition:all var(--transition)}.client-management-page .link-app-tabs .tab-btn:hover{background:#ffffff1a;color:var(--white)}.client-management-page .link-app-tabs .tab-btn.active{background:linear-gradient(135deg,#8b5cf64d,#4f46e533);border-color:#8b5cf680;color:var(--white)}.client-management-page .firebase-detect-section{margin-bottom:var(--space-5)}.client-management-page .section-header-inline{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.client-management-page .step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:linear-gradient(135deg,var(--violet-primary),var(--violet-secondary));border-radius:50%;font-weight:var(--font-bold);font-size:.85rem;color:var(--white)}.client-management-page .step-number.success{background:linear-gradient(135deg,var(--success),#059669)}.client-management-page .section-header-inline h4{margin:0;color:var(--white);font-size:1rem}.client-management-page .section-hint{margin:var(--space-1) 0 0;font-size:.8rem;color:#ffffff80;line-height:1.4}.client-management-page .section-hint strong{color:var(--accent)}.client-management-page .firebase-config-input{font-family:var(--font-mono)!important;font-size:.8rem!important;line-height:1.5!important;min-height:160px!important;background:#0000004d!important}.client-management-page .btn-detect{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#f59e0b33,#d9770626);border:2px dashed rgba(245,158,11,.5);border-radius:var(--radius-lg);color:var(--accent);font-weight:var(--font-semibold);font-size:.95rem;cursor:pointer;transition:all var(--transition);margin-top:var(--space-3)}.client-management-page .btn-detect:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b4d,#d9770640);border-style:solid}.client-management-page .btn-detect:disabled{opacity:.5;cursor:not-allowed}.client-management-page .spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.client-management-page .detect-error{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-lg);color:#fca5a5;font-size:.85rem}.client-management-page .detected-config-section{background:#10b98114;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);animation:fadeIn .3s ease-out}.client-management-page .config-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-bottom:var(--space-3)}.client-management-page .config-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);background:#ffffff0d;border-radius:var(--radius-md)}.client-management-page .config-label{font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.client-management-page .config-value{font-size:.85rem;color:var(--white);word-break:break-all}.client-management-page .config-value.highlight{color:var(--success);font-weight:var(--font-semibold)}.form-section{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-100)}.form-section:last-of-type{border-bottom:none}.section-title{font-size:var(--font-base);font-weight:var(--font-semibold);color:var(--gray-700);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.form-row .flex-1{flex:1}.form-row .flex-2{flex:2}.payment-options{display:flex;gap:var(--space-3);flex-wrap:wrap}.payment-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.payment-option:hover,.payment-option.active{border-color:var(--primary);background:var(--primary-50)}.payment-option span{font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--gray-700)}.client-management-page{padding:var(--space-6);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 50%,#1a0527 100%);min-height:calc(100vh - 80px);width:100%;box-sizing:border-box;border-radius:var(--radius-lg)}.client-management-page .page-header-back{margin-bottom:var(--space-4)}.client-management-page .btn-back{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--white);padding:var(--space-2) var(--space-4);border-radius:var(--radius);cursor:pointer;font-size:var(--font-sm);transition:all var(--transition)}.client-management-page .btn-back:hover{background:#fff3}.client-management-page .client-header-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-6)}.client-management-page .client-header-main{display:flex;gap:var(--space-5);align-items:flex-start}.client-management-page .client-avatar-large{width:72px;height:72px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent),#d97706);display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-management-page .client-avatar-large span{color:var(--dark);font-size:var(--font-2xl);font-weight:var(--font-bold)}.client-management-page .client-header-info{color:var(--white)}.client-management-page .client-name-badge{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)}.client-management-page .client-name-badge h2{font-size:var(--font-2xl);font-weight:var(--font-bold);margin:0}.client-management-page .company-name{color:#ffffffb3;font-size:var(--font-sm);margin:0 0 var(--space-2)}.client-management-page .client-quick-info{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-2)}.client-management-page .client-quick-info span{color:#fffc;font-size:var(--font-sm)}.client-management-page .client-location{color:#fff9;font-size:var(--font-sm);margin:0}.client-management-page .client-header-stats{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.client-management-page .stat-box{background:#ffffff1a;border-radius:var(--radius);padding:var(--space-3) var(--space-4);text-align:center;min-width:80px}.client-management-page .stat-box .stat-value{display:block;font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--white)}.client-management-page .stat-box .stat-label{display:block;font-size:var(--font-xs);color:#ffffffb3}.client-management-page .stat-box.highlight{background:#f59e0b33;border:1px solid rgba(245,158,11,.3)}.client-management-page .stat-box.highlight .stat-value{color:var(--accent)}.client-management-page .stat-box.success{background:#10b98133;border:1px solid rgba(16,185,129,.3)}.client-management-page .stat-box.success .stat-value{color:var(--success)}.client-management-page .stat-box.danger{background:#ef444433;border:1px solid rgba(239,68,68,.3)}.client-management-page .stat-box.danger .stat-value{color:var(--danger)}.client-management-page .tabs-container{display:flex;gap:var(--space-2);background:#ffffff0d;padding:var(--space-2);border-radius:var(--radius);margin-bottom:var(--space-6);flex-wrap:wrap}.client-management-page .tab-btn{flex:1;min-width:120px;padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius);color:#ffffffb3;font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition)}.client-management-page .tab-btn:hover{background:#ffffff1a;color:var(--white)}.client-management-page .tab-btn.active{background:var(--accent);color:var(--dark)}.client-management-page .tab-content{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-6)}.client-management-page .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.client-management-page .section-header h3{color:var(--white);font-size:var(--font-xl);margin:0}.client-management-page .data-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid rgba(255,255,255,.1)}.client-management-page .data-section:last-of-type{border-bottom:none}.client-management-page .data-section-title{color:var(--accent);font-size:var(--font-base);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.client-management-page .data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.client-management-page .data-item{background:#ffffff0d;padding:var(--space-3);border-radius:var(--radius)}.client-management-page .data-item.full-width{grid-column:1 / -1}.client-management-page .data-item label{display:block;color:#fff9;font-size:var(--font-xs);text-transform:uppercase;margin-bottom:var(--space-1)}.client-management-page .data-item span{color:var(--white);font-size:var(--font-base);font-weight:var(--font-medium)}.client-management-page .notes-section{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius);padding:var(--space-4)}.client-management-page .notes-section p{color:var(--white);margin:0;white-space:pre-wrap}.client-management-page .danger-zone{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid rgba(239,68,68,.3)}.client-management-page .danger-zone h4{color:var(--danger);margin-bottom:var(--space-4)}.client-management-page .action-buttons{display:flex;gap:var(--space-3);flex-wrap:wrap}.client-management-page .apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.client-management-page .app-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:var(--space-4);transition:all var(--transition)}.client-management-page .app-card:hover{background:#ffffff14}.client-management-page .app-card.blocked{opacity:.7;border-color:#ef444480}.client-management-page .app-card .app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.client-management-page .app-card h4{color:var(--white);font-size:var(--font-lg);margin:0}.client-management-page .app-info p,.client-management-page .app-credentials p{color:#fffc;font-size:var(--font-sm);margin:var(--space-1) 0}.client-management-page .app-credentials{background:#0003;padding:var(--space-3);border-radius:var(--radius);margin:var(--space-3) 0}.client-management-page .app-credentials code{background:#ffffff1a;padding:var(--space-1) var(--space-2);border-radius:4px;font-family:var(--font-mono);font-size:var(--font-xs);color:var(--accent)}.client-management-page .app-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.client-management-page .empty-state{text-align:center;padding:var(--space-8);background:#ffffff08;border-radius:var(--radius)}.client-management-page .empty-state .empty-icon{font-size:3rem;margin-bottom:var(--space-3)}.client-management-page .empty-state h3{color:var(--white);margin-bottom:var(--space-2)}.client-management-page .empty-state p{color:#fff9;margin-bottom:var(--space-4)}.client-management-page .error-container{text-align:center;padding:var(--space-12);max-width:400px;margin:var(--space-8) auto}.client-management-page .error-container .error-icon{font-size:4rem;margin-bottom:var(--space-4)}.client-management-page .error-container h3{color:var(--white);margin-bottom:var(--space-2)}.client-management-page .error-container p{color:#ffffffb3;margin-bottom:var(--space-6)}.client-management-page .invoices-table{width:100%;border-collapse:separate;border-spacing:0}.client-management-page .invoices-table th{text-align:left;padding:var(--space-3) var(--space-4);background:#ffffff0d;color:#ffffffb3;font-size:var(--font-xs);text-transform:uppercase;font-weight:var(--font-semibold);border-bottom:1px solid rgba(255,255,255,.1)}.client-management-page .invoices-table td{padding:var(--space-3) var(--space-4);color:var(--white);border-bottom:1px solid rgba(255,255,255,.05)}.client-management-page .invoices-table tr:hover td{background:#ffffff08}.client-management-page .timeline{position:relative;padding-left:var(--space-8)}.client-management-page .timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:#ffffff1a}.client-management-page .timeline-item{position:relative;padding-bottom:var(--space-6)}.client-management-page .timeline-icon{position:absolute;left:-38px;width:30px;height:30px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-sm)}.client-management-page .timeline-item.success .timeline-icon{background:#10b98133}.client-management-page .timeline-content strong{color:var(--white);display:block;margin-bottom:var(--space-1)}.client-management-page .timeline-content p{color:#ffffffb3;margin:0;font-size:var(--font-sm)}.client-management-page .timeline-date{color:#ffffff80;font-size:var(--font-xs)}.client-management-page .tab-plano{padding:var(--space-4)}.client-management-page .plans-overview{display:flex;flex-direction:column;gap:var(--space-4)}.client-management-page .client-plan-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition)}.client-management-page .client-plan-card:hover{background:#ffffff1a;border-color:#fff3}.client-management-page .plan-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,.1)}.client-management-page .plan-app-info h4{margin:0;color:var(--white);font-size:var(--font-lg)}.client-management-page .plan-app-type{color:#fff9;font-size:var(--font-sm)}.client-management-page .plan-details{margin-bottom:var(--space-5)}.client-management-page .plan-current{margin-bottom:var(--space-4)}.client-management-page .plan-current label{display:block;color:#fff9;font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.client-management-page .plan-name-display{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.client-management-page .plan-badge{background:linear-gradient(135deg,var(--accent),#e89a0c);color:var(--dark);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-weight:var(--font-bold);font-size:var(--font-sm)}.client-management-page .plan-price{color:var(--white);font-size:var(--font-lg);font-weight:var(--font-semibold)}.client-management-page .no-plan{color:#ffffff80;font-style:italic}.client-management-page .plan-info-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.client-management-page .plan-info-item{background:#ffffff0d;padding:var(--space-3);border-radius:var(--radius)}.client-management-page .plan-info-item label{display:block;color:#fff9;font-size:var(--font-xs);margin-bottom:var(--space-1)}.client-management-page .plan-info-item span{color:var(--white);font-weight:var(--font-medium)}.client-management-page .value-highlight{color:var(--accent)!important;font-size:var(--font-lg)}.client-management-page .plan-actions{display:flex;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.client-management-page .btn-outline{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);color:var(--white);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition)}.client-management-page .btn-outline:hover{background:#ffffff1a;border-color:var(--accent);color:var(--accent)}.client-management-page .change-plan-content{padding:var(--space-5)}.client-management-page .current-plan-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-5)}.client-management-page .current-plan-box label{display:block;color:#fff9;font-size:var(--font-xs);text-transform:uppercase;margin-bottom:var(--space-2)}.client-management-page .current-plan-info{display:flex;align-items:center;gap:var(--space-3)}.client-management-page .plan-badge.current{background:var(--accent)}.client-management-page .plan-value{color:var(--white);font-weight:var(--font-semibold)}.client-management-page .available-plans-section{margin-bottom:var(--space-4)}.client-management-page .available-plans-section>label{display:block;color:var(--white);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.client-management-page .loading-plans{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);color:#ffffffb3}.client-management-page .loading-plans .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.client-management-page .no-plans-message{text-align:center;padding:var(--space-8);color:#fff9}.client-management-page .no-plans-message span{display:block;font-size:3rem;margin-bottom:var(--space-3)}.client-management-page .no-plans-message p{margin:0 0 var(--space-2);color:var(--white)}.client-management-page .no-plans-message small{color:#ffffff80}.client-management-page .plans-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.client-management-page .plan-option-card{background:#ffffff0f;border:2px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:all var(--transition);position:relative}.client-management-page .plan-option-card:hover{background:#ffffff1a;border-color:#f59e0b80;transform:translateY(-4px)}.client-management-page .plan-option-card.current{border-color:var(--accent);background:#f59e0b1a;cursor:default}.client-management-page .plan-option-card.current:hover{transform:none}.client-management-page .popular-tag,.client-management-page .current-tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-bold);white-space:nowrap}.client-management-page .popular-tag{background:linear-gradient(135deg,var(--accent),#e89a0c);color:var(--dark)}.client-management-page .current-tag{background:#10b981e6;color:var(--white)}.client-management-page .plan-option-card h4{margin:var(--space-2) 0 var(--space-2);color:var(--white);font-size:var(--font-lg);text-align:center}.client-management-page .plan-option-card .plan-description{color:#fff9;font-size:var(--font-sm);text-align:center;margin-bottom:var(--space-4);min-height:40px}.client-management-page .plan-price-box{text-align:center;padding:var(--space-3);background:#ffffff0d;border-radius:var(--radius);margin-bottom:var(--space-4)}.client-management-page .plan-price-box .currency{color:#fff9;font-size:var(--font-sm);vertical-align:top}.client-management-page .plan-price-box .amount{color:var(--accent);font-size:var(--font-2xl);font-weight:var(--font-bold)}.client-management-page .plan-price-box .period{color:#ffffff80;font-size:var(--font-sm)}.client-management-page .plan-features-list{list-style:none;padding:0;margin:0 0 var(--space-3)}.client-management-page .plan-features-list li{color:#fffc;font-size:var(--font-xs);padding:var(--space-1) 0;border-bottom:1px solid rgba(255,255,255,.05)}.client-management-page .plan-features-list li:last-child{border-bottom:none}.client-management-page .plan-features-list .more-features{color:var(--accent);font-weight:var(--font-medium);text-align:center;padding-top:var(--space-2)}.client-management-page .plan-users{text-align:center;color:#ffffffb3;font-size:var(--font-xs);padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.1)}.client-management-page .plan-level-icon{font-size:2rem;display:block;text-align:center;margin-bottom:var(--space-2)}.client-management-page .plan-option-card.plan-bronze{border-color:#cd7f32;background:#cd7f321a}.client-management-page .plan-option-card.plan-bronze:hover{border-color:#cd7f32;background:#cd7f3233;box-shadow:0 8px 32px #cd7f3233}.client-management-page .plan-option-card.plan-bronze h4{color:#cd7f32}.client-management-page .plan-option-card.plan-silver{border-color:silver;background:#c0c0c01a}.client-management-page .plan-option-card.plan-silver:hover{border-color:silver;background:#c0c0c033;box-shadow:0 8px 32px #c0c0c033}.client-management-page .plan-option-card.plan-silver h4{color:#e8e8e8}.client-management-page .plan-option-card.plan-gold{border-color:gold;background:#ffd7001a}.client-management-page .plan-option-card.plan-gold:hover{border-color:gold;background:#ffd70033;box-shadow:0 8px 32px #ffd70040}.client-management-page .plan-option-card.plan-gold h4{color:gold}.client-management-page .plan-selection-section{margin-top:var(--space-5)}.client-management-page .plan-selection-section>label{display:block;color:var(--white);font-weight:var(--font-semibold);margin-bottom:var(--space-4);font-size:var(--font-base)}.client-management-page .plan-selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.client-management-page .plan-select-card{background:#ffffff0f;border:2px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);padding:var(--space-4);cursor:pointer;transition:all .3s ease;position:relative;text-align:center}.client-management-page .plan-select-card:hover{transform:translateY(-4px)}.client-management-page .plan-select-card.selected{border-width:3px;box-shadow:0 8px 32px #0000004d}.client-management-page .plan-select-card.plan-bronze{border-color:#cd7f32;background:#cd7f3214}.client-management-page .plan-select-card.plan-bronze:hover,.client-management-page .plan-select-card.plan-bronze.selected{background:#cd7f3226;box-shadow:0 8px 32px #cd7f3240}.client-management-page .plan-select-card.plan-bronze h4{color:#cd7f32}.client-management-page .plan-select-card.plan-silver{border-color:silver;background:#c0c0c014}.client-management-page .plan-select-card.plan-silver:hover,.client-management-page .plan-select-card.plan-silver.selected{background:#c0c0c026;box-shadow:0 8px 32px #c0c0c040}.client-management-page .plan-select-card.plan-silver h4{color:#e8e8e8}.client-management-page .plan-select-card.plan-gold{border-color:gold;background:#ffd70014}.client-management-page .plan-select-card.plan-gold:hover,.client-management-page .plan-select-card.plan-gold.selected{background:#ffd70026;box-shadow:0 8px 32px #ffd7004d}.client-management-page .plan-select-card.plan-gold h4{color:gold}.client-management-page .plan-select-card .popular-tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent),#e89a0c);color:var(--dark);padding:2px 12px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-bold);white-space:nowrap}.client-management-page .plan-select-icon{font-size:2.5rem;margin-bottom:var(--space-2)}.client-management-page .plan-select-card h4{margin:0 0 var(--space-1);font-size:var(--font-lg);font-weight:var(--font-bold)}.client-management-page .plan-select-desc{color:#fff9;font-size:var(--font-xs);margin:0 0 var(--space-3)}.client-management-page .plan-select-price{margin-bottom:var(--space-3);padding:var(--space-2);background:#0003;border-radius:var(--radius)}.client-management-page .plan-select-price .currency{color:#fff9;font-size:var(--font-sm);vertical-align:top}.client-management-page .plan-select-price .amount{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-bold)}.client-management-page .plan-select-price .period{color:#ffffff80;font-size:var(--font-xs)}.client-management-page .plan-select-features{list-style:none;padding:0;margin:0 0 var(--space-3);text-align:left}.client-management-page .plan-select-features li{color:#fffc;font-size:11px;padding:3px 0}.client-management-page .plan-select-features li.more{color:var(--accent);font-weight:var(--font-medium);text-align:center}.client-management-page .plan-select-users{color:#fff9;font-size:var(--font-xs);padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.1)}.client-management-page .plan-selected-badge{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);background:var(--success);color:var(--white);padding:4px 16px;border-radius:var(--radius) var(--radius) 0 0;font-size:var(--font-xs);font-weight:var(--font-bold)}@media(max-width:768px){.client-management-page .plan-selection-grid{grid-template-columns:1fr}}.client-management-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-4);color:var(--white)}.client-management-page .loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.clients-page .stats-grid{grid-template-columns:repeat(2,1fr)}.clients-page .clients-list{grid-template-columns:1fr}.client-management-page .client-header-card{flex-direction:column}.client-management-page .client-header-main{flex-direction:column;text-align:center}.client-management-page .client-header-stats{justify-content:center}.client-management-page .apps-grid{grid-template-columns:1fr}}.app-types-page{padding:var(--space-6);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 50%,#1a0527 100%);min-height:calc(100vh - 80px);width:100%;box-sizing:border-box;border-radius:var(--radius-lg)}.app-types-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.app-types-page .page-title h1{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--white);margin-bottom:var(--space-1)}.app-types-page .page-subtitle{color:#ffffffb3;font-size:var(--font-base)}.app-types-page .types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.app-types-page .type-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition)}.app-types-page .type-card:hover{background:#ffffff1f;transform:translateY(-2px)}.app-types-page .type-card.inactive{opacity:.6;border-style:dashed}.app-types-page .type-card-header{display:flex;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-4)}.app-types-page .type-icon{width:56px;height:56px;background:#ffffff1a;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.app-types-page .type-info{flex:1;min-width:0}.app-types-page .type-info h3{color:var(--white);font-size:var(--font-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-1)}.app-types-page .type-description{color:#fff9;font-size:var(--font-sm);margin:0}.app-types-page .type-card-body{padding:var(--space-3) 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--space-4)}.app-types-page .type-stat{display:flex;justify-content:space-between;align-items:center}.app-types-page .type-stat .stat-label{color:#fff9;font-size:var(--font-sm)}.app-types-page .type-stat .stat-value{color:var(--accent);font-size:var(--font-lg);font-weight:var(--font-bold)}.app-types-page .type-card-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.app-types-page .type-card-actions button{flex:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition);min-width:80px}.app-types-page .btn-secondary{background:#ffffff1a;color:var(--white);border:1px solid rgba(255,255,255,.2)}.app-types-page .btn-secondary:hover{background:#fff3}.app-types-page .btn-warning{background:#f59e0b33;color:var(--accent);border:1px solid rgba(245,158,11,.3)}.app-types-page .btn-warning:hover{background:#f59e0b4d}.app-types-page .btn-success{background:#10b98133;color:var(--success);border:1px solid rgba(16,185,129,.3)}.app-types-page .btn-success:hover{background:#10b9814d}.app-types-page .btn-danger{background:#ef444433;color:var(--danger);border:1px solid rgba(239,68,68,.3);flex:0;min-width:auto}.app-types-page .btn-danger:hover{background:#ef44444d}.app-types-page .empty-state{text-align:center;padding:var(--space-12);background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg)}.app-types-page .empty-state .empty-icon{font-size:4rem;margin-bottom:var(--space-4)}.app-types-page .empty-state h3{color:var(--white);font-size:var(--font-xl);margin-bottom:var(--space-2)}.app-types-page .empty-state p{color:#ffffffb3;margin-bottom:var(--space-6)}.app-types-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-4);color:var(--white)}.app-types-page .loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.icon-picker{display:flex;gap:var(--space-2);flex-wrap:wrap}.icon-option{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--gray-100);border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.icon-option:hover{background:var(--primary-50);border-color:var(--primary)}.icon-option.active{background:var(--primary-100);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-200)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{font-size:var(--font-sm);color:var(--gray-700)}@media(max-width:768px){.app-types-page .types-grid{grid-template-columns:1fr}}.section-title-with-filters{display:flex;align-items:center;gap:var(--space-4)}.section-title-with-filters h3{margin:0}.invoice-filters{display:flex;background:#0000004d;border-radius:var(--radius);padding:3px;gap:2px}.invoice-filters .filter-btn{padding:var(--space-2) var(--space-4);border-radius:calc(var(--radius) - 2px);background:transparent;border:none;color:#ffffffb3;font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition)}.invoice-filters .filter-btn:hover{background:#ffffff26;color:var(--white)}.invoice-filters .filter-btn.active{background:var(--accent);color:#000;font-weight:var(--font-semibold)}.invoices-list{display:flex;flex-direction:column;gap:var(--space-2);background:#ffffff0d;border-radius:var(--radius-lg);padding:var(--space-2)}.invoice-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.5fr;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:#ffffff0f;border-radius:var(--radius);transition:all var(--transition);border-left:3px solid transparent}.invoice-row:hover{background:#ffffff1a}.invoice-row.overdue{border-left-color:var(--danger)}.invoice-row.pending{border-left-color:var(--accent)}.invoice-row.paid{border-left-color:var(--success)}.invoice-row.cancelled{opacity:.5;border-left-color:var(--gray-500)}.invoice-col{display:flex;align-items:center}.invoice-col.app{color:var(--white);font-weight:var(--font-medium)}.invoice-col.amount{color:var(--white);font-weight:var(--font-bold);font-size:var(--font-lg)}.invoice-row.overdue .invoice-col.amount{color:var(--danger)}.invoice-row.pending .invoice-col.amount{color:var(--accent)}.invoice-row.paid .invoice-col.amount{color:var(--success)}.invoice-col.date{color:#ffffffb3;font-size:var(--font-sm)}.invoice-col.status{justify-content:center}.invoice-col.actions{justify-content:flex-end;gap:var(--space-2)}.btn-icon{width:32px;height:32px;border-radius:var(--radius);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all var(--transition)}.btn-icon.success{background:#10b98133}.btn-icon.success:hover{background:#10b98166}.btn-icon.danger{background:#ef444433}.btn-icon.danger:hover{background:#ef444466}.btn-icon.info{background:#3b82f633}.btn-icon.info:hover{background:#3b82f666}.status-text{font-size:var(--font-sm);font-weight:var(--font-medium)}.status-text.success{color:var(--success)}.status-text.muted{color:var(--gray-400)}@media(max-width:768px){.invoice-row{grid-template-columns:1fr 1fr;gap:var(--space-2)}.invoice-col.date,.invoice-col.status{display:none}.invoice-col.actions{grid-column:span 2;justify-content:flex-start}}.empty-actions{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-4)}.section-actions{display:flex;gap:var(--space-2)}@media(max-width:768px){.invoice-main,.invoice-details{flex-direction:column;gap:var(--space-3)}.invoice-actions{flex-direction:column}.btn-action{justify-content:center}}.plans-page{padding:var(--space-6);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 50%,#1a0527 100%);min-height:calc(100vh - 80px);width:100%;box-sizing:border-box;border-radius:var(--radius-lg)}.plans-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.plans-page .page-title h1{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--white);margin:0 0 var(--space-1)}.plans-page .page-subtitle{color:#ffffffb3;font-size:var(--font-base);margin:0}.plans-page .header-actions{display:flex;gap:var(--space-3)}.plans-tip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-6);background:#f59e0b26;border:1px solid rgba(245,158,11,.3)}.plans-tip .tip-icon{font-size:1.5rem}.plans-tip p{color:#ffffffe6;margin:0;font-size:var(--font-sm)}.plans-page .plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.plans-page .plan-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition);position:relative;display:flex;flex-direction:column}.plans-page .plan-card:hover{background:#ffffff1f;transform:translateY(-4px)}.plans-page .plan-card.popular{border:2px solid var(--accent);background:#f59e0b1a}.plans-page .popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#000;padding:var(--space-1) var(--space-4);border-radius:20px;font-size:var(--font-xs);font-weight:var(--font-bold);white-space:nowrap}.plans-page .plan-header{text-align:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,.1)}.plans-page .plan-header h3{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-bold);margin:0 0 var(--space-2)}.plans-page .plan-description{color:#fff9;font-size:var(--font-sm);margin:0}.plans-page .plan-price{text-align:center;margin-bottom:var(--space-5)}.plans-page .price-display{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1);cursor:pointer;padding:var(--space-2);border-radius:var(--radius);transition:all var(--transition)}.plans-page .price-display:hover{background:#ffffff1a}.plans-page .price-display .currency{color:#ffffffb3;font-size:var(--font-lg)}.plans-page .price-display .amount{color:var(--accent);font-size:2.5rem;font-weight:var(--font-bold)}.plans-page .price-display .period{color:#ffffff80;font-size:var(--font-sm)}.plans-page .price-display .edit-hint{font-size:var(--font-sm);opacity:0;transition:opacity var(--transition)}.plans-page .price-display:hover .edit-hint{opacity:1}.plans-page .price-edit{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.plans-page .price-edit span{color:#ffffffb3;font-size:var(--font-lg)}.plans-page .price-edit input{width:120px;padding:var(--space-2);font-size:var(--font-xl);font-weight:var(--font-bold);text-align:center;background:#ffffff1a;border:2px solid var(--accent);border-radius:var(--radius);color:var(--accent)}.plans-page .plan-features{flex:1;margin-bottom:var(--space-4)}.plans-page .features-title{color:#ffffffb3;font-size:var(--font-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-3);text-transform:uppercase;letter-spacing:.5px}.plans-page .plan-features ul{list-style:none;padding:0;margin:0}.plans-page .plan-features li{color:#ffffffd9;font-size:var(--font-sm);padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.05)}.plans-page .plan-features li:last-child{border-bottom:none}.plans-page .plan-meta{padding:var(--space-3) 0;border-top:1px solid rgba(255,255,255,.1);margin-bottom:var(--space-4)}.plans-page .meta-item{color:#ffffffb3;font-size:var(--font-sm)}.plans-page .plan-actions{display:flex;gap:var(--space-2)}.plans-page .plan-actions .btn-secondary{flex:1;padding:var(--space-2) var(--space-4);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--white);border-radius:var(--radius);cursor:pointer;font-size:var(--font-sm);transition:all var(--transition)}.plans-page .plan-actions .btn-secondary:hover{background:#fff3}.plans-page .plan-actions .btn-danger{padding:var(--space-2) var(--space-3);background:#ef444433;border:1px solid rgba(239,68,68,.3);color:var(--danger);border-radius:var(--radius);cursor:pointer;font-size:var(--font-sm);transition:all var(--transition)}.plans-page .plan-actions .btn-danger:hover{background:#ef44444d}.plans-page .empty-state{text-align:center;padding:var(--space-12);background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg)}.plans-page .empty-state .empty-icon{font-size:4rem;margin-bottom:var(--space-4)}.plans-page .empty-state h3{color:var(--white);font-size:var(--font-xl);margin-bottom:var(--space-2)}.plans-page .empty-state p{color:#ffffffb3;margin-bottom:var(--space-6)}.plans-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4);color:var(--white)}.plans-page .loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.checkbox-group{display:flex;align-items:center}@media(max-width:768px){.plans-page .plans-grid{grid-template-columns:1fr}.plans-page .page-header{flex-direction:column;align-items:stretch}.plans-page .header-actions{flex-direction:column}}.app-management-page{animation:fadeIn .4s ease-out;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 50%,#2f0344 100%);min-height:calc(100vh - 80px);margin:calc(var(--page-padding) * -1);padding:var(--space-8);width:calc(100% + var(--page-padding) * 2)}.app-management-page .page-nav{margin-bottom:var(--space-6)}.app-management-page .btn-back{display:inline-flex;align-items:center;gap:var(--space-2);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:var(--white);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-sm);font-weight:var(--font-medium);transition:all var(--transition)}.app-management-page .btn-back:hover{background:#fff3;transform:translate(-4px);box-shadow:0 4px 15px #0003}.app-management-page .app-info-card{background:linear-gradient(145deg,#ffffff1f,#ffffff0d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8);position:relative;overflow:hidden}.app-management-page .app-info-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent),#ff6b6b,var(--accent));background-size:200% 100%;animation:shimmer 3s linear infinite}.app-management-page .app-info-main{display:flex;align-items:flex-start;gap:var(--space-6)}.app-management-page .app-icon{font-size:4rem;background:linear-gradient(135deg,#f59e0b4d,#f59e0b1a);border:2px solid rgba(245,158,11,.3);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:0 8px 32px #f59e0b33;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-management-page .app-info-content{flex:1}.app-management-page .app-name-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap}.app-management-page .app-name-row h1{color:var(--white);font-size:var(--font-3xl);font-weight:var(--font-bold);margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.app-management-page .app-description{color:#ffffffb3;font-size:var(--font-base);margin:0 0 var(--space-4);line-height:1.6}.app-management-page .app-meta{display:flex;gap:var(--space-6);flex-wrap:wrap}.app-management-page .meta-item{display:flex;align-items:center;gap:var(--space-2);color:#fffc;font-size:var(--font-sm);background:#ffffff14;padding:var(--space-2) var(--space-4);border-radius:var(--radius)}.app-management-page .meta-item code{background:#ffffff26;padding:var(--space-1) var(--space-2);border-radius:var(--radius);font-family:monospace;color:var(--accent);font-weight:var(--font-medium)}.app-management-page .section{background:linear-gradient(145deg,#ffffff14,#ffffff08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-8)}.app-management-page .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.app-management-page .section-header h2{color:var(--white);font-size:var(--font-2xl);font-weight:var(--font-bold);margin:0;display:flex;align-items:center;gap:var(--space-3)}.app-management-page .section-description{color:#fff9;font-size:var(--font-sm);margin:0 0 var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid rgba(255,255,255,.1)}.app-management-page .plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.app-management-page .plan-card{background:linear-gradient(145deg,#ffffff1a,#ffffff08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}.app-management-page .plan-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;pointer-events:none}.app-management-page .plan-card:hover{transform:translateY(-8px);border-color:#ffffff40;box-shadow:0 20px 60px #0006,0 0 40px #f59e0b1a;background:linear-gradient(145deg,#ffffff26,#ffffff0d)}.app-management-page .plan-card:hover:after{left:100%}.app-management-page .plan-card.popular{border:2px solid var(--accent);background:linear-gradient(145deg,#f59e0b26,#f59e0b0d);box-shadow:0 0 30px #f59e0b26}.app-management-page .plan-card.popular:hover{box-shadow:0 20px 60px #0006,0 0 50px #f59e0b40}.app-management-page .plan-card.inactive{opacity:.5;border-color:#ffffff0d;filter:grayscale(30%)}.app-management-page .popular-badge,.app-management-page .inactive-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-4);border-radius:0 0 var(--radius) var(--radius);font-size:var(--font-xs);font-weight:var(--font-bold);white-space:nowrap;z-index:1}.app-management-page .popular-badge{background:linear-gradient(135deg,var(--accent),#e89a0c);color:#000}.app-management-page .inactive-badge{background:#646464cc;color:#fff}.app-management-page .plan-header{margin-bottom:var(--space-4);padding-top:var(--space-2)}.app-management-page .plan-header h3{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-bold);margin:0 0 var(--space-2)}.app-management-page .plan-header .plan-description{color:#fff9;font-size:var(--font-sm);margin:0;line-height:1.5}.app-management-page .plan-price{text-align:center;padding:var(--space-5) 0;margin-bottom:var(--space-4);background:#ffffff0d;border-radius:var(--radius-lg)}.app-management-page .plan-price .currency{color:#fff9;font-size:var(--font-lg);vertical-align:top}.app-management-page .plan-price .amount{font-size:3rem;font-weight:var(--font-bold);color:var(--accent);text-shadow:0 2px 20px rgba(245,158,11,.3);line-height:1}.app-management-page .plan-price .period{color:#ffffff80;font-size:var(--font-sm)}.app-management-page .plan-features{flex:1;margin-bottom:var(--space-4)}.app-management-page .plan-features .features-title{color:#ffffff80;font-size:var(--font-xs);text-transform:uppercase;letter-spacing:1px;margin:0 0 var(--space-3)}.app-management-page .plan-features ul{list-style:none;padding:0;margin:0}.app-management-page .plan-features li{color:#ffffffd9;font-size:var(--font-sm);padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.05)}.app-management-page .plan-features li:last-child{border-bottom:none}.app-management-page .plan-meta{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) 0;border-top:1px solid rgba(255,255,255,.1)}.app-management-page .plan-meta span{color:#ffffffb3;font-size:var(--font-sm);background:#ffffff14;padding:var(--space-1) var(--space-3);border-radius:var(--radius)}.app-management-page .plan-actions{display:flex;gap:var(--space-2)}.app-management-page .plan-actions button{padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition);border:1px solid transparent}.app-management-page .plan-actions .btn-secondary{flex:1;background:#ffffff1a;border-color:#fff3;color:var(--white)}.app-management-page .plan-actions .btn-secondary:hover{background:#fff3}.app-management-page .plan-actions .btn-warning{background:#f59e0b33;border-color:#f59e0b66;color:var(--accent)}.app-management-page .plan-actions .btn-warning:hover{background:#f59e0b59}.app-management-page .plan-actions .btn-success{background:#22c55e33;border-color:#22c55e66;color:#4ade80}.app-management-page .plan-actions .btn-success:hover{background:#22c55e59}.app-management-page .plan-actions .btn-danger{background:#ef444433;border-color:#ef444466;color:#f87171}.app-management-page .plan-actions .btn-danger:hover{background:#ef444459}.app-management-page .empty-state{text-align:center;padding:var(--space-12);background:#ffffff08;border:2px dashed rgba(255,255,255,.15);border-radius:var(--radius-xl)}.app-management-page .empty-state .empty-icon{font-size:4rem;margin-bottom:var(--space-5);display:block;animation:float 3s ease-in-out infinite}.app-management-page .empty-state h3{color:var(--white);font-size:var(--font-xl);font-weight:var(--font-bold);margin:0 0 var(--space-2)}.app-management-page .empty-state p{color:#fff9;margin:0 0 var(--space-6);font-size:var(--font-base)}.app-management-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4);color:var(--white)}.app-management-page .loading-container p{color:#ffffffb3;font-size:var(--font-base)}.app-management-page .loading-spinner{width:56px;height:56px;border:4px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.app-management-page .badge{padding:6px 14px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-bold);letter-spacing:.3px}.app-management-page .badge-success{background:linear-gradient(135deg,#10b98166,#10b98133);color:#4ade80;border:1px solid rgba(16,185,129,.5)}.app-management-page .badge-warning{background:linear-gradient(135deg,#f59e0b66,#f59e0b33);color:#fbbf24;border:1px solid rgba(245,158,11,.5)}.app-management-page .badge-danger{background:linear-gradient(135deg,#ef444466,#ef444433);color:#f87171;border:1px solid rgba(239,68,68,.5)}.app-management-page .btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--accent),#e89a0c);color:var(--dark);border:none;border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition);box-shadow:0 4px 15px #f59e0b4d}.app-management-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b80}@media(max-width:768px){.app-management-page{padding:var(--space-4)}.app-management-page .app-info-main{flex-direction:column;align-items:center;text-align:center}.app-management-page .app-name-row,.app-management-page .app-meta{justify-content:center}.app-management-page .section-header{flex-direction:column;gap:var(--space-4);align-items:stretch}.app-management-page .plans-grid{grid-template-columns:1fr}}.apps-page .app-card{cursor:pointer;transition:all var(--transition)}.apps-page .app-card:hover{transform:translateY(-4px);border-color:#fff3}.apps-page .app-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.apps-page .app-icon-large{font-size:2rem}.apps-page .app-card-body h3{color:var(--white);font-size:var(--font-lg);margin:0 0 var(--space-2)}.apps-page .app-card-body .app-description{color:#fff9;font-size:var(--font-sm);margin-bottom:var(--space-3)}.apps-page .app-meta{display:flex;flex-direction:column;gap:var(--space-2)}.apps-page .app-meta .meta-item{display:flex;align-items:center;gap:var(--space-2);color:#ffffffb3;font-size:var(--font-sm)}.apps-page .app-meta .meta-item code{background:#ffffff1a;padding:var(--space-1) var(--space-2);border-radius:var(--radius);font-family:monospace;color:var(--accent)}.apps-page .plans-count{color:#ffffffb3}.apps-page .plans-count .warning-dot{margin-left:var(--space-1)}.apps-page .app-card-footer{display:flex;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid rgba(255,255,255,.12)}.apps-page .app-card-footer .btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-sm);border-radius:var(--radius-lg);font-weight:var(--font-medium);transition:all var(--transition)}.apps-page .app-card-footer .btn-primary{background:linear-gradient(135deg,var(--accent),#e89a0c);color:var(--dark);border:none;flex:1}.apps-page .app-card-footer .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.apps-page .app-card-footer .btn-danger{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#f87171;padding:var(--space-2) var(--space-3)}.apps-page .app-card-footer .btn-danger:hover{background:#ef444459}@media(max-width:768px){.app-management-page{padding:var(--space-4)}.app-management-page .page-header{flex-direction:column;align-items:stretch}.app-management-page .plans-grid{grid-template-columns:1fr}.app-management-page .app-info-header{flex-direction:column;gap:var(--space-4)}}.modal.modal-lg{max-width:700px;width:95%}.app-management-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease-out}.app-management-page .modal{background:linear-gradient(145deg,#2f0344fa,#140a23fa);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xl);box-shadow:0 25px 80px #00000080,0 0 100px #2f03444d;max-width:720px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.app-management-page .modal::-webkit-scrollbar{width:8px}.app-management-page .modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.app-management-page .modal::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.app-management-page .modal::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app-management-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff08}.app-management-page .modal-header h3{margin:0;color:var(--white);font-size:var(--font-xl);font-weight:var(--font-bold);display:flex;align-items:center;gap:var(--space-2)}.app-management-page .modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);color:#ffffffb3;font-size:var(--font-lg);cursor:pointer;transition:all var(--transition)}.app-management-page .modal-close:hover{background:#ef44444d;border-color:#ef444480;color:#f87171;transform:rotate(90deg)}.app-management-page .modal form{padding:var(--space-6)}.app-management-page .modal .form-group{margin-bottom:var(--space-5)}.app-management-page .modal .form-group label{display:block;color:#ffffffe6;font-size:var(--font-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.app-management-page .modal .form-group input[type=text],.app-management-page .modal .form-group input[type=number],.app-management-page .modal .form-group textarea{width:100%;padding:var(--space-3) var(--space-4);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);color:var(--white);font-size:var(--font-base);transition:all var(--transition)}.app-management-page .modal .form-group input:focus,.app-management-page .modal .form-group textarea:focus{outline:none;border-color:var(--accent);background:#ffffff1a;box-shadow:0 0 0 3px #f59e0b26}.app-management-page .modal .form-group input::placeholder,.app-management-page .modal .form-group textarea::placeholder{color:#fff6}.app-management-page .modal .form-group textarea{resize:vertical;min-height:100px}.app-management-page .modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.app-management-page .modal .checkbox-options{display:flex;flex-direction:column;gap:var(--space-3);justify-content:center}.app-management-page .modal .checkbox-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2) var(--space-3);background:#ffffff0d;border-radius:var(--radius);transition:all var(--transition)}.app-management-page .modal .checkbox-label:hover{background:#ffffff1a}.app-management-page .modal .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.app-management-page .modal .checkbox-label span{color:#ffffffd9;font-size:var(--font-sm)}.app-management-page .modules-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-4)}.app-management-page .modules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.app-management-page .modules-header label{color:var(--white)!important;font-size:var(--font-base)!important;font-weight:var(--font-semibold)!important;margin-bottom:0!important;display:flex;align-items:center;gap:var(--space-2)}.app-management-page .modules-counter{font-size:var(--font-sm);font-weight:var(--font-normal);color:var(--accent);background:#f59e0b26;padding:2px 8px;border-radius:var(--radius)}.app-management-page .modules-actions{display:flex;gap:var(--space-2)}.app-management-page .btn-mini{padding:var(--space-1) var(--space-3);font-size:var(--font-xs);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);font-weight:var(--font-medium);background:linear-gradient(135deg,var(--accent),#e89a0c);border:none;color:var(--dark)}.app-management-page .btn-mini:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.app-management-page .btn-mini-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc}.app-management-page .btn-mini-secondary:hover{background:#fff3;box-shadow:none}.app-management-page .modules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);max-height:380px;overflow-y:auto;padding-right:var(--space-2)}.app-management-page .modules-grid::-webkit-scrollbar{width:6px}.app-management-page .modules-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.app-management-page .modules-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.app-management-page .module-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-3) var(--space-2);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);position:relative;min-height:80px}.app-management-page .module-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.app-management-page .module-card.active{background:linear-gradient(145deg,#f59e0b33,#f59e0b0d);border-color:var(--accent);box-shadow:0 0 20px #f59e0b26}.app-management-page .module-card.active:before{content:"✓";position:absolute;top:4px;right:4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--dark);font-size:9px;font-weight:700;border-radius:50%}.app-management-page .module-card input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.app-management-page .module-icon{font-size:1.4rem;margin-bottom:var(--space-1);filter:grayscale(40%);transition:filter var(--transition)}.app-management-page .module-card.active .module-icon{filter:none}.app-management-page .module-name{color:var(--white);font-size:11px;font-weight:var(--font-semibold);line-height:1.2}.app-management-page .module-desc{display:none}.app-management-page .module-card.active .module-name{color:var(--accent)}.app-management-page .module-card.active .module-desc{color:#ffffffb3}.app-management-page .plan-modules{margin-bottom:var(--space-4)}.app-management-page .modules-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.app-management-page .module-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius);color:var(--accent);font-size:var(--font-xs);font-weight:var(--font-medium);white-space:nowrap}.app-management-page .module-badge.more{background:#ffffff1a;border-color:#fff3;color:#ffffffb3}.app-management-page .modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid rgba(255,255,255,.1)}.app-management-page .modal-actions .btn-secondary{padding:var(--space-3) var(--space-6);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);color:#fffc;font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition)}.app-management-page .modal-actions .btn-secondary:hover{background:#fff3}.app-management-page .modal-actions .btn-primary{padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--accent),#e89a0c);border:none;border-radius:var(--radius-lg);color:var(--dark);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition);box-shadow:0 4px 15px #f59e0b4d}.app-management-page .modal-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b80}@media(max-width:768px){.app-management-page .modal .form-row{grid-template-columns:1fr}.app-management-page .modules-grid{grid-template-columns:repeat(2,1fr);max-height:300px}.app-management-page .modules-header{flex-direction:column;gap:var(--space-3);align-items:flex-start}}@media(min-width:769px)and (max-width:1024px){.app-management-page .modules-grid{grid-template-columns:repeat(3,1fr)}}.plan-option:hover{background:#ffffff1a!important;transform:translateY(-2px)}.plan-option.selected{box-shadow:0 0 0 2px var(--accent)}.client-management-page .tab-plano{padding:0}.client-management-page .plans-overview{display:flex;flex-direction:column;gap:var(--space-5)}.client-management-page .client-plan-card{background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);overflow:hidden}.client-management-page .plan-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);background:linear-gradient(135deg,#8b5cf626,#4f46e51a);border-bottom:1px solid rgba(255,255,255,.1)}.client-management-page .plan-app-info{display:flex;align-items:center;gap:var(--space-3)}.client-management-page .plan-app-icon{font-size:2rem}.client-management-page .plan-app-info h4{margin:0;color:var(--white);font-size:1.2rem}.client-management-page .plan-app-type{font-size:.8rem;color:#fff9}.client-management-page .plan-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid rgba(255,255,255,.08)}.client-management-page .plan-summary-item{text-align:center;padding:var(--space-3);background:#ffffff08;border-radius:var(--radius-lg)}.client-management-page .plan-summary-item.highlight{background:linear-gradient(135deg,#8b5cf633,#4f46e526);border:1px solid rgba(139,92,246,.3)}.client-management-page .plan-summary-item label{display:block;font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.client-management-page .plan-summary-item .plan-badge{display:inline-block;background:linear-gradient(135deg,var(--violet-primary),var(--violet-secondary));padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.85rem;font-weight:var(--font-semibold);color:var(--white)}.client-management-page .plan-summary-item .value-highlight{font-size:1.1rem;font-weight:var(--font-bold);color:var(--accent)}.client-management-page .plan-summary-item .modules-count{font-size:1rem;font-weight:var(--font-semibold);color:var(--success)}.client-management-page .plan-modules-preview{padding:var(--space-5);border-bottom:1px solid rgba(255,255,255,.08)}.client-management-page .plan-modules-preview h5{margin:0 0 var(--space-4);color:var(--white);font-size:.95rem}.client-management-page .modules-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.client-management-page .module-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:.8rem;font-weight:var(--font-medium);transition:all var(--transition)}.client-management-page .module-tag.enabled{background:linear-gradient(135deg,#22c55e33,#16a34a26);border:1px solid rgba(34,197,94,.4);color:#4ade80}.client-management-page .module-tag.disabled{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffff80}.client-management-page .modules-disabled-details{margin-top:var(--space-4)}.client-management-page .modules-disabled-details summary{cursor:pointer;font-size:.85rem;color:#fff9;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition)}.client-management-page .modules-disabled-details summary:hover{background:#ffffff0d;color:var(--white)}.client-management-page .modules-disabled-details[open] summary{margin-bottom:var(--space-3)}.client-management-page .disabled-tags{padding:var(--space-3);background:#0003;border-radius:var(--radius-lg)}.client-management-page .plan-sync-section{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.08)}.client-management-page .sync-info{flex:1}.client-management-page .sync-status{font-size:.85rem}.client-management-page .sync-status.synced{color:var(--success)}.client-management-page .sync-status.pending{color:var(--accent)}.client-management-page .sync-actions{display:flex;gap:var(--space-3)}.client-management-page .btn-sync{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--violet-primary),var(--violet-secondary));border:none;border-radius:var(--radius-lg);color:var(--white);font-weight:var(--font-semibold);font-size:.9rem;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:var(--space-2);box-shadow:0 4px 15px #8b5cf64d}.client-management-page .btn-sync:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680}.client-management-page .plan-change-section{padding:var(--space-4) var(--space-5)}.client-management-page .btn-change-plan{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,#f59e0b26,#d977061a);border:2px dashed rgba(245,158,11,.4);border-radius:var(--radius-xl);color:var(--white);cursor:pointer;transition:all var(--transition);text-align:left}.client-management-page .btn-change-plan:hover{background:linear-gradient(135deg,#f59e0b40,#d9770633);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 30px #f59e0b33}.client-management-page .btn-change-plan .btn-icon{font-size:1.8rem}.client-management-page .btn-change-plan .btn-text{flex:1;display:flex;flex-direction:column;gap:2px}.client-management-page .btn-change-plan .btn-text strong{font-size:1rem;color:var(--white)}.client-management-page .btn-change-plan .btn-text small{font-size:.8rem;color:#fff9}.client-management-page .btn-change-plan .btn-arrow{font-size:1.5rem;color:var(--accent);opacity:.7;transition:all var(--transition)}.client-management-page .btn-change-plan:hover .btn-arrow{opacity:1;transform:translate(4px)}.client-management-page .plan-modules-count{display:flex;align-items:center;gap:var(--space-1);font-size:.8rem;color:#ffffffb3;margin-top:var(--space-2)}@media(max-width:992px){.client-management-page .plan-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.client-management-page .plan-summary{grid-template-columns:repeat(2,1fr)}.client-management-page .plan-sync-section{flex-direction:column;gap:var(--space-3);text-align:center}.client-management-page .sync-actions{width:100%;justify-content:center}.client-management-page .plan-card-header{flex-direction:column;gap:var(--space-3);text-align:center}.client-management-page .plan-app-info{flex-direction:column}}@media(max-width:480px){.client-management-page .plan-summary{grid-template-columns:1fr}.client-management-page .btn-change-plan{flex-direction:column;text-align:center}.client-management-page .btn-change-plan .btn-arrow{display:none}}@media(max-width:768px){.clients-page{padding:8px!important;background:transparent!important}.clients-page .page-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;margin-bottom:12px!important}.clients-page .page-title h1{font-size:1.1rem!important}.clients-page .page-subtitle{font-size:.7rem!important;display:none!important}.clients-page .page-header>.btn-primary{padding:8px 12px!important;font-size:.75rem!important}.clients-page .stats-grid{display:none!important}.clients-page .search-filter-bar{flex-direction:column!important;gap:8px!important;margin-bottom:8px!important}.clients-page .search-box{width:100%!important}.clients-page .search-box input{width:100%!important;padding:12px!important;font-size:.9rem!important;border-radius:10px!important}.clients-page .sort-box{display:none!important}.clients-page .filters-bar{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:0 0 12px!important;margin-bottom:8px!important}.clients-page .filter-btn{padding:8px 10px!important;font-size:.75rem!important;border-radius:8px!important;white-space:nowrap!important;text-align:center!important;justify-content:center!important}.clients-page .clients-list{display:flex!important;flex-direction:column!important;gap:10px!important}.clients-page .client-card{padding:12px!important;border-radius:12px!important;position:relative!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.clients-page .client-card-header{display:flex!important;align-items:flex-start!important;gap:10px!important;margin-bottom:0!important}.clients-page .client-avatar{width:40px!important;height:40px!important;flex-shrink:0!important;border-radius:10px!important}.clients-page .client-avatar .avatar-text{font-size:1rem!important}.clients-page .client-basic-info{flex:1!important;min-width:0!important;overflow:hidden!important;padding-right:60px!important}.clients-page .client-name-row{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;margin-bottom:4px!important}.clients-page .client-basic-info h3{font-size:.9rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;margin:0!important}.clients-page .category-badge{font-size:.6rem!important;padding:2px 6px!important}.clients-page .client-contact{font-size:.7rem!important;margin:2px 0!important;opacity:.8;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.clients-page .client-doc{font-size:.65rem!important;opacity:.7}.clients-page .client-status-badge{position:absolute!important;top:10px!important;right:10px!important}.clients-page .client-status-badge .badge{font-size:.6rem!important;padding:3px 6px!important;border-radius:6px!important}.clients-page .client-card-stats{display:flex!important;justify-content:space-around!important;padding:10px 0!important;margin:10px 0!important;border-top:1px solid rgba(255,255,255,.1)!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.clients-page .mini-stat{text-align:center!important;flex:1!important}.clients-page .mini-stat-icon{font-size:.75rem!important}.clients-page .mini-stat-value{font-size:.8rem!important;display:block!important}.clients-page .mini-stat-label{font-size:.5rem!important;text-transform:uppercase!important}.clients-page .client-card-actions{display:flex!important;gap:8px!important}.clients-page .client-card-actions .btn-primary,.clients-page .client-card-actions .btn-secondary{flex:1!important;padding:10px 8px!important;font-size:.75rem!important;border-radius:8px!important;justify-content:center!important}.clients-page .client-card-actions .btn-delete,.clients-page .client-card-actions .btn-icon{width:36px!important;height:36px!important;padding:0!important;flex-shrink:0!important;border-radius:8px!important}}@media(max-width:768px){.client-management-page{padding:0!important}.client-management-page .page-header-back{margin-bottom:8px!important}.client-management-page .btn-back{font-size:.8rem!important;padding:6px 0!important}.client-management-page .client-header-card{padding:12px!important;border-radius:12px!important;flex-direction:column!important}.client-management-page .client-header-main{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:12px!important;width:100%!important}.client-management-page .client-avatar-large{width:60px!important;height:60px!important;font-size:1.5rem!important}.client-management-page .client-header-info{text-align:center!important;width:100%!important}.client-management-page .client-name-badge{flex-direction:column!important;align-items:center!important;gap:6px!important}.client-management-page .client-name-badge h2{font-size:1.1rem!important;word-break:break-word!important}.client-management-page .company-name{font-size:.8rem!important}.client-management-page .client-id{font-size:.7rem!important}.client-management-page .client-id code{font-size:.65rem!important;word-break:break-all!important}.client-management-page .client-quick-info{flex-direction:column!important;gap:4px!important;font-size:.75rem!important}.client-management-page .client-quick-info span{display:block!important}.client-management-page .client-location{font-size:.75rem!important}.client-management-page .client-header-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important;margin-top:12px!important}.client-management-page .stat-box{padding:10px!important;border-radius:8px!important;text-align:center!important;flex-direction:column!important}.client-management-page .stat-box .stat-value{font-size:1rem!important}.client-management-page .stat-box .stat-label{font-size:.6rem!important}.client-management-page .client-header-stats>.badge{grid-column:span 2!important;justify-self:center!important;margin-top:4px!important}.client-management-page .tabs-container{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;padding:4px!important;margin:12px 0!important;overflow:visible!important}.client-management-page .tabs-container .tab-btn{min-width:unset!important;padding:8px 4px!important;font-size:.65rem!important;border-radius:8px!important;white-space:nowrap!important;text-align:center!important;justify-content:center!important}.client-management-page .tab-content{padding:12px!important;border-radius:12px!important}.client-management-page .section-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:12px!important}.client-management-page .section-header h3{font-size:1rem!important}.client-management-page .section-header .btn-primary{width:100%!important;justify-content:center!important}.client-management-page .data-grid{grid-template-columns:1fr!important;gap:8px!important}.client-management-page .data-item{padding:10px!important}.client-management-page .data-item label{font-size:.65rem!important}.client-management-page .data-item span{font-size:.85rem!important}.client-management-page .section-title-with-filters{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;width:100%!important}.client-management-page .section-title-with-filters h3{font-size:1rem!important}.client-management-page .invoice-filters{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;width:100%!important}.client-management-page .invoice-filters .filter-btn{padding:8px 6px!important;font-size:.7rem!important;border-radius:8px!important;text-align:center!important;white-space:nowrap!important}.client-management-page .tab-faturas .section-header{flex-direction:column!important;gap:12px!important}.client-management-page .tab-faturas .section-header>.btn-primary{width:100%!important;justify-content:center!important}}:root{--sidebar-width: 280px;--header-height: 70px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{background:var(--theme-gradient-bg, linear-gradient(180deg, #0f0f1a 0%, #1a1a2e 50%, #16213e 100%));color:var(--theme-text-primary, #fff);font-family:var(--font-family, "Inter", "Segoe UI", system-ui, sans-serif);line-height:1.6;overflow:hidden}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 50%,var(--secondary) 100%);padding:1rem}.login-container{background:linear-gradient(180deg,var(--primary-700) 0%,var(--primary-400) 100%);padding:2.5rem;border-radius:var(--radius);border:1px solid rgba(99,102,241,.3);box-shadow:var(--shadow-lg);width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:80px;height:80px;margin-bottom:1rem;border-radius:16px}.login-header h1{font-size:1.75rem;color:var(--white)}.login-header p{color:var(--gray-300)}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{font-weight:500;font-size:.85rem;color:#ffffffb3}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.9rem;transition:all .2s ease;background:#ffffff08;color:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf680;background:#ffffff0d;box-shadow:0 0 0 3px #8b5cf61a}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' fill-opacity='0.5' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-group select option{background:#1a1a2e;color:#fff}.currency-input-wrapper{position:relative;display:flex;align-items:center}.currency-input-wrapper .currency-symbol{position:absolute;left:1rem;color:#ffffff80;font-weight:500;font-size:.9rem;pointer-events:none;z-index:1}.currency-input{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.9rem;transition:all .2s ease;background:#ffffff08;color:#fff;text-align:right;font-weight:500}.currency-input.with-symbol{padding-left:2.75rem}.currency-input:focus{outline:none;border-color:#8b5cf680;background:#ffffff0d;box-shadow:0 0 0 3px #8b5cf61a}.currency-input::placeholder{color:#ffffff4d}.currency-input:disabled{opacity:.6;cursor:not-allowed}.currency-display{font-weight:600;font-variant-numeric:tabular-nums}.currency-display.currency-positive{color:#4ade80}.currency-display.currency-negative{color:#f87171}.form-group .currency-input-wrapper,.form-group .currency-input-wrapper .currency-input{width:100%}.login-btn{padding:.875rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{background:var(--danger-bg);color:var(--danger);padding:.75rem 1rem;border-radius:8px;text-align:center;border:1px solid var(--danger-border)}.login-footer{margin-top:1.5rem;text-align:center}.login-footer a{color:var(--primary);text-decoration:none}.login-options{margin-top:1rem;text-align:center}.forgot-password-link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .2s}.forgot-password-link:hover{color:var(--primary-light)}.forgot-password-modal{background:var(--card-bg);border-radius:var(--radius-lg);padding:2rem;max-width:400px;width:90%;animation:scaleIn .2s ease-out}.forgot-password-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.forgot-password-modal .modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.forgot-password-modal .modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.forgot-password-modal .modal-close:hover{color:var(--danger)}.forgot-password-modal .modal-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.forgot-password-modal .form-group{margin-bottom:1.5rem}.forgot-password-modal .modal-actions{display:flex;gap:1rem;justify-content:flex-end}.forgot-password-modal .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:all .2s}.forgot-password-modal .btn-secondary:hover{background:var(--bg-tertiary)}.forgot-password-modal .btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:all .2s}.forgot-password-modal .btn-primary:hover{background:var(--primary-light)}.forgot-password-modal .btn-primary:disabled{opacity:.7;cursor:not-allowed}.admin-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);display:flex;flex-direction:column;position:fixed;height:100vh;box-shadow:var(--shadow-sidebar)}.sidebar-nav{flex:1;padding:1rem 0}.sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:var(--gray-300);text-decoration:none;transition:all .2s}.sidebar-nav a:hover,.sidebar-nav a.active{background:#ffffff1a;color:var(--white)}.sidebar-nav a.active{border-left:3px solid var(--primary-light);background:rgba(var(--primary-rgb, 155, 47, 171),.3)}.sidebar-nav .icon{font-size:1.25rem}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:#ef444433;color:var(--danger-border);border:none;border-radius:8px;cursor:pointer;transition:background .2s}.logout-btn:hover{background:#ef44444d}.main-content{flex:1;margin-left:var(--sidebar-width)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h2{font-size:1.5rem;color:var(--white)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-icon{font-size:2rem}.stat-info{display:flex;flex-direction:column}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.app-card{background:linear-gradient(180deg,var(--primary-700) 0%,var(--primary-400) 100%);padding:1.5rem;border-radius:var(--radius);border:1px solid rgba(99,102,241,.3);transition:all .2s}.app-card:hover{transform:translateY(-2px);border-color:#6366f180}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.app-header h3{color:var(--white)}.app-description{color:var(--gray-300);font-size:.875rem;margin-bottom:1rem}.app-actions{display:flex;gap:.5rem}.badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;background:var(--gray-200)}.badge-success{background:var(--success-light);color:var(--success-text)}.badge-warning{background:var(--warning-light);color:var(--warning-text)}.badge-danger{background:var(--danger-light);color:var(--danger-text)}.btn-primary{padding:.625rem 1.25rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:10px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #8b5cf640}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf659}.btn-secondary{padding:.5rem 1rem;background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.btn-danger{padding:.5rem 1rem;background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#ef44444d;border-color:#ef444480}.btn-success{padding:.5rem 1rem;background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3);border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-success:hover{background:#22c55e4d;border-color:#22c55e80}.btn-warning{padding:.5rem 1rem;background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3);border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-warning:hover{background:#f59e0b4d;border-color:#f59e0b80}.btn-sm{padding:.375rem .75rem;font-size:.8rem;background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s}.btn-sm:hover{background:#ffffff1a;color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:linear-gradient(180deg,#1a1a2e,#16162a);border:1px solid rgba(255,255,255,.08);padding:1.5rem;border-radius:20px;width:100%;max-width:450px;box-shadow:0 25px 50px -12px #00000080,0 0 40px #8b5cf61a;color:#fff}.modal.modal-lg{max-width:550px}.modal.modal-large{max-width:700px;max-height:85vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.modal-header.compact{margin-bottom:1rem;padding-bottom:.75rem}.modal-header h3{margin:0;color:var(--white);font-size:var(--font-base);font-weight:var(--font-semibold)}.modal-header.compact h3{font-size:var(--font-sm)}.modal-close{background:#ffffff1a;border:none;color:var(--gray-400);width:28px;height:28px;border-radius:var(--radius);cursor:pointer;font-size:var(--font-lg);display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.modal-close:hover{background:var(--danger-bg);color:var(--danger)}.modal h3{margin-bottom:var(--space-4);color:var(--white);font-size:var(--font-lg);font-weight:var(--font-semibold)}.modal label{color:var(--gray-300);font-size:var(--font-sm);font-weight:var(--font-medium)}.modal input,.modal select,.modal textarea{background:#0000004d;border:2px solid rgba(255,255,255,.1);color:var(--white);border-radius:var(--radius);padding:var(--space-3) var(--space-4);width:100%;font-size:var(--font-base);transition:var(--transition-base)}.modal input:focus,.modal select:focus,.modal textarea:focus{outline:none;border-color:var(--secondary-light);background:#6366f11a}.modal input::placeholder,.modal textarea::placeholder{color:var(--gray-500)}.modal select option{background:var(--primary-700);color:var(--white)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.modal .btn-primary{background:var(--gradient-cta);color:var(--dark);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base)}.modal .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-cta)}.modal .btn-primary:disabled{opacity:.5;cursor:not-allowed}.modal .btn-secondary{background:#ffffff1a;color:var(--gray-300);border:1px solid rgba(255,255,255,.2);padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-base)}.modal .btn-secondary:hover{background:#ffffff26;color:var(--white)}.modal .form-section{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,.05)}.modal .form-section:last-of-type{border-bottom:none}.modal .section-title{color:var(--accent);font-size:var(--font-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.table-container{background:#0003;border-radius:var(--radius);border:1px solid rgba(99,102,241,.3);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(99,102,241,.2);color:var(--white)}.data-table th{background:#6366f133;font-weight:600;color:var(--gray-300);text-transform:uppercase;font-size:var(--font-xs);letter-spacing:.05em}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:#6366f11a}.data-table tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:3rem 1.5rem;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3,.empty-state h4{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .5rem}.empty-state p{margin-bottom:1.5rem;color:#ffffff80;font-size:.9rem}.empty-state .hint,.hint{font-size:.85rem;color:#fff6}.settings-page{max-width:900px;margin:0 auto}.settings-page h2{color:var(--white);margin-bottom:var(--space-4);font-size:var(--font-xl)}.settings-sections{display:flex;flex-direction:column;gap:var(--space-4)}.settings-section h3{margin-bottom:var(--space-3);color:var(--white);font-size:var(--font-base)}.settings-card{background:linear-gradient(180deg,var(--primary-700) 0%,var(--primary-400) 100%);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid rgba(99,102,241,.3);box-shadow:var(--shadow-lg)}.settings-card .form-group{margin-bottom:var(--space-3)}.settings-card .form-group:last-child{margin-bottom:0}.settings-card .form-group label{display:block;color:var(--gray-300);font-size:var(--font-sm);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.settings-card .form-group input,.settings-card .form-group select{width:100%;padding:10px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);color:var(--white);font-size:var(--font-sm)}.settings-card .form-group input:focus,.settings-card .form-group select:focus{outline:none;border-color:var(--secondary-light);box-shadow:0 0 0 3px #6366f133}.settings-card .form-group input::placeholder{color:var(--gray-500)}.settings-card .form-group small{display:block;margin-top:var(--space-1);color:var(--gray-400);font-size:var(--font-xs)}.settings-card .checkbox-label{display:flex;align-items:center;gap:var(--space-2);color:var(--white);cursor:pointer;padding:0}.settings-card .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--secondary-light)}.setting-item{margin-bottom:var(--space-3)}.setting-item label{display:block;font-weight:var(--font-medium);color:var(--gray-400);font-size:var(--font-xs);margin-bottom:4px}.setting-item p{color:var(--white);font-size:var(--font-sm)}.uid{font-family:monospace;font-size:var(--font-xs);word-break:break-all;color:var(--gray-300)}.settings-footer{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end}.settings-footer .btn-lg{padding:12px 24px;font-size:var(--font-base)}.alert{padding:var(--space-3);background:#10b98133;color:var(--success);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius);margin-bottom:var(--space-4)}@media(max-width:1024px){.dashboard-sections{grid-template-columns:1fr}}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0}.page-content{padding:1rem}.stats-grid{grid-template-columns:1fr 1fr}}.nav-section{padding:.5rem 1.5rem;margin-top:1rem}.nav-section-title{font-size:.7rem;text-transform:uppercase;color:var(--gray-500);letter-spacing:.05em}.filters-bar{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);background:#0003;color:var(--gray-300);border-radius:20px;cursor:pointer;font-size:.875rem;transition:all .2s}.filter-btn:hover{border-color:var(--secondary-light);color:var(--white);background:#6366f133}.filter-btn.active{background:var(--secondary);color:var(--white);border-color:var(--secondary)}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.client-card{background:linear-gradient(180deg,var(--primary-700) 0%,var(--primary-400) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.25rem;border-left:4px solid var(--success);border:1px solid rgba(99,102,241,.3);transition:transform .2s}.client-card:hover{transform:translateY(-2px)}.client-card.suspended{border-left-color:var(--danger);background:linear-gradient(180deg,rgba(239,68,68,.2) 0%,var(--primary-400) 100%)}.client-card.trial{border-left-color:var(--secondary-light)}.client-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.client-header h3{color:var(--white);margin-bottom:.25rem}.client-name{color:var(--gray-400);font-size:.875rem}.client-info{margin-bottom:1rem}.client-info p{font-size:.875rem;margin-bottom:.25rem;display:flex;gap:.5rem;color:var(--gray-300)}.client-api-info{background:#0003;padding:.75rem;border-radius:8px;margin-bottom:1rem;border:1px dashed rgba(99,102,241,.4)}.client-api-info p{font-size:.8rem;margin-bottom:.25rem;display:flex;gap:.5rem;flex-wrap:wrap;color:var(--gray-400)}.client-api-info code{background:#0000004d;padding:.15rem .4rem;border-radius:4px;font-family:monospace;font-size:.75rem;color:var(--secondary-light);word-break:break-all}.client-value{background:#0003;padding:.75rem;border-radius:8px;margin-bottom:1rem}.client-value label{font-size:.75rem;color:var(--gray-400);display:block;margin-bottom:.25rem}.value-input{display:flex;align-items:center;gap:.25rem}.value-input span{font-weight:600;color:var(--white)}.value-input input{width:100px;padding:.375rem;border:1px solid var(--gray-300);border-radius:4px;font-size:1rem;font-weight:600}.promise-note{background:var(--warning-light);padding:.5rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem}.client-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-edit{background:#6366f133;color:var(--white);border:1px solid rgba(99,102,241,.3)}.btn-edit:hover{background:#6366f14d}.btn-success{background:var(--success);color:var(--white)}.btn-warning{background:var(--warning);color:var(--white)}.btn-delete{background:transparent;color:var(--danger)}.btn-info{background:var(--info);color:var(--white)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.plan-card{background:linear-gradient(180deg,var(--primary-700) 0%,var(--primary-400) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.25rem;position:relative;border:1px solid rgba(99,102,241,.3)}.plan-card.popular{border-color:var(--secondary-light)}.popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--secondary);color:var(--white);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.plan-header{text-align:center;margin-bottom:1rem;padding-top:.5rem}.plan-header h3{color:var(--white);font-size:1.25rem}.plan-description{color:var(--gray-400);font-size:.875rem}.plan-price{text-align:center;margin-bottom:1.5rem}.price-display{cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s;display:inline-flex;align-items:baseline;gap:.25rem}.price-display:hover{background:#0003}.price-display .currency{font-size:1rem;color:var(--gray-400)}.price-display .amount{font-size:2rem;font-weight:700;color:var(--white)}.price-display .period{font-size:.875rem;color:var(--gray-400)}.price-display .edit-hint{font-size:.75rem;opacity:0;margin-left:.5rem}.price-display:hover .edit-hint{opacity:1}.price-edit{display:flex;align-items:center;justify-content:center;gap:.25rem}.price-edit input{width:100px;padding:.5rem;font-size:1.5rem;font-weight:600;text-align:center;border:2px solid var(--primary);border-radius:8px}.plan-features{margin-bottom:1rem}.features-title{font-size:.75rem;color:var(--gray-400);text-transform:uppercase;margin-bottom:.5rem}.plan-features ul{list-style:none}.plan-features li{padding:.375rem 0;font-size:.875rem;color:var(--gray-300)}.plan-meta{padding:.75rem;background:#0003;border-radius:8px;font-size:.875rem;margin-bottom:1rem;color:var(--gray-300)}.plan-actions{display:flex;gap:.5rem}.plans-info{background:#6366f126;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid rgba(99,102,241,.3)}.plans-info p{font-size:.875rem;color:var(--gray-300)}.invoices-page .stats-grid{grid-template-columns:repeat(4,1fr)}.stat-card.success{border-left:4px solid var(--success)}.stat-card.warning{border-left:4px solid var(--warning)}.stat-card.danger{border-left:4px solid var(--danger)}.client-cell{display:flex;flex-direction:column}.client-cell strong{color:var(--white)}.client-cell span{font-size:.75rem;color:var(--gray-400)}.amount{font-weight:600;color:var(--white)}.actions-cell{display:flex;gap:.25rem}tr.overdue{background:#ef444426}tr.paid{background:#10b98126}.payment-options{display:flex;gap:.75rem}.payment-option{flex:1;padding:1rem;border:2px solid rgba(99,102,241,.3);border-radius:8px;cursor:pointer;text-align:center;transition:all .2s;background:#0003;color:var(--white)}.payment-option:hover{border-color:#6366f180;background:#6366f126}.payment-option.selected{border-color:var(--accent);background:#6366f140}.payment-option input{display:none}.payment-option span{font-weight:500}.payment-info{background:#0003;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid rgba(99,102,241,.2)}.payment-info p{margin-bottom:.25rem;color:var(--gray-300)}.pix-section{background:#10b9811a;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid rgba(16,185,129,.3)}.pix-section h4{margin-bottom:.5rem;color:var(--success)}.pix-code{background:#0000004d;padding:.75rem;border-radius:6px;margin-bottom:.75rem;word-break:break-all}.pix-code code{font-size:.75rem;color:var(--gray-300)}.integration-note{background:#f59e0b26;padding:1rem;border-radius:8px;font-size:.875rem;border:1px solid rgba(245,158,11,.3)}.integration-note p{margin-bottom:.25rem;color:var(--warning)}.modal-subtitle{color:var(--gray-500);margin-bottom:1rem}.promise-info{background:var(--warning-light);padding:1rem;border-radius:8px;margin-top:1rem}.promise-info p{font-size:.875rem;margin-bottom:.25rem}.modal-lg{max-width:600px}.form-row{display:flex;gap:1rem;align-items:flex-end}.form-row .form-group{flex:1;margin-bottom:0}.header-actions{display:flex;gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding-top:1.5rem}.checkbox-label input[type=checkbox]{width:18px;height:18px}.badge-info{background:var(--info-light);color:var(--info-text)}.badge-dark{background:var(--gray-700);color:var(--white)}.text-muted{color:var(--gray-500)}@media(max-width:768px){.clients-grid,.plans-grid{grid-template-columns:1fr}.invoices-page .stats-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.payment-options{flex-direction:column}}.settings-page form{max-width:100%}.settings-page .form-group{margin-bottom:var(--space-3)}.settings-page .form-group small{display:block;margin-top:4px;color:var(--gray-400);font-size:var(--font-xs)}.settings-page .checkbox-label{padding-top:0}.btn-lg{padding:12px 24px;font-size:var(--font-base)}textarea{width:100%;padding:.75rem 1rem;border:2px solid rgba(99,102,241,.3);border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .2s;background:#0003;color:var(--white)}textarea:focus{outline:none;border-color:var(--accent)}select{width:100%;padding:.75rem 1rem;border:2px solid rgba(99,102,241,.3);border-radius:8px;font-size:1rem;background:#0003;color:var(--white);cursor:pointer;transition:border-color .2s}select:focus{outline:none;border-color:var(--accent)}select option{background:var(--primary-700);color:var(--white)}.qr-code-container{display:flex;justify-content:center;padding:1.5rem;background:var(--gray-100);border-radius:var(--radius);margin:1rem 0}.qr-code-image{width:200px;height:200px;border-radius:8px}.alert{padding:1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.alert-warning{background:var(--warning-light);color:var(--warning-text);border:1px solid var(--warning)}.alert-danger{background:var(--danger-light);color:var(--danger-text);border:1px solid var(--danger)}.alert-success{background:var(--success-light);color:var(--success-text);border:1px solid var(--success)}.alert-info{background:var(--info-light);color:var(--info-text);border:1px solid var(--info)}.alert a{color:inherit;font-weight:700}.modal.modal-lg{max-width:600px}.pix-section h4,.boleto-section h4{margin-bottom:1rem;color:var(--success)}.pix-section h5{margin:1rem 0 .5rem;font-size:.9rem;color:var(--gray-300)}.pix-code{background:#0000004d;padding:1rem;border-radius:8px;word-break:break-all;font-size:.75rem;margin-bottom:1rem;border:1px solid rgba(99,102,241,.2)}.pix-code code{color:var(--gray-300)}.no-qr-message,.no-pix-message,.no-boleto-message{text-align:center;padding:2rem;color:var(--gray-500)}.boleto-section{text-align:center}.boleto-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.boleto-actions a.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--primary);color:var(--white);text-decoration:none;border-radius:8px;font-weight:500;transition:background .2s}.boleto-actions a.btn-primary:hover{background:var(--primary-dark)}.integration-note{background:var(--warning-light);padding:1rem;border-radius:8px;margin-top:1rem;font-size:.85rem}.integration-note p{margin:.25rem 0}.payment-details{padding:1rem 0}.payment-info{background:var(--gray-100);padding:1rem;border-radius:8px;margin-bottom:1.5rem}.payment-info p{margin:.5rem 0}.search-filter-bar{margin-bottom:1.5rem}.search-box{margin-bottom:1rem}.search-box input{width:100%;padding:.75rem 1rem;border:1px solid rgba(99,102,241,.3);border-radius:8px;font-size:1rem;background:#0003;color:var(--white)}.search-box input::placeholder{color:var(--gray-500)}.search-box input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f133}.clients-list{display:flex;flex-direction:column;gap:1rem}.client-row{display:flex;align-items:center;background:linear-gradient(180deg,var(--primary-700) 0%,var(--primary-400) 100%);padding:1.25rem;border-radius:var(--radius);border:1px solid rgba(99,102,241,.3);gap:1.5rem;transition:transform .2s,border-color .2s}.client-row:hover{transform:translateY(-2px);border-color:#6366f180}.client-row.has-overdue{border-left:4px solid var(--danger)}.client-row.blocked{opacity:.7;border-left:4px solid var(--gray-500)}.client-main-info{display:flex;align-items:center;gap:1rem;flex:2;min-width:0}.client-avatar{width:50px;height:50px;background:#6366f14d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.client-details{min-width:0}.client-details h3{font-size:1.1rem;font-weight:600;color:var(--white);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-contact{font-size:.85rem;color:var(--gray-400)}.client-doc{font-size:.8rem;color:var(--gray-500)}.client-stats{display:flex;gap:1.5rem;flex:1}.stat-item{text-align:center}.stat-item .stat-value{display:block;font-size:1.1rem;font-weight:600;color:var(--white)}.stat-item .stat-label{font-size:.75rem;color:var(--gray-400);text-transform:uppercase}.client-status{flex:1;display:flex;justify-content:center}.client-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-manage{padding:.5rem 1rem!important;font-size:.9rem}.form-info{background:#0ea5e926;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;color:var(--info);margin:1rem 0;border:1px solid rgba(14,165,233,.3)}.client-management-page{padding:.5rem 1.5rem;min-height:100vh;background:var(--theme-gradient-bg, linear-gradient(180deg, #0f0f1a 0%, #1a1a2e 50%, #16213e 100%))}.page-header-back{margin-bottom:1rem}.btn-back{background:var(--theme-bg-glass, rgba(255, 255, 255, .05));border:1px solid var(--theme-border, rgba(255, 255, 255, .06));color:var(--theme-text-secondary, rgba(255, 255, 255, .7));font-size:.9rem;cursor:pointer;padding:.625rem 1rem;display:flex;align-items:center;gap:.5rem;border-radius:var(--theme-radius-md, 12px);transition:all .2s}.btn-back:hover{background:var(--theme-bg-card-hover, rgba(255, 255, 255, .08));color:var(--theme-text-primary, #fff)}.client-header-card{display:flex;justify-content:space-between;align-items:center;background:var(--theme-bg-card, rgba(255, 255, 255, .03));border:1px solid var(--theme-border, rgba(255, 255, 255, .06));color:var(--theme-text-primary, #fff);padding:1.5rem 2rem;border-radius:var(--theme-radius-xl, 20px);margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.client-header-main{display:flex;align-items:center;gap:1.25rem}.client-avatar-large{width:72px;height:72px;border-radius:var(--theme-radius-lg, 16px);background:var(--theme-gradient-primary, linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%));display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#fff;box-shadow:0 4px 20px var(--theme-primary-glow, rgba(139, 92, 246, .3))}.client-header-info h2{font-size:1.5rem;margin-bottom:.25rem;color:var(--theme-text-primary, #fff)}.client-header-info p{color:var(--theme-text-secondary, rgba(255, 255, 255, .7));font-size:.9rem}.client-header-info .client-id{font-size:.85rem;color:var(--theme-text-muted, rgba(255, 255, 255, .5))}.client-header-info .client-id code{background:var(--theme-bg-glass, rgba(255, 255, 255, .05));padding:.125rem .375rem;border-radius:4px;font-family:monospace;color:var(--theme-primary-light, #a78bfa)}.client-quick-info{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem;font-size:.85rem;color:var(--theme-text-secondary, rgba(255, 255, 255, .7))}.client-name-badge{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.category-badge{padding:.25rem .75rem;border-radius:var(--theme-radius-full, 100px);font-size:.7rem;font-weight:600;text-transform:uppercase}.category-badge.standard{background:#6b728033;color:#9ca3af}.category-badge.premium{background:#3b82f633;color:#60a5fa}.category-badge.vip{background:#f59e0b33;color:#fbbf24}.client-header-stats{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.stat-box{background:var(--theme-bg-glass, rgba(255, 255, 255, .05));border:1px solid var(--theme-border, rgba(255, 255, 255, .06));padding:.75rem 1rem;border-radius:var(--theme-radius-md, 12px);text-align:center;min-width:90px}.stat-box .stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--theme-text-primary, #fff)}.stat-box .stat-label{font-size:.7rem;color:var(--theme-text-muted, rgba(255, 255, 255, .5))}.stat-box.highlight{background:#8b5cf626;border-color:#8b5cf64d}.stat-box.success{background:#22c55e26;border-color:#22c55e4d}.stat-box.danger{background:#ef444426;border-color:#ef44444d}.tabs-container{display:flex;gap:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:.5rem;border-radius:16px;margin-bottom:1.5rem;flex-wrap:wrap}.tab-btn{flex:1;min-width:100px;padding:.75rem 1rem;border:none;background:transparent;border-radius:12px;cursor:pointer;font-size:.85rem;font-weight:500;color:#ffffff80;transition:all .25s ease}.tab-btn:hover{background:#ffffff0d;color:#fffc}.tab-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.tab-content{background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:1.5rem;border-radius:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-header h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.data-section{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:1.25rem;margin-bottom:1.5rem}.data-section-title{color:#ffffffe6;font-size:.95rem;font-weight:600;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.data-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:1rem;border-radius:10px;transition:all .2s ease}.data-item:hover{background:#ffffff0d;border-color:#8b5cf633}.data-item label{display:block;font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.data-item span{font-size:.9rem;color:#fff;font-weight:500}.data-section-title{color:#fff;font-size:.95rem;font-weight:600;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.notes-section{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);padding:1rem;border-radius:12px;margin-bottom:1.5rem}.notes-section label{display:block;font-size:.75rem;color:#fbbf24;text-transform:uppercase;margin-bottom:.5rem}.notes-section p{color:#fffc;margin:0;line-height:1.5}.danger-zone{margin-top:2rem;padding:1.25rem;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:12px}.danger-zone h4{font-size:.9rem;font-weight:600;color:#f87171;margin:0 0 1rem}.danger-zone .action-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.app-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.25rem;transition:all .3s ease}.app-card:hover{border-color:#8b5cf64d;background:#ffffff0d;transform:translateY(-2px)}.app-card.active{border-left:3px solid #22c55e}.app-card.blocked{border-left:3px solid #ef4444;opacity:.85}.app-card.inactive{border-left:3px solid #f59e0b;opacity:.85}.app-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.app-header h4{font-size:1rem;font-weight:600;color:#fff;margin:0}.app-info{margin-bottom:1rem}.app-info p{font-size:.85rem;color:#ffffffb3;margin:.35rem 0}.app-info p strong{color:#ffffff80;font-weight:500}.app-credentials{background:#00000040;padding:.75rem;border-radius:8px;margin-bottom:1rem}.app-credentials p{font-size:.75rem;color:#fff9;margin:.25rem 0}.app-credentials code{background:#8b5cf633;padding:.125rem .375rem;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:.7rem;color:#a78bfa}.app-actions{display:flex;gap:.5rem;flex-wrap:wrap}.app-actions-bar{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.app-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;border-radius:8px;border:none;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.app-btn-edit{background:#8b5cf633;color:#a78bfa}.app-btn-edit:hover{background:#8b5cf64d}.app-btn-block{background:#ef444433;color:#f87171}.app-btn-block:hover{background:#ef44444d}.app-btn-unblock{background:#22c55e33;color:#4ade80}.app-btn-unblock:hover{background:#22c55e4d}.app-btn-delete{background:#ef444426;color:#f87171;margin-left:auto}.app-btn-delete:hover{background:#ef44444d}.app-btn .icon{font-size:14px}.app-btn-edit{background:#6366f133;color:var(--secondary-light);border:1px solid rgba(99,102,241,.3)}.app-btn-edit:hover{background:#6366f159;border-color:var(--secondary-light)}.app-btn-block{background:#f59e0b33;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.app-btn-block:hover{background:#f59e0b59;border-color:var(--warning)}.app-btn-unblock{background:#10b98133;color:var(--success);border:1px solid rgba(16,185,129,.3)}.app-btn-unblock:hover{background:#10b98159;border-color:var(--success)}.app-btn-delete{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.2);padding:8px 10px}.app-btn-delete:hover{background:#ef44444d;border-color:var(--danger)}.invoices-summary{display:flex;gap:1rem;margin-bottom:1.5rem}.summary-item{flex:1;text-align:center;padding:1rem;border-radius:8px;background:var(--gray-100)}.summary-item.pending{background:var(--warning-light)}.summary-item.overdue{background:var(--danger-border)}.summary-item.paid{background:var(--success-light)}.summary-item .value{display:block;font-size:2rem;font-weight:700;color:var(--dark)}.summary-item .label{font-size:.85rem;color:var(--gray-500)}.invoices-table{width:100%;border-collapse:collapse}.invoices-table th,.invoices-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--gray-200)}.invoices-table th{font-size:.75rem;text-transform:uppercase;color:var(--gray-500);font-weight:600}.invoices-table tr:hover{background:var(--gray-100)}.invoices-table tr.overdue{background:var(--danger-bg)}.invoices-table tr.paid{background:var(--success-bg)}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:.75rem;top:0;bottom:0;width:2px;background:var(--gray-200)}.timeline-item{position:relative;padding-bottom:1.5rem}.timeline-icon{position:absolute;left:-1.5rem;width:1.5rem;height:1.5rem;background:var(--white);border:2px solid var(--gray-300);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.timeline-item.success .timeline-icon{border-color:var(--success);background:var(--success-light)}.timeline-content strong{display:block;color:var(--dark)}.timeline-content p{font-size:.9rem;color:var(--gray-500)}.timeline-date{font-size:.8rem;color:var(--gray-500)}.payment-methods{display:flex;gap:var(--space-2)}.payment-btn{flex:1;padding:var(--space-2) var(--space-3);border:2px solid rgba(255,255,255,.15);background:#0003;border-radius:var(--radius);cursor:pointer;font-size:var(--font-xs);color:var(--gray-300);transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.payment-btn:hover{border-color:var(--secondary-light);background:#6366f11a;color:var(--white)}.payment-btn.active{border-color:var(--secondary-light);background:linear-gradient(135deg,#6366f14d,#8b5cf633);color:var(--white);box-shadow:0 0 12px #6366f14d}.payment-btn .icon{font-size:1rem}.payment-btn .text{font-weight:var(--font-medium)}.warning-message{background:#f59e0b26;color:var(--warning);padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--font-sm);margin:var(--space-4) 0;border:1px solid rgba(245,158,11,.3)}.error-message{background:#ef444426;color:var(--danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--font-sm);margin-bottom:var(--space-4);border:1px solid rgba(239,68,68,.3)}.invoice-form{display:flex;flex-direction:column;gap:var(--space-3)}.invoice-form .promo-hint{display:block;margin-top:var(--space-2);font-size:var(--font-xs);color:var(--success)}.payment-toggle{display:flex;gap:0;background:#0000004d;border-radius:var(--radius);padding:3px}.payment-toggle .toggle-btn{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--gray-400);font-size:var(--font-xs);font-weight:var(--font-medium);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-base)}.payment-toggle .toggle-btn:hover{color:var(--white)}.payment-toggle .toggle-btn.active{background:var(--secondary);color:var(--white);box-shadow:0 2px 4px #0003}.invoice-resume{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius);font-size:var(--font-xs);color:var(--gray-300)}.invoice-resume .resume-item{color:var(--gray-300)}.invoice-resume .resume-item strong{color:var(--white)}.invoice-resume .resume-item.amount{font-weight:var(--font-bold);color:var(--success);font-size:var(--font-sm)}.invoice-resume .resume-divider{color:var(--gray-500)}.warning-message.compact{padding:var(--space-2);font-size:var(--font-xs);margin:0}.multi-invoice-info{padding:8px 12px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius);font-size:var(--font-xs);color:var(--gray-300)}.multi-invoice-info strong{color:var(--secondary-light)}.invoice-summary{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:var(--space-3);margin-top:var(--space-2)}.invoice-summary .summary-title{font-weight:var(--font-semibold);color:var(--white);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid rgba(255,255,255,.1);font-size:var(--font-sm)}.invoice-summary .summary-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:var(--font-xs)}.invoice-summary .summary-row span{color:var(--gray-400)}.invoice-summary .summary-row strong{color:var(--white)}.invoice-summary .summary-row .amount{font-size:var(--font-base);color:var(--success)}.text-danger{color:var(--danger)!important}.text-success{color:var(--success)!important}.text-muted{color:var(--gray-500)!important}@media(max-width:768px){.client-row{flex-direction:column;align-items:flex-start}.client-stats{width:100%;justify-content:flex-start}.client-status{justify-content:flex-start}.client-actions{width:100%;justify-content:flex-end}.client-header-card{flex-direction:column;align-items:flex-start}.client-header-stats{width:100%;flex-wrap:wrap;justify-content:flex-start}.tabs-container{overflow-x:auto}.data-grid,.apps-grid{grid-template-columns:1fr}.invoices-summary{flex-direction:column}.invoices-table{font-size:.85rem}.invoices-table th,.invoices-table td{padding:.5rem}}.create-app-intro{text-align:center;padding:var(--space-2) var(--space-3);background:linear-gradient(180deg,rgba(var(--primary-rgb),.08) 0%,transparent 100%);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.create-app-intro .intro-icon{font-size:1.5rem;margin-bottom:var(--space-1)}.create-app-intro h4{font-size:var(--font-base);font-weight:var(--font-semibold);margin-bottom:2px;color:var(--white)}.create-app-intro p{font-size:var(--font-xs);color:var(--gray-400);max-width:380px;margin:0 auto;line-height:1.4}.firebase-config-input{font-family:var(--font-mono);font-size:var(--font-sm);min-height:320px!important;max-height:380px;resize:none;background:#0000004d!important;border:2px dashed var(--secondary-light)!important;color:var(--white)!important;transition:var(--transition-base);line-height:1.5}.firebase-config-input:focus{border-color:var(--secondary-light)!important;background:#0006!important}.firebase-config-input::placeholder{color:var(--gray-500)}.firebase-detected-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(90deg,var(--success-bg) 0%,transparent 100%);border:1px solid var(--success);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.firebase-detected-banner .success-icon{font-size:1.25rem}.firebase-detected-banner strong{display:block;color:var(--success);font-size:var(--font-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.firebase-detected-banner code{background:#0000004d;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-xs);color:var(--accent)}.input-disabled{background:#ffffff0d!important;color:var(--gray-500)!important;cursor:not-allowed}.creating-app-section{text-align:center;padding:var(--space-8) var(--space-6)}.creating-animation{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.spinner-large{width:50px;height:50px;border:3px solid var(--primary-200);border-top-color:var(--secondary-light);border-radius:var(--radius-full);animation:spin 1s linear infinite}.creating-animation h4{color:var(--white);font-size:var(--font-lg);font-weight:var(--font-semibold);margin-top:var(--space-2)}.creating-animation p{color:var(--gray-400);font-size:var(--font-sm)}.detect-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);padding:var(--space-2) var(--space-3);border-radius:var(--radius);margin:var(--space-3) 0;font-size:var(--font-sm)}.stats-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.stat-card{display:flex;align-items:center;gap:var(--space-4);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);min-width:160px;flex:1}.stat-card .stat-icon{font-size:1.75rem}.stat-card .stat-info{display:flex;flex-direction:column}.stat-card .stat-value{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--white)}.stat-card .stat-label{font-size:var(--font-xs);color:var(--gray-400)}.search-bar{margin-bottom:var(--space-6)}.search-input{width:100%;padding:var(--space-3) var(--space-5);background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md);font-size:var(--font-base);color:var(--white);transition:var(--transition-base)}.search-input:focus{outline:none;border-color:var(--secondary-light);background:#6366f11a}.search-input::placeholder{color:var(--gray-500)}.info-box{display:flex;align-items:flex-start;gap:var(--space-4);background:linear-gradient(90deg,#6366f126,#6366f10d);border:1px solid var(--secondary-light);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.info-box .info-icon{font-size:1.5rem;flex-shrink:0}.info-box .info-content strong{display:block;color:var(--white);margin-bottom:var(--space-1)}.info-box .info-content p{font-size:var(--font-sm);color:var(--gray-400);margin:0}.section-actions{display:flex;gap:.75rem;flex-wrap:wrap}.app-card.glass-card{transition:all .3s ease;cursor:pointer}.app-card.glass-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 10px 30px rgba(var(--primary-rgb, 155, 47, 171),.2)}.app-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.app-icon-large{font-size:2.5rem}.app-card-body h3{color:var(--white, #fff);margin-bottom:.5rem}.client-badge{display:inline-flex;align-items:center;gap:.4rem;background:#4caf5033;border:1px solid rgba(76,175,80,.4);padding:.35rem .75rem;border-radius:20px;font-size:.8rem;color:#a5d6a7;margin-bottom:.75rem}.client-badge.orphan{background:#ff980033;border-color:#ff980066;color:#ffcc80}.client-badge .client-icon{font-size:.9rem}.client-badge .client-name{font-weight:500}.app-description{font-size:.9rem;color:#fff9;margin-bottom:1rem;line-height:1.4}.app-meta{display:flex;flex-direction:column;gap:.5rem}.meta-item{font-size:.8rem;color:#ffffff80}.meta-item code{background:#0000004d;padding:.15rem .5rem;border-radius:4px;font-size:.75rem}.plans-count{color:var(--accent, #f5a623)!important;font-weight:500}.app-card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:.5rem}.btn-view{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);font-size:var(--font-sm)}.btn-view:hover{background:var(--primary);color:var(--white)}.link-app-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;background:#0003;border-radius:10px}.link-app-tabs .tab-btn{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:#fff9;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500}.link-app-tabs .tab-btn:hover{color:var(--white, #fff);background:#ffffff0d}.link-app-tabs .tab-btn.active{background:var(--primary);color:var(--white)}.billing-plan-section{margin-top:var(--space-4);padding:var(--space-4);background:#0003;border-radius:var(--radius-lg);border:1px dashed rgba(255,255,255,.2)}.billing-plan-section.has-promo{border:2px solid var(--success);background:#10b9811a}.billing-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.billing-plan-title{display:flex;align-items:center;gap:var(--space-2)}.billing-plan-title .icon{font-size:20px}.billing-plan-title .text{font-weight:var(--font-semibold);font-size:var(--font-base);color:var(--white)}.billing-plan-content{padding:var(--space-3);border-radius:var(--radius)}.billing-plan-content.promo-active{background:#10b98126;display:flex;align-items:center;gap:var(--space-4)}.billing-plan-content.no-promo{text-align:center;color:var(--gray-400);font-size:var(--font-sm)}.promo-info{flex:1}.promo-label{font-size:var(--font-xs);color:var(--gray-400);margin-bottom:4px}.promo-value{font-size:var(--font-xl);font-weight:var(--font-bold);color:var(--success)}.promo-plan{font-size:var(--font-xs);color:var(--gray-400);margin-top:4px}.promo-savings{text-align:right}.promo-original{font-size:var(--font-xs);color:var(--gray-500);text-decoration:line-through}.promo-economy{font-size:var(--font-sm);color:var(--success);font-weight:var(--font-semibold)}.billing-modal-content{padding:var(--space-5)}.billing-current-plan{background:#0000004d;padding:var(--space-4);border-radius:var(--radius);margin-bottom:var(--space-5)}.billing-current-plan .label{font-size:var(--font-xs);color:var(--gray-400);margin-bottom:4px}.billing-current-plan .value{font-size:var(--font-lg);font-weight:var(--font-bold);color:var(--white)}.billing-current-plan .description{font-size:var(--font-xs);color:var(--gray-400);margin-top:4px}.billing-info-box{padding:var(--space-3);background:#6366f126;border-radius:var(--radius);margin-bottom:var(--space-5);font-size:var(--font-sm);color:var(--gray-300)}.billing-info-box strong{color:var(--white)}.billing-info-box p{margin-top:var(--space-2);margin-bottom:0}.billing-options{display:flex;flex-direction:column;gap:var(--space-2)}.billing-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#0003;border-radius:var(--radius);cursor:pointer;border:2px solid transparent;transition:var(--transition-base)}.billing-option:hover{background:#0000004d}.billing-option.selected{border-color:var(--secondary-light);background:#6366f126}.billing-option.selected-promo{border-color:var(--success);background:#10b98126}.billing-option.disabled{opacity:.4;cursor:not-allowed}.billing-option input[type=radio]{width:18px;height:18px;accent-color:var(--secondary-light)}.billing-option-info{flex:1}.billing-option-name{font-weight:var(--font-semibold);color:var(--white)}.billing-option-name span{font-weight:var(--font-normal);color:var(--gray-400)}.billing-option-price{font-size:var(--font-xs);color:var(--gray-400)}.billing-option-badge{background:var(--success);color:var(--white);padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-semibold)}.billing-summary{margin-top:var(--space-5);padding:var(--space-4);background:#10b98126;border-radius:var(--radius);border:1px solid rgba(16,185,129,.3)}.billing-summary-title{font-weight:var(--font-semibold);color:var(--success);margin-bottom:var(--space-2)}.billing-summary-list{font-size:var(--font-sm);color:var(--gray-300)}.billing-summary-list div{margin-bottom:4px}.compact-form{padding:var(--space-2)}.compact-form .form-group,.compact-form .form-row{margin-bottom:var(--space-2)}.promo-box{background:#0003;border:1px dashed rgba(255,255,255,.2);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-3)}.promo-box.active{border:2px solid var(--success);background:#10b9811a}.promo-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--white)}.promo-box .badge-active{font-size:var(--font-xs);background:var(--success);color:var(--white);padding:2px 6px;border-radius:var(--radius-sm)}.promo-box .form-row,.promo-box .form-group{margin-bottom:0}.promo-info{margin-top:var(--space-2);font-size:var(--font-xs);color:var(--gray-300);padding:var(--space-2);background:#10b98126;border-radius:var(--radius-sm)}.promo-info strong{color:var(--success)}.input-with-prefix{display:flex;align-items:center;background:#0000004d;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:var(--transition-base)}.input-with-prefix:focus-within{border-color:var(--secondary-light);box-shadow:0 0 0 3px #6366f133}.input-with-prefix .prefix{padding:0 var(--space-2);background:#0003;color:var(--gray-400);font-weight:var(--font-semibold);font-size:var(--font-sm);height:36px;display:flex;align-items:center;border-right:1px solid rgba(255,255,255,.1)}.input-with-prefix input{flex:1;border:none;background:transparent;padding:var(--space-2) var(--space-3);color:var(--white);font-size:var(--font-base)}.input-with-prefix input:focus{outline:none;box-shadow:none}.input-with-prefix input:disabled{opacity:.5;cursor:not-allowed}.promo-summary{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2);background:#10b98126;border-radius:var(--radius);border:1px solid rgba(16,185,129,.3)}.promo-summary-icon{font-size:14px;line-height:1}.promo-summary-text{font-size:var(--font-xs);color:var(--gray-300);line-height:1.4}.promo-summary-text strong{color:var(--success)}.promo-summary-text .savings{display:block;margin-top:4px;font-size:var(--font-xs);color:var(--success);font-weight:var(--font-semibold)}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.clients-grid,.plans-grid,.apps-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){:root{--sidebar-width: 0}.main-content{margin-left:0;width:100%}.page-content{padding:.75rem;padding-bottom:70px}.page-header{flex-direction:column;align-items:stretch;gap:.75rem}.page-header h2{font-size:1.1rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{padding:.75rem}.stat-icon,.stat-value{font-size:1.25rem}.stat-label{font-size:.65rem}.clients-grid,.plans-grid,.apps-grid{grid-template-columns:1fr;gap:.75rem}.client-card,.plan-card,.app-card{padding:.75rem}.client-card h3{font-size:1rem}.client-info{font-size:.8rem}.client-api-info{font-size:.75rem}.client-actions{flex-wrap:wrap;gap:.5rem}.client-actions button{flex:1;min-width:calc(50% - .25rem);font-size:.75rem;padding:.5rem}.form-row{flex-direction:column;gap:.5rem}.form-row .form-group{width:100%}.form-group label{font-size:.8rem}.form-group input,.form-group select,.form-group textarea{padding:.6rem .75rem;font-size:.9rem}.modal-overlay{padding:1rem .5rem .5rem;align-items:flex-start}.modal{max-width:100%;max-height:calc(100dvh - 2rem);overflow-y:auto;padding:1rem}.modal h3{font-size:1.1rem}.modal-actions{flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem}.modal-actions button{width:100%;padding:.75rem}.client-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.25rem}.tab-btn{white-space:nowrap;padding:.4rem .6rem;font-size:.75rem}.filters-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:.5rem}.filter-btn{white-space:nowrap;flex-shrink:0}.invoice-filters{flex-wrap:wrap}.section-title-with-filters{flex-direction:column;align-items:flex-start;gap:.75rem}.payment-toggle{flex-direction:column}.payment-toggle .toggle-btn{width:100%}.app-actions-bar{flex-wrap:wrap}.app-btn{flex:1;min-width:calc(50% - 4px);justify-content:center;padding:10px 8px;font-size:var(--font-xs)}.app-btn-delete{flex:0;min-width:auto}.data-table{display:block;overflow-x:auto}.invoice-resume{flex-direction:column;gap:4px}.invoice-resume .resume-divider{display:none}.settings-card{padding:.75rem}.settings-sections{gap:.75rem}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.client-management-page{padding:.5rem 0}.client-header-card{flex-direction:column;align-items:flex-start;padding:1rem;gap:1rem}.client-header-info h2{font-size:1.1rem;word-break:break-word}.client-header-info p{font-size:.85rem}.client-header-stats{width:100%;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.client-header-stats .stat{flex:1;min-width:70px}.client-header-stats .stat-value{font-size:1.1rem}.client-header-stats .stat-label{font-size:.65rem}.client-header-stats .badge{padding:.4rem .75rem;font-size:.75rem}.tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.35rem;gap:.25rem;margin-bottom:1rem}.tabs-container .tab-btn{min-width:80px;padding:.5rem .6rem;font-size:.75rem;white-space:nowrap;flex-shrink:0}.tab-content{padding:1rem}.data-grid{grid-template-columns:1fr;gap:.75rem}.data-item{padding:.75rem}.data-item label{font-size:.7rem}.data-item span{font-size:.9rem}.apps-grid{grid-template-columns:1fr;gap:1rem}.app-card{padding:1rem}.app-header h4{font-size:1rem}.app-info p{font-size:.8rem}.app-credentials{padding:.5rem}.app-credentials p{font-size:.75rem;word-break:break-all}.app-credentials code{font-size:.7rem;word-break:break-all}.notes-section{padding:.75rem}.danger-zone{padding-top:1rem;margin-top:1rem}.danger-zone h4{font-size:.9rem}.invoices-section .table-container{display:block;overflow-x:auto}.link-app-tabs{flex-direction:column;gap:.5rem}.link-app-tabs .tab-btn{width:100%}.firebase-config-input{min-height:120px!important;font-size:.75rem!important}.btn-primary{padding:.6rem 1rem;font-size:.85rem}.btn-secondary{padding:.5rem .75rem;font-size:.8rem}.header-actions,.header-actions button{width:100%}.search-box input{padding:.6rem .75rem;font-size:.9rem}.filter-btn{padding:.4rem .6rem;font-size:.75rem}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{padding:.5rem}.stat-icon,.stat-value{font-size:1rem}.stat-label{font-size:.55rem}.login-container{padding:1.5rem}.login-logo{width:60px;height:60px}.login-header h1{font-size:1.5rem}.bottom-nav{height:56px}.bottom-nav-icon{font-size:1rem}.bottom-nav-label{font-size:.55rem}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;animation:fadeIn .2s ease}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999}.sidebar.open{transform:translate(0)}}.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px;cursor:pointer;gap:5px;transition:all .2s ease}.hamburger-btn:hover{background:#6366f133;border-color:#6366f166}.hamburger-line{width:20px;height:2px;background:var(--white);border-radius:2px;transition:all .2s ease}@media(max-width:768px){.hamburger-btn{display:flex}}.breadcrumbs{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--gray-400)}.breadcrumb-wrapper{display:flex;align-items:center;gap:.25rem}.breadcrumb-separator{color:var(--gray-500);font-size:.75rem}.breadcrumb-item{color:var(--gray-300);text-decoration:none;transition:color .2s ease;padding:.25rem .5rem;border-radius:4px}.breadcrumb-item:hover:not(.current){color:var(--white);background:#6366f11a}.breadcrumb-item.current{color:var(--white);font-weight:500}@media(max-width:768px){.breadcrumbs{display:none}}.user-menu-container{position:relative}.user-avatar-btn{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.user-avatar-btn:hover{background:#6366f133;border-color:#6366f166}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--secondary),var(--primary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;color:var(--white)}.user-email-text{color:var(--gray-300);font-size:.875rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:var(--gray-400);font-size:.625rem;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}@media(max-width:768px){.user-email-text,.dropdown-arrow{display:none}.user-avatar-btn{padding:.375rem}}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:linear-gradient(180deg,var(--primary-700) 0%,var(--primary-400) 100%);border:1px solid rgba(99,102,241,.3);border-radius:12px;box-shadow:var(--shadow-xl);overflow:hidden;z-index:1000;animation:slideDown .2s ease}.dropdown-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#0003}.dropdown-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--secondary),var(--primary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;color:var(--white)}.dropdown-user-info{display:flex;flex-direction:column;gap:.125rem}.dropdown-email{color:var(--white);font-size:.875rem;font-weight:500}.dropdown-role{color:var(--gray-400);font-size:.75rem}.dropdown-divider{height:1px;background:#ffffff1a}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:none;color:var(--gray-300);font-size:.875rem;text-decoration:none;cursor:pointer;transition:all .2s ease}.dropdown-item:hover{background:#6366f133;color:var(--white)}.dropdown-item.logout{color:var(--danger)}.dropdown-item.logout:hover{background:#ef444433;color:var(--danger)}.top-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(180deg,var(--primary-700) 0%,var(--primary-400) 100%);border-bottom:1px solid rgba(99,102,241,.3);position:sticky;top:0;z-index:100}.header-left,.header-right{display:flex;align-items:center;gap:1rem}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .3s ease}.animate-scale-in{animation:scaleIn .3s ease}.modal-overlay{animation:fadeIn .2s ease}.modal{animation:scaleIn .2s ease}.stats-grid .stat-card:nth-child(1){animation:slideUp .3s ease .05s both}.stats-grid .stat-card:nth-child(2){animation:slideUp .3s ease .1s both}.stats-grid .stat-card:nth-child(3){animation:slideUp .3s ease .15s both}.stats-grid .stat-card:nth-child(4){animation:slideUp .3s ease .2s both}.stats-grid .stat-card:nth-child(5){animation:slideUp .3s ease .25s both}.stats-grid .stat-card:nth-child(6){animation:slideUp .3s ease .3s both}.stat-card{transition:all .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.client-card{transition:all .2s ease}.client-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.app-card{transition:all .2s ease}.app-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.skeleton{background:linear-gradient(90deg,#6366f11a 25%,#6366f133,#6366f11a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:120px;background:linear-gradient(180deg,var(--primary-700) 0%,var(--primary-400) 100%);border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.skeleton-line{height:16px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-line.short{width:40%}.skeleton-line.medium{width:60%}.skeleton-line.long{width:80%}.skeleton-circle{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.btn-loading{position:relative;pointer-events:none;color:transparent!important}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.confirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:1rem}.confirm-modal{background:linear-gradient(180deg,var(--primary-700) 0%,var(--primary-400) 100%);border:1px solid rgba(99,102,241,.3);border-radius:16px;padding:2rem;max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-xl);animation:scaleIn .2s ease}.confirm-modal-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.25rem}.confirm-modal-title{color:var(--white);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.confirm-modal-message{color:var(--gray-300);font-size:.9375rem;line-height:1.5;margin-bottom:1.5rem}.confirm-modal-actions{display:flex;gap:.75rem;justify-content:center}.confirm-modal-actions button{flex:1;max-width:140px;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-danger-solid{background:var(--danger);color:var(--white);border:none}.btn-danger-solid:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-warning-solid{background:var(--warning);color:var(--white);border:none}.btn-warning-solid:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid rgba(99,102,241,.2);border-top-color:var(--secondary);border-radius:50%;animation:spin .8s linear infinite}.loading-container p{color:var(--gray-400);font-size:.9375rem}.stats-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-skeleton-card{background:linear-gradient(180deg,var(--primary-700) 0%,var(--primary-400) 100%);border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem}.list-skeleton{display:flex;flex-direction:column;gap:1rem}.list-skeleton-item{background:linear-gradient(180deg,var(--primary-700) 0%,var(--primary-400) 100%);border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem}.list-skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.table-skeleton{background:linear-gradient(180deg,var(--primary-700) 0%,var(--primary-400) 100%);border:1px solid rgba(99,102,241,.3);border-radius:12px;overflow:hidden}.table-skeleton-header{background:#0003;padding:1rem;display:flex;gap:1rem}.table-skeleton-row{padding:1rem;display:flex;gap:1rem;border-top:1px solid rgba(99,102,241,.2)}.users-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.users-page .page-header h2{margin:0;font-size:1.5rem}.users-page .page-subtitle{color:var(--text-secondary);margin:.25rem 0 0;font-size:.9rem}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.user-name{font-weight:500}.badge-purple{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.badge-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff}.badge-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-info{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff}.badge-sm{font-size:.7rem;padding:.15rem .4rem}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.status-active{background:#10b98126;color:#10b981}.status-inactive{background:#ef444426;color:#ef4444}.row-inactive{opacity:.6}.row-inactive:hover{opacity:.8}.action-buttons{display:flex;gap:.5rem}.btn-icon{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:.5rem;cursor:pointer;transition:all .2s;font-size:1rem;line-height:1}.btn-icon:hover:not(:disabled){background:var(--bg-tertiary);transform:translateY(-1px)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn-icon.btn-danger:hover:not(:disabled){background:#ef44441a;border-color:#ef44444d}.modal-md{max-width:500px;width:95%}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.modal-body .form-group{margin-bottom:1.25rem}.modal-body .form-group:last-child{margin-bottom:0}.modal-body label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.modal-body input,.modal-body select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;transition:border-color .2s,box-shadow .2s}.modal-body input:focus,.modal-body select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.modal-body input:disabled{opacity:.6;cursor:not-allowed}.form-hint{display:block;margin-top:.25rem;font-size:.8rem;color:var(--text-secondary)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400!important}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.empty-state{text-align:center;padding:3rem;background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;color:var(--text-primary)}.empty-state p{color:var(--text-secondary);margin:0 0 1.5rem}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;line-height:1;transition:color .2s;border-radius:var(--radius)}.modal-close:hover{color:var(--danger);background:#ef44441a}.modal-close:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:all .2s}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.dashboard-charts{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.chart-section{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:1.5rem}.chart-small{min-height:300px}.chart-wrapper{margin-top:1rem}.pie-wrapper{display:flex;flex-direction:column;align-items:center}.pie-legend{display:flex;gap:1.5rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.legend-dot{width:12px;height:12px;border-radius:50%}.recent-clients,.recent-apps{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:1.5rem}.clients-list,.apps-list{display:flex;flex-direction:column;gap:.75rem}.client-item,.app-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:var(--radius);transition:background .2s}.client-item:hover,.app-item:hover{background:var(--bg-secondary)}.client-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.client-info,.app-info{flex:1;min-width:0}.client-info strong,.app-info strong{display:block;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-info small,.app-info small{display:block;font-size:.8rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-time{font-size:.8rem;color:#fff9;flex-shrink:0}.app-icon-small{font-size:1.5rem}.status-dot-small{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot-small.active{background:#10b981;box-shadow:0 0 8px #10b98180}.status-dot-small.inactive{background:#ef4444}.activity-details{display:block;font-size:.85rem;color:#ffffffb3;margin-top:.25rem}.empty-list{text-align:center;padding:2rem;color:#fff9}.stat-card{cursor:pointer;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}@media(max-width:1024px){.dashboard-charts{grid-template-columns:1fr}.chart-small{min-height:250px}}@media(max-width:768px){.dashboard-bottom{grid-template-columns:1fr}}.filters-bar{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.status-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);padding:.5rem 1rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.filter-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-btn.filter-active.active{background:#10b981;border-color:#10b981}.filter-btn.filter-inactive.active{background:#f59e0b;border-color:#f59e0b}.filter-btn.filter-blocked.active{background:#ef4444;border-color:#ef4444}@media(max-width:768px){.filters-bar{gap:.75rem}.status-filters{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.filter-btn{white-space:nowrap;flex-shrink:0}}.dash-modern{min-height:0;height:100%;padding:0;background:transparent;overflow-x:hidden}.dash-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:#fff9}.dash-loader{width:50px;height:50px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:dashSpin .8s linear infinite}@keyframes dashSpin{to{transform:rotate(360deg)}}.dash-hero{background:linear-gradient(135deg,#8b5cf626,#06b6d41a);border-bottom:1px solid rgba(255,255,255,.05);padding:1.5rem 2rem 2rem;position:relative;overflow:hidden}.dash-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);pointer-events:none}.dash-hero:after{content:"";position:absolute;bottom:-50%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,rgba(6,182,212,.2) 0%,transparent 70%);pointer-events:none}.dash-hero-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;position:relative;z-index:1}.dash-greeting{display:flex;align-items:center;gap:1rem}.dash-wave{font-size:2.5rem;animation:wave 2.5s ease-in-out infinite;transform-origin:70% 70%;display:inline-block}@keyframes wave{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%,to{transform:rotate(0)}}.dash-greeting h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dash-greeting p{color:#fff9;margin:.25rem 0 0;font-size:.9rem}.dash-date-badge{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:100px;border:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#fffc}.dash-date-icon{font-size:1rem}.dash-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;position:relative;z-index:1}.dash-stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dash-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .3s ease}.dash-stat-card:hover{transform:translateY(-4px);border-color:#ffffff26;box-shadow:0 20px 40px #0000004d,0 0 60px #8b5cf61a}.dash-stat-card:hover:before{opacity:1}.dash-stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-stat-icon svg{width:24px;height:24px}.dash-stat-icon.clients{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 8px 20px #8b5cf64d}.dash-stat-icon.apps{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 8px 20px #06b6d44d}.dash-stat-icon.active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 8px 20px #22c55e4d}.dash-stat-icon.money{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 8px 20px #f59e0b4d}.dash-stat-data{display:flex;flex-direction:column;flex:1;min-width:0}.dash-stat-number{font-size:1.5rem;font-weight:700;color:#fff;line-height:1.2}.dash-stat-label{font-size:.8rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.dash-stat-trend{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.dash-stat-trend.up{background:#22c55e26;color:#22c55e}.dash-stat-trend.down{background:#ef444426;color:#ef4444}.dash-stat-percent{flex-shrink:0}.percent-ring{position:relative;width:44px;height:44px}.percent-ring svg{transform:rotate(-90deg);width:100%;height:100%}.percent-ring span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:700;color:#22c55e}.dash-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem;padding:1.5rem 2rem 2rem}.dash-card{position:relative;background:linear-gradient(145deg,#1e1b2ef2,#141223fa);border:1px solid rgba(139,92,246,.12);border-radius:20px;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dash-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.4),transparent)}.dash-card:hover{border-color:#8b5cf633;box-shadow:0 15px 50px #8b5cf626}.dash-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05)}.dash-card-header h3{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#fff;margin:0}.dash-card-icon{font-size:1.1rem}.dash-chart-card{grid-column:span 8}.dash-chart-container{padding:1rem}.dash-chart-legend{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:#fff9}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:.35rem}.legend-dot.clients{background:#8b5cf6}.legend-dot.apps{background:#06b6d4}.dash-pie-card{grid-column:span 4}.dash-pie-container{position:relative;padding:.5rem}.dash-pie-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);text-align:center;pointer-events:none}.pie-total{font-size:1.5rem;font-weight:700;color:#fff;display:block}.pie-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.dash-pie-legend{display:flex;justify-content:center;gap:1.5rem;padding:0 1rem 1rem}.pie-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.pie-dot{width:10px;height:10px;border-radius:50%}.pie-name{color:#ffffffb3}.pie-value{font-weight:600;color:#fff}.dash-actions-card{grid-column:span 4}.dash-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem 1.25rem}.dash-action-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;cursor:pointer;transition:all .3s ease;color:#fffc;font-size:.8rem;font-weight:500}.dash-action-btn:hover{background:#ffffff14;transform:translateY(-2px);border-color:#ffffff1f}.action-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.action-icon svg{width:20px;height:20px}.action-icon.purple{background:linear-gradient(135deg,#8b5cf633,#6366f133);color:#a78bfa}.action-icon.cyan{background:linear-gradient(135deg,#06b6d433,#0891b233);color:#22d3ee}.action-icon.green{background:linear-gradient(135deg,#22c55e33,#16a34a33);color:#4ade80}.action-icon.orange{background:linear-gradient(135deg,#f59e0b33,#d9770633);color:#fbbf24}.dash-activity-card{grid-column:span 8}.dash-activity-list{max-height:280px;overflow-y:auto;padding:.5rem 1.25rem 1rem}.dash-activity-list::-webkit-scrollbar{width:4px}.dash-activity-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.dash-activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.dash-activity-item:last-child{border-bottom:none}.activity-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.activity-indicator.create{background:#22c55e;box-shadow:0 0 10px #22c55e80}.activity-indicator.update{background:#f59e0b;box-shadow:0 0 10px #f59e0b80}.activity-indicator.delete{background:#ef4444;box-shadow:0 0 10px #ef444480}.activity-info{flex:1;min-width:0}.activity-action{color:#fff;font-weight:500;font-size:.85rem;margin-right:.5rem}.activity-entity{color:#ffffff80;font-size:.85rem}.activity-time{font-size:.75rem;color:#fff6;flex-shrink:0}.dash-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#fff6;text-align:center}.dash-empty span{font-size:2rem;margin-bottom:.5rem;opacity:.5}.dash-empty p{margin:0;font-size:.85rem}.dash-clients-card{grid-column:span 6}.dash-see-all{background:none;border:none;color:#8b5cf6;font-size:.8rem;cursor:pointer;transition:color .2s ease}.dash-see-all:hover{color:#a78bfa}.dash-clients-list{padding:.5rem 1.25rem 1rem}.dash-client-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.dash-client-item:last-child{border-bottom:none}.client-avatar-modern{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;flex-shrink:0}.client-details{flex:1;min-width:0}.client-name{display:block;color:#fff;font-weight:500;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-email{display:block;color:#fff6;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-badge{font-size:.7rem;color:#fff6;background:#ffffff0d;padding:.2rem .5rem;border-radius:4px;flex-shrink:0}.dash-apps-card{grid-column:span 6}.dash-apps-list{padding:.5rem 1.25rem 1rem}.dash-app-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.dash-app-item:last-child{border-bottom:none}.app-icon-modern{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#06b6d4,#0891b2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.app-icon-modern svg{width:18px;height:18px}.app-details{flex:1;min-width:0}.app-name{display:block;color:#fff;font-weight:500;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-client{display:block;color:#fff6;font-size:.75rem}.app-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.app-status-dot.active{background:#22c55e;box-shadow:0 0 10px #22c55e80}.app-status-dot.inactive{background:#ef4444;box-shadow:0 0 10px #ef444480}@media(max-width:1200px){.dash-stats-row{grid-template-columns:repeat(2,1fr)}.dash-chart-card,.dash-activity-card{grid-column:span 12}.dash-pie-card,.dash-actions-card,.dash-clients-card,.dash-apps-card{grid-column:span 6}}@media(max-width:768px){.dash-hero{padding:1rem 1rem 1.5rem}.dash-hero-content{flex-direction:column;gap:1rem}.dash-greeting h1{font-size:1.4rem}.dash-stats-row{grid-template-columns:repeat(2,1fr);gap:.75rem}.dash-stat-card{padding:1rem}.dash-stat-number{font-size:1.25rem}.dash-grid{padding:1rem;gap:1rem}.dash-chart-card,.dash-pie-card,.dash-actions-card,.dash-activity-card,.dash-clients-card,.dash-apps-card{grid-column:span 12}}@media(max-width:480px){.dash-stats-row{grid-template-columns:1fr}.dash-actions-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.dash-action-btn{padding:.75rem .5rem;font-size:.7rem}.action-icon{width:32px;height:32px}}.dash-alert{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:12px;margin:1rem 1.5rem 0;font-size:.9rem;animation:slideDown .3s ease}.dash-alert.success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e}.dash-alert.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.dash-alert button{margin-left:auto;background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .2s}.dash-alert button:hover{opacity:1}.dash-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#fff6;text-align:center}.dash-empty span{font-size:2.5rem;margin-bottom:.5rem;opacity:.5}.dash-empty p{margin:0;font-size:.95rem}.dash-plan-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.625rem .875rem;transition:all .3s ease}.dash-plan-item:hover{background:#ffffff0f;border-color:#8b5cf64d;transform:translate(4px)}.dash-plan-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.375rem}.dash-plan-info{flex:1;min-width:0}.dash-plan-title-row{display:flex;align-items:center;gap:.5rem}.dash-plan-medal{font-size:1rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.dash-plan-medal.medal-3{filter:drop-shadow(0 0 6px rgba(255,215,0,.5))}.dash-plan-medal.medal-2{filter:drop-shadow(0 0 6px rgba(192,192,192,.5))}.dash-plan-medal.medal-1{filter:drop-shadow(0 0 6px rgba(205,127,50,.5))}.dash-card-badge{background:#8b5cf633;color:#a78bfa;padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:500}.dash-plan-app{display:inline-block;background:linear-gradient(135deg,#8b5cf640,#6366f133);color:#a78bfa;padding:.125rem .5rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:.25rem}.dash-plan-name{color:#fff;font-size:.875rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-plan-price{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:.9rem;font-weight:700;white-space:nowrap}.dash-plan-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#ffffff80;margin-bottom:.5rem}.dash-plan-meta span{display:flex;align-items:center}.dash-plan-actions{display:flex;gap:.5rem;justify-content:flex-end}.dash-plan-actions button{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dash-plan-actions button:hover{background:#8b5cf633;border-color:#8b5cf666;color:#a78bfa}.dash-plan-actions button.danger:hover{background:#ef444433;border-color:#ef444466;color:#f87171}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media(max-width:1200px){.plans-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.plans-grid{grid-template-columns:1fr}.dash-plan-item{padding:.875rem 1rem}.dash-plan-header{flex-direction:column;gap:.5rem}.dash-plan-price{align-self:flex-start}.dash-plan-meta{flex-wrap:wrap}.dash-plan-actions{margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05);justify-content:flex-start}}.modal-overlay-modern{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.modal-modern{background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid rgba(139,92,246,.3);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080,0 0 100px #8b5cf626;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-modern-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);background:#8b5cf61a}.modal-modern-header h3{margin:0;font-size:1rem;font-weight:600;color:#fff}.modal-close-btn{width:32px;height:32px;border-radius:8px;border:none;background:#ffffff1a;color:#ffffffb3;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-btn:hover{background:#ef44444d;color:#f87171}.modal-modern-body{padding:1.25rem;overflow-y:auto;flex:1}.detail-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-label{font-size:.85rem;color:#ffffff80;font-weight:500}.detail-value{font-size:.9rem;color:#fff;font-weight:500}.badge-modern{display:inline-block;padding:.25rem .625rem;background:linear-gradient(135deg,#8b5cf640,#6366f133);color:#a78bfa;border-radius:6px;font-size:.75rem;font-weight:500}.modal-modern-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1);background:#0003}.btn-modern{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-modern-ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3}.btn-modern-ghost:hover{background:#ffffff1a;color:#fff}.btn-modern-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.btn-modern-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf666}.btn-back-modern{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-back-modern:hover{background:#ffffff1a;color:#fff}.dash-client-header{background:linear-gradient(135deg,#8b5cf626,#06b6d41a);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem;margin-bottom:1.25rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.dash-client-main{display:flex;align-items:flex-start;gap:1rem;flex:1;min-width:300px}.dash-client-avatar{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 8px 20px #8b5cf64d}.dash-client-info{flex:1;min-width:0}.dash-client-name-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.25rem}.dash-client-name-row h2{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.dash-category-badge{padding:.2rem .6rem;border-radius:6px;font-size:.7rem;font-weight:600}.dash-category-badge.standard{background:#6b728033;color:#9ca3af}.dash-category-badge.premium{background:#f59e0b33;color:#fbbf24}.dash-category-badge.vip{background:#8b5cf633;color:#a78bfa}.dash-status-badge{padding:.2rem .6rem;border-radius:6px;font-size:.7rem;font-weight:600}.dash-status-badge.active{background:#22c55e33;color:#22c55e}.dash-status-badge.inactive{background:#f59e0b33;color:#f59e0b}.dash-status-badge.blocked{background:#ef444433;color:#ef4444}.dash-company-name{font-size:.85rem;color:#ffffff80;margin:0 0 .5rem}.dash-client-details{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:#fff9}.dash-client-stats{display:flex;gap:.75rem;flex-wrap:wrap}.dash-mini-stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.75rem 1rem;text-align:center;min-width:80px}.dash-mini-stat.highlight{border-color:#8b5cf64d;background:#8b5cf61a}.dash-mini-stat.success{border-color:#22c55e4d;background:#22c55e1a}.dash-mini-stat.danger{border-color:#ef44444d;background:#ef44441a}.dash-mini-value{display:block;font-size:1.1rem;font-weight:700;color:#fff}.dash-mini-label{display:block;font-size:.7rem;color:#ffffff80;margin-top:.2rem}.dash-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:linear-gradient(135deg,#1e1b2ecc,#141223e6);border:1px solid rgba(139,92,246,.12);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dash-tab{flex:1;max-width:180px;padding:.75rem 1.25rem;background:transparent;border:1px solid transparent;border-radius:10px;color:#fff9;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.dash-tab:hover{background:#8b5cf61a;border-color:#8b5cf626;color:#ffffffe6}.dash-tab.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:transparent;color:#fff;box-shadow:0 4px 15px #8b5cf659}.dash-tab-content{background:linear-gradient(145deg,#1e1b2ef2,#141223fa);border:1px solid rgba(139,92,246,.12);border-radius:20px;padding:1.75rem;position:relative;overflow:hidden}.dash-tab-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.4),transparent)}.dash-tab-panel{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dash-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(139,92,246,.12)}.dash-section-header h3{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:#fff;margin:0}.dash-section-header h3 .icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#8b5cf633,#6366f126);border:1px solid rgba(139,92,246,.25);border-radius:8px;font-size:1rem}.dash-section-header .btn-edit{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf64d}.dash-section-header .btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.dash-data-section{margin-bottom:2rem}.dash-data-section h4{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#ffffffe6;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(139,92,246,.15)}.dash-data-section h4:before{content:"";display:inline-block;width:3px;height:16px;background:linear-gradient(180deg,#8b5cf6,#6366f1);border-radius:2px}.dash-data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.dash-data-item{position:relative;background:linear-gradient(135deg,#8b5cf614,#6366f10a);border:1px solid rgba(139,92,246,.15);border-radius:12px;padding:1rem 1.25rem;transition:all .3s ease;overflow:hidden}.dash-data-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),transparent);opacity:0;transition:opacity .3s ease}.dash-data-item:hover{background:linear-gradient(135deg,#8b5cf61f,#6366f114);border-color:#8b5cf640;transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf626}.dash-data-item:hover:before{opacity:1}.dash-data-item label{display:block;font-size:.7rem;color:#8b5cf6cc;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.dash-data-item span{display:block;font-size:.95rem;color:#fff;font-weight:500;line-height:1.4}.dash-data-item.category-badge span{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:linear-gradient(135deg,#8b5cf633,#6366f126);border:1px solid rgba(139,92,246,.3);border-radius:20px;font-size:.85rem;font-weight:600}.dash-empty-state{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#8b5cf60d,#6366f105);border:1px dashed rgba(139,92,246,.2);border-radius:16px}.dash-empty-state .empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:1px solid rgba(139,92,246,.2);border-radius:50%;font-size:2rem;color:#a78bfa}.dash-empty-state h3{font-size:1.15rem;font-weight:600;color:#fff;margin:0 0 .75rem}.dash-empty-state p{color:#ffffff8c;margin:0 0 2rem;font-size:.9rem;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.6}.dash-empty-state .btn-add{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf64d}.dash-empty-state .btn-add:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.dash-apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.dash-app-card{position:relative;background:linear-gradient(135deg,#8b5cf60f,#6366f108);border:1px solid rgba(139,92,246,.12);border-radius:16px;padding:1.5rem;transition:all .3s ease;overflow:hidden}.dash-app-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),transparent);opacity:0;transition:opacity .3s ease}.dash-app-card:hover{border-color:#8b5cf640;background:linear-gradient(135deg,#8b5cf61a,#6366f10f);transform:translateY(-3px);box-shadow:0 12px 30px #8b5cf626}.dash-app-card:hover:before{opacity:1}.dash-app-card.active{border-left:4px solid #22c55e;background:linear-gradient(135deg,#22c55e14,#8b5cf60a)}.dash-app-card.blocked{border-left:4px solid #ef4444;background:linear-gradient(135deg,#ef444414,#8b5cf605)}.dash-app-card.inactive{border-left:4px solid #f59e0b;background:linear-gradient(135deg,#f59e0b14,#8b5cf605)}.dash-app-card .app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dash-app-card .app-header h4{font-size:1rem;font-weight:600;color:#fff;margin:0}.dash-app-card .app-info{margin-bottom:1rem}.dash-app-card .app-info p{font-size:.85rem;color:#ffffffb3;margin:.35rem 0}.dash-app-card .app-info p strong{color:#ffffff80;font-weight:500}.dash-app-card .app-credentials{background:#0003;border-radius:8px;padding:.75rem;margin-bottom:1rem}.dash-app-card .app-credentials p{font-size:.75rem;color:#fff9;margin:.25rem 0}.dash-app-card .app-credentials code{background:#8b5cf633;color:#a78bfa;padding:.125rem .375rem;border-radius:4px;font-size:.7rem}.dash-app-card .app-actions-bar{display:flex;gap:.5rem;flex-wrap:wrap}.dash-app-card .app-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;border-radius:8px;border:none;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.dash-app-card .app-btn-edit{background:#8b5cf633;color:#a78bfa}.dash-app-card .app-btn-edit:hover{background:#8b5cf64d}.dash-app-card .app-btn-block{background:#ef444433;color:#f87171}.dash-app-card .app-btn-block:hover{background:#ef44444d}.dash-app-card .app-btn-unblock{background:#22c55e33;color:#4ade80}.dash-app-card .app-btn-unblock:hover{background:#22c55e4d}.dash-app-card .app-btn-delete{background:#ef444426;color:#f87171;margin-left:auto}.dash-app-card .app-btn-delete:hover{background:#ef44444d}.dash-invoices-list{display:flex;flex-direction:column;gap:.5rem}.invoice-row{display:grid;grid-template-columns:1.5fr 100px 100px 110px auto;align-items:center;gap:.75rem;padding:.85rem 1.25rem;background:linear-gradient(135deg,#8b5cf60a,#6366f105);border:1px solid rgba(139,92,246,.08);border-radius:12px;transition:all .2s ease}.invoice-row:hover{background:linear-gradient(135deg,#8b5cf614,#6366f10a);border-color:#8b5cf626}.invoice-row.paid{border-left:3px solid #22c55e}.invoice-row.pending{border-left:3px solid #f59e0b}.invoice-row.overdue{border-left:3px solid #ef4444}.invoice-row.cancelled{border-left:3px solid #6b7280;opacity:.7}.invoice-col{display:flex;flex-direction:column}.invoice-col.app .invoice-app-name{font-weight:600;color:#fff;font-size:.9rem}.invoice-col.amount{font-weight:700;color:#fff;font-size:1rem}.invoice-col.date{color:#fff9;font-size:.85rem}.invoice-col.status .badge{display:inline-flex;padding:.35rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.invoice-col.actions{display:flex;flex-direction:row;gap:.35rem}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s;background:#ffffff0d}.btn-icon.success{background:#22c55e26}.btn-icon.success:hover{background:#22c55e40}.btn-icon.danger{background:#ef444426}.btn-icon.danger:hover{background:#ef444440}.btn-icon.info{background:#3b82f626}.btn-icon.info:hover{background:#3b82f640}.btn-icon.warning{background:#f59e0b26}.btn-icon.warning:hover{background:#f59e0b40}.btn-icon.primary{background:#8b5cf626}.btn-icon.primary:hover{background:#8b5cf640}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.status-text{font-size:.8rem}.status-text.success{color:#4ade80}.status-text.muted{color:#fff6}@media(max-width:768px){.invoice-row{grid-template-columns:1fr;gap:.75rem}.invoice-col{flex-direction:row;justify-content:space-between;align-items:center}.invoice-col.actions{justify-content:flex-start}}.dash-danger-zone{margin-top:2rem;padding:1.25rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px}.dash-danger-zone h4{font-size:.9rem;font-weight:600;color:#f87171;margin:0 0 1rem}.dash-danger-zone .action-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.dash-danger-zone .btn-danger,.dash-danger-zone .btn-success,.dash-danger-zone .btn-warning{padding:.625rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.dash-danger-zone .btn-danger{background:#ef444433;color:#f87171}.dash-danger-zone .btn-danger:hover{background:#ef44444d}.dash-danger-zone .btn-success{background:#22c55e33;color:#4ade80}.dash-danger-zone .btn-success:hover{background:#22c55e4d}.dash-danger-zone .btn-warning{background:#f59e0b33;color:#fbbf24}.dash-danger-zone .btn-warning:hover{background:#f59e0b4d}.notes-section{margin-bottom:1.5rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px}.notes-section h4{font-size:.9rem;font-weight:600;color:#fffc;margin:0 0 .75rem}.notes-section p{font-size:.9rem;color:#ffffffb3;margin:0;line-height:1.5}.section-title-with-filters{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.section-title-with-filters h3{margin:0;font-size:1rem;font-weight:600;color:#fff}.invoice-filters{display:flex;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#1e1b2ecc,#141223e6);padding:.75rem 1rem;border-radius:14px;border:1px solid rgba(139,92,246,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.invoice-filters .filter-btn,.filter-btn{flex:1;max-width:160px;padding:.6rem 1rem;background:transparent;border:1px solid transparent;border-radius:10px;color:#fff9;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center}.invoice-filters .filter-btn:hover,.filter-btn:hover{background:#8b5cf61a;border-color:#8b5cf626;color:#fff}.invoice-filters .filter-btn.active,.filter-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 4px 12px #8b5cf64d}.dash-plans-overview{display:flex;flex-direction:column;gap:1.5rem}.dash-plans-overview .client-plan-card,.dash-plans-overview .glass-card{position:relative;background:linear-gradient(135deg,#8b5cf614,#6366f10a);border:1px solid rgba(139,92,246,.15);border-radius:18px;padding:1.75rem;transition:all .3s ease;overflow:hidden}.dash-plans-overview .client-plan-card:before,.dash-plans-overview .glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),transparent)}.dash-plans-overview .client-plan-card:hover{background:linear-gradient(135deg,#8b5cf61f,#6366f10f);border-color:#8b5cf640;transform:translateY(-3px);box-shadow:0 12px 35px #8b5cf626}.dash-plans-overview .plan-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.dash-plans-overview .plan-app-info{display:flex;align-items:center;gap:.75rem}.dash-plans-overview .plan-app-icon{font-size:2rem}.dash-plans-overview .plan-app-info h4{margin:0;color:#fff;font-size:1.1rem;font-weight:600}.dash-plans-overview .status-badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500}.dash-plans-overview .status-badge.active{background:#22c55e26;color:#4ade80}.dash-plans-overview .status-badge.trial{background:#f59e0b26;color:#fbbf24}.dash-plans-overview .status-badge.blocked{background:#ef444426;color:#f87171}.dash-plans-overview .plan-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:1.25rem}.dash-plans-overview .plan-summary-item{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.875rem;text-align:center}.dash-plans-overview .plan-summary-item.highlight{background:#8b5cf61a;border-color:#8b5cf633}.dash-plans-overview .plan-summary-item label{display:block;font-size:.7rem;color:#ffffff80;text-transform:uppercase;margin-bottom:.35rem}.dash-plans-overview .plan-summary-item span{font-size:.95rem;font-weight:600;color:#fff}.dash-plans-overview .plan-summary-item .plan-badge{color:#a78bfa}.dash-plans-overview .plan-summary-item .value-highlight{color:#4ade80}.dash-plans-overview .plan-summary-item .modules-count{color:#06b6d4}.dash-plans-overview .plan-modules-preview{margin-bottom:1.25rem;padding:1rem;background:#ffffff05;border-radius:10px}.dash-plans-overview .plan-modules-preview h5{margin:0 0 .75rem;font-size:.85rem;font-weight:600;color:#fffc}.dash-plans-overview .modules-tags{display:flex;flex-wrap:wrap;gap:.5rem}.dash-plans-overview .module-tag{padding:.35rem .65rem;border-radius:6px;font-size:.75rem;font-weight:500}.dash-plans-overview .module-tag.enabled{background:#22c55e26;color:#4ade80}.dash-plans-overview .module-tag.disabled{background:#ffffff0d;color:#fff6}.dash-plans-overview .modules-disabled-details{margin-top:.75rem}.dash-plans-overview .modules-disabled-details summary{cursor:pointer;font-size:.8rem;color:#ffffff80;padding:.5rem 0}.dash-plans-overview .modules-disabled-details summary:hover{color:#ffffffb3}.dash-plans-overview .disabled-tags{margin-top:.5rem}.dash-plans-overview .plan-sync-section{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff05;border-radius:10px;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.dash-plans-overview .sync-status{font-size:.85rem}.dash-plans-overview .sync-status.synced{color:#4ade80}.dash-plans-overview .sync-status.pending{color:#fbbf24}.dash-plans-overview .btn-sync{padding:.5rem 1rem;font-size:.85rem}.dash-plans-overview .plan-change-section{margin-bottom:1rem}.dash-plans-overview .btn-change-plan{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:10px;cursor:pointer;transition:all .2s}.dash-plans-overview .btn-change-plan:hover{background:#8b5cf626;border-color:#8b5cf64d}.dash-plans-overview .btn-change-plan .btn-icon{font-size:1.5rem}.dash-plans-overview .btn-change-plan .btn-text{flex:1;text-align:left;margin-left:.75rem}.dash-plans-overview .btn-change-plan .btn-text strong{display:block;color:#fff;font-size:.9rem}.dash-plans-overview .btn-change-plan .btn-text small{color:#ffffff80;font-size:.75rem}.dash-plans-overview .btn-change-plan .btn-arrow{color:#a78bfa;font-size:1.25rem}.dash-plans-overview .billing-plan-section{padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px}.dash-plans-overview .billing-plan-section.has-promo{background:#22c55e0d;border-color:#22c55e26}.dash-plans-overview .billing-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.dash-plans-overview .billing-plan-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#fffc}.dash-plans-overview .billing-plan-content{font-size:.85rem;color:#fff9}.dash-plans-overview .billing-plan-content.promo-active .promo-label{font-size:.7rem;text-transform:uppercase;color:#4ade80;margin-bottom:.25rem}.dash-plans-overview .billing-plan-content.promo-active .promo-value{font-size:1.25rem;font-weight:700;color:#4ade80;margin-bottom:.25rem}.dash-plans-overview .billing-plan-content.promo-active .promo-plan{color:#fff9}.dash-plans-overview .promo-savings{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem}.dash-plans-overview .promo-original{color:#ffffff80;text-decoration:line-through}.dash-plans-overview .promo-economy{color:#4ade80;font-weight:500}.timeline{position:relative;padding-left:2.5rem}.timeline:before{content:"";position:absolute;left:.7rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#8b5cf666,#8b5cf61a);border-radius:2px}.timeline-item{position:relative;padding-bottom:1.75rem;padding-left:.5rem}.timeline-item .timeline-icon{position:absolute;left:-2rem;width:1.75rem;height:1.75rem;background:linear-gradient(135deg,#8b5cf633,#6366f126);border:2px solid rgba(139,92,246,.35);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#a78bfa;transition:all .3s ease}.timeline-item:hover .timeline-icon{transform:scale(1.15);box-shadow:0 4px 15px #8b5cf64d}.timeline-item.success .timeline-icon{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e66;color:#4ade80}.timeline-item.warning .timeline-icon{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border-color:#f59e0b66;color:#fbbf24}.timeline-item.error .timeline-icon{background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:#ef444466;color:#f87171}.timeline-item.info .timeline-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f666;color:#60a5fa}.timeline-item .timeline-content{background:linear-gradient(135deg,#8b5cf60f,#6366f108);border:1px solid rgba(139,92,246,.1);border-radius:12px;padding:1rem 1.25rem;transition:all .3s ease}.timeline-item:hover .timeline-content{background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border-color:#8b5cf633}.timeline-item .timeline-content strong{display:block;color:#fff;font-size:.95rem;margin-bottom:.35rem}.timeline-item .timeline-content p{color:#ffffffa6;font-size:.85rem;margin:0 0 .5rem;line-height:1.5}.timeline-item .timeline-date{font-size:.75rem;color:#8b5cf6b3;font-weight:500}.accordion-card{overflow:hidden}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid transparent}.accordion-header:hover{background:#8b5cf60d}.accordion-card.expanded .accordion-header{border-bottom:1px solid rgba(139,92,246,.1)}.accordion-title{display:flex;align-items:center;gap:.75rem}.accordion-title h3{margin:0;font-size:1rem;font-weight:600;color:#fff}.accordion-arrow{font-size:.75rem;color:#ffffff80;transition:transform .3s ease}.accordion-card.expanded .accordion-arrow{transform:rotate(180deg);color:#a78bfa}.accordion-card .modern-card-body{animation:accordionSlideDown .3s ease}@keyframes accordionSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-save-bar{margin-bottom:1.5rem;padding:0;display:flex;justify-content:flex-end}.dash-floating-actions{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:100}.dash-fab{width:56px;height:56px;border-radius:50%;border:none;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 6px 20px #0000004d}.dash-fab.primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 6px 25px #8b5cf666}.dash-fab.primary:hover{transform:scale(1.1) translateY(-3px);box-shadow:0 10px 35px #8b5cf680}.dash-fab.secondary{background:linear-gradient(135deg,#8b5cf633,#6366f126);border:1px solid rgba(139,92,246,.3);color:#a78bfa}.dash-fab.secondary:hover{background:linear-gradient(135deg,#8b5cf64d,#6366f140);transform:scale(1.1) translateY(-3px);box-shadow:0 8px 25px #8b5cf64d}.dash-fab:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.dash-fab svg{width:24px;height:24px;stroke:currentColor}.dash-fab.primary svg{stroke:#fff}.dash-fab.secondary svg{stroke:#a78bfa}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dash-fab svg.spin{animation:spin 1s linear infinite}.btn-back{display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease;padding:10px}.btn-back:hover{background:#ffffff26;transform:translate(-2px)}.btn-back svg{width:20px;height:20px;stroke:currentColor}:root{--theme-primary: #8b5cf6;--theme-primary-light: #a78bfa;--theme-primary-dark: #6366f1;--theme-primary-glow: rgba(139, 92, 246, .3);--theme-secondary: #06b6d4;--theme-secondary-light: #22d3ee;--theme-secondary-dark: #0891b2;--theme-secondary-glow: rgba(6, 182, 212, .3);--theme-success: #22c55e;--theme-success-light: #4ade80;--theme-success-dark: #16a34a;--theme-success-glow: rgba(34, 197, 94, .3);--theme-warning: #f59e0b;--theme-warning-light: #fbbf24;--theme-warning-dark: #d97706;--theme-warning-glow: rgba(245, 158, 11, .3);--theme-danger: #ef4444;--theme-danger-light: #f87171;--theme-danger-dark: #dc2626;--theme-danger-glow: rgba(239, 68, 68, .3);--theme-info: #3b82f6;--theme-info-light: #60a5fa;--theme-info-dark: #2563eb;--theme-info-glow: rgba(59, 130, 246, .3);--theme-bg-dark: #0f0f1a;--theme-bg-medium: #1a1a2e;--theme-bg-light: #16213e;--theme-bg-card: rgba(255, 255, 255, .03);--theme-bg-card-hover: rgba(255, 255, 255, .06);--theme-bg-glass: rgba(255, 255, 255, .05);--theme-bg-input: rgba(255, 255, 255, .08);--theme-border: rgba(255, 255, 255, .06);--theme-border-hover: rgba(255, 255, 255, .12);--theme-border-active: rgba(139, 92, 246, .5);--theme-text-primary: #ffffff;--theme-text-secondary: rgba(255, 255, 255, .7);--theme-text-muted: rgba(255, 255, 255, .5);--theme-text-disabled: rgba(255, 255, 255, .3);--theme-gradient-bg: linear-gradient(180deg, #0f0f1a 0%, #1a1a2e 50%, #16213e 100%);--theme-gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--theme-gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--theme-gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--theme-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--theme-gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--theme-gradient-glass: linear-gradient(135deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.05) 100%);--theme-gradient-hero: linear-gradient(135deg, rgba(139, 92, 246, .15) 0%, rgba(6, 182, 212, .1) 100%);--theme-shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--theme-shadow-md: 0 8px 24px rgba(0, 0, 0, .25);--theme-shadow-lg: 0 20px 40px rgba(0, 0, 0, .3);--theme-shadow-glow-primary: 0 0 40px rgba(139, 92, 246, .2);--theme-shadow-glow-secondary: 0 0 40px rgba(6, 182, 212, .2);--theme-radius-sm: 8px;--theme-radius-md: 12px;--theme-radius-lg: 16px;--theme-radius-xl: 20px;--theme-radius-full: 100px;--theme-transition-fast: .15s ease;--theme-transition-normal: .3s ease;--theme-transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}.modern-page{min-height:0;height:100%;background:var(--theme-gradient-bg);color:var(--theme-text-primary);padding:0;display:flex;flex-direction:column}.page-header-modern{background:var(--theme-gradient-hero);border-bottom:1px solid var(--theme-border);padding:1.5rem 2rem;position:relative;overflow:hidden}.page-header-modern:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,var(--theme-primary-glow) 0%,transparent 70%);pointer-events:none}.page-header-modern:after{content:"";position:absolute;bottom:-50%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,var(--theme-secondary-glow) 0%,transparent 70%);pointer-events:none}.page-header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;flex-wrap:wrap;gap:1rem}.page-title-section{display:flex;align-items:center;gap:1rem}.page-icon{font-size:2rem}.page-title-section h1{font-size:1.5rem;font-weight:700;color:var(--theme-text-primary);margin:0;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-title-section p{color:var(--theme-text-muted);margin:.25rem 0 0;font-size:.9rem}.modern-card{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:var(--theme-radius-xl);overflow:hidden;transition:all var(--theme-transition-normal)}.modern-card:hover{border-color:var(--theme-border-hover);box-shadow:var(--theme-shadow-lg)}.modern-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--theme-border)}.modern-card-header h2,.modern-card-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--theme-text-primary);margin:0}.btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:var(--theme-radius-md);border:none;cursor:pointer;transition:all var(--theme-transition-normal);text-decoration:none}.btn-modern svg{width:18px;height:18px}.btn-modern-primary{background:var(--theme-gradient-primary);color:#fff;box-shadow:0 4px 15px var(--theme-primary-glow)}.btn-modern-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--theme-primary-glow)}.btn-modern-secondary{background:var(--theme-bg-glass);color:var(--theme-text-primary);border:1px solid var(--theme-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-modern-secondary:hover{background:var(--theme-bg-card-hover);border-color:var(--theme-border-hover)}.btn-modern-success{background:var(--theme-gradient-success);color:#fff;box-shadow:0 4px 15px var(--theme-success-glow)}.btn-modern-success:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--theme-success-glow)}.btn-modern-danger{background:var(--theme-gradient-danger);color:#fff;box-shadow:0 4px 15px var(--theme-danger-glow)}.btn-modern-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--theme-danger-glow)}.btn-modern-warning{background:var(--theme-gradient-warning);color:#fff;box-shadow:0 4px 15px var(--theme-warning-glow)}.btn-modern-ghost{background:transparent;color:var(--theme-text-secondary);padding:.5rem}.btn-modern-ghost:hover{background:var(--theme-bg-glass);color:var(--theme-text-primary)}.btn-modern-sm{padding:.5rem 1rem;font-size:.8rem}.btn-modern-lg{padding:1rem 2rem;font-size:1rem}.input-modern{width:100%;padding:.875rem 1rem;background:var(--theme-bg-input);border:1px solid var(--theme-border);border-radius:var(--theme-radius-md);color:var(--theme-text-primary);font-size:.9rem;transition:all var(--theme-transition-fast)}.input-modern::placeholder{color:var(--theme-text-disabled)}.input-modern:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 3px var(--theme-primary-glow)}.input-modern:disabled{opacity:.5;cursor:not-allowed}.input-group-modern{margin-bottom:1.25rem}.input-group-modern label{display:block;margin-bottom:.5rem;color:var(--theme-text-secondary);font-size:.85rem;font-weight:500}.input-group-modern .required{color:var(--theme-danger)}.search-modern{position:relative}.search-modern .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--theme-text-disabled);width:18px;height:18px;pointer-events:none}.search-modern input{padding-left:2.75rem}.select-modern{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.table-modern-container{overflow-x:auto;border-radius:var(--theme-radius-lg)}.table-modern{width:100%;border-collapse:collapse}.table-modern th{padding:1rem 1.25rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--theme-text-muted);background:var(--theme-bg-glass);border-bottom:1px solid var(--theme-border)}.table-modern td{padding:1rem 1.25rem;color:var(--theme-text-primary);border-bottom:1px solid var(--theme-border);font-size:.9rem}.table-modern tbody tr{transition:background var(--theme-transition-fast)}.table-modern tbody tr:hover{background:var(--theme-bg-glass)}.table-modern tbody tr:last-child td{border-bottom:none}.table-avatar{width:36px;height:36px;border-radius:var(--theme-radius-sm);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;color:#fff;flex-shrink:0}.table-avatar.purple{background:var(--theme-gradient-primary)}.table-avatar.cyan{background:var(--theme-gradient-secondary)}.table-avatar.green{background:var(--theme-gradient-success)}.table-avatar.orange{background:var(--theme-gradient-warning)}.table-cell-flex{display:flex;align-items:center;gap:.75rem}.table-cell-info{display:flex;flex-direction:column;min-width:0}.table-cell-title{font-weight:500;color:var(--theme-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-cell-subtitle{font-size:.8rem;color:var(--theme-text-muted)}.table-actions{display:flex;align-items:center;gap:.5rem}.table-action-btn{width:32px;height:32px;border-radius:var(--theme-radius-sm);border:none;background:var(--theme-bg-glass);color:var(--theme-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--theme-transition-fast)}.table-action-btn:hover{background:var(--theme-bg-card-hover);color:var(--theme-text-primary)}.table-action-btn.edit:hover{background:#8b5cf633;color:var(--theme-primary-light)}.table-action-btn.delete:hover{background:#ef444433;color:var(--theme-danger-light)}.table-action-btn.view:hover{background:#06b6d433;color:var(--theme-secondary-light)}.table-action-btn svg{width:16px;height:16px}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--theme-radius-full);font-size:.75rem;font-weight:600}.status-badge .dot{width:6px;height:6px;border-radius:50%}.status-badge.active{background:#22c55e26;color:var(--theme-success-light)}.status-badge.active .dot{background:var(--theme-success);box-shadow:0 0 8px var(--theme-success-glow)}.status-badge.inactive{background:#f59e0b26;color:var(--theme-warning-light)}.status-badge.inactive .dot{background:var(--theme-warning)}.status-badge.blocked{background:#ef444426;color:var(--theme-danger-light)}.status-badge.blocked .dot{background:var(--theme-danger)}.status-badge.pending{background:#3b82f626;color:var(--theme-info-light)}.status-badge.pending .dot{background:var(--theme-info)}.modal-modern-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal-modern{background:var(--theme-bg-medium);border:1px solid var(--theme-border);border-radius:var(--theme-radius-xl);width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:var(--theme-shadow-lg),var(--theme-shadow-glow-primary);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-modern.large{max-width:700px}.modal-modern-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--theme-border);background:var(--theme-gradient-hero)}.modal-modern-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:var(--theme-text-primary);margin:0}.modal-modern-header .modal-icon{font-size:1.25rem}.modal-close-btn{width:36px;height:36px;border-radius:var(--theme-radius-sm);border:none;background:var(--theme-bg-glass);color:var(--theme-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--theme-transition-fast)}.modal-close-btn:hover{background:#ef444433;color:var(--theme-danger-light)}.modal-modern-body{padding:1.5rem;overflow-y:auto;max-height:60vh}.modal-modern-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--theme-border);background:var(--theme-bg-glass)}.detail-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--theme-border)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:.85rem;color:var(--theme-text-muted)}.detail-value{font-size:.9rem;font-weight:500;color:var(--theme-text-primary)}.badge-modern{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.7rem;font-weight:500;background:var(--theme-bg-glass);border:1px solid var(--theme-border);border-radius:var(--theme-radius-full);color:var(--theme-text-secondary)}.filters-modern{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem;background:var(--theme-bg-glass);border:1px solid var(--theme-border);border-radius:var(--theme-radius-full);padding:.25rem}.filter-btn-modern{padding:.5rem 1rem;border:none;background:transparent;color:var(--theme-text-secondary);font-size:.8rem;font-weight:500;border-radius:var(--theme-radius-full);cursor:pointer;transition:all var(--theme-transition-fast)}.filter-btn-modern:hover{color:var(--theme-text-primary)}.filter-btn-modern.active{background:var(--theme-primary);color:#fff;box-shadow:0 2px 10px var(--theme-primary-glow)}.filter-btn-modern.active.success{background:var(--theme-success);box-shadow:0 2px 10px var(--theme-success-glow)}.filter-btn-modern.active.warning{background:var(--theme-warning);box-shadow:0 2px 10px var(--theme-warning-glow)}.filter-btn-modern.active.danger{background:var(--theme-danger);box-shadow:0 2px 10px var(--theme-danger-glow)}.empty-state-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state-modern .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state-modern h3{font-size:1.25rem;color:var(--theme-text-primary);margin:0 0 .5rem}.empty-state-modern p{color:var(--theme-text-muted);margin:0 0 1.5rem;max-width:300px}.loading-modern{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem}.loading-spinner{width:48px;height:48px;border:3px solid var(--theme-border);border-top-color:var(--theme-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-modern span{color:var(--theme-text-muted);font-size:.9rem}.stats-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card-modern{background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:var(--theme-radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all var(--theme-transition-normal)}.stat-card-modern:hover{transform:translateY(-2px);border-color:var(--theme-border-hover);box-shadow:var(--theme-shadow-md)}.stat-card-modern .stat-icon{width:44px;height:44px;border-radius:var(--theme-radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.stat-card-modern .stat-icon.purple{background:#8b5cf626;color:var(--theme-primary-light)}.stat-card-modern .stat-icon.cyan{background:#06b6d426;color:var(--theme-secondary-light)}.stat-card-modern .stat-icon.green{background:#22c55e26;color:var(--theme-success-light)}.stat-card-modern .stat-icon.orange{background:#f59e0b26;color:var(--theme-warning-light)}.stat-card-modern .stat-data{flex:1}.stat-card-modern .stat-value{font-size:1.5rem;font-weight:700;color:var(--theme-text-primary);line-height:1.2}.stat-card-modern .stat-label{font-size:.8rem;color:var(--theme-text-muted)}.tabs-modern{display:flex;gap:.25rem;background:var(--theme-bg-glass);border:1px solid var(--theme-border);border-radius:var(--theme-radius-lg);padding:.25rem}.tab-modern{padding:.75rem 1.25rem;border:none;background:transparent;color:var(--theme-text-secondary);font-size:.875rem;font-weight:500;border-radius:var(--theme-radius-md);cursor:pointer;transition:all var(--theme-transition-fast)}.tab-modern:hover{color:var(--theme-text-primary)}.tab-modern.active{background:var(--theme-gradient-primary);color:#fff;box-shadow:0 4px 15px var(--theme-primary-glow)}.settings-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.modern-card-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--theme-border)}.modern-card-header .card-icon{font-size:1.5rem}.modern-card-header h3{font-size:1rem;font-weight:600;color:var(--theme-text-primary);margin:0}.modern-card-body{padding:1.5rem}.form-group-modern{margin-bottom:1.25rem}.form-group-modern:last-child{margin-bottom:0}.form-label-modern{display:block;font-size:.85rem;font-weight:500;color:var(--theme-text-secondary);margin-bottom:.5rem}.form-hint{display:block;font-size:.75rem;color:var(--theme-text-muted);margin-top:.5rem}.checkbox-modern{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-modern input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--theme-bg-input);border:2px solid var(--theme-border);border-radius:6px;cursor:pointer;position:relative;transition:var(--theme-transition-fast)}.checkbox-modern input[type=checkbox]:checked{background:var(--theme-gradient-primary);border-color:var(--theme-primary)}.checkbox-modern input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-modern input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px var(--theme-primary-glow)}.checkbox-label-text{font-size:.9rem;color:var(--theme-text-primary)}.detail-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.detail-item-modern{display:flex;flex-direction:column;gap:.5rem}.detail-item-modern.full-width{grid-column:1 / -1}.detail-item-modern label{font-size:.75rem;font-weight:500;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-item-modern span,.detail-item-modern p{color:var(--theme-text-primary);font-size:.9rem}.btn-modern.btn-lg{padding:.875rem 2rem;font-size:1rem}.btn-modern-success{background:var(--theme-gradient-success);color:#fff}.btn-modern-success:hover{box-shadow:0 8px 25px var(--theme-success-glow);transform:translateY(-2px)}.payment-option-modern{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--theme-bg-input);border:2px solid var(--theme-border);border-radius:var(--theme-radius-md);cursor:pointer;transition:var(--theme-transition-fast);flex:1;min-width:100px}.payment-option-modern input[type=radio]{display:none}.payment-option-modern span{font-size:.9rem;color:var(--theme-text-secondary);font-weight:500}.payment-option-modern:hover{border-color:var(--theme-border-hover);background:var(--theme-bg-card-hover)}.payment-option-modern.selected{border-color:var(--theme-primary);background:#8b5cf61a}.payment-option-modern.selected span{color:var(--theme-primary-light)}.modal-modern.modal-large{max-width:600px}.stat-card-modern .stat-icon.red{background:linear-gradient(135deg,#ef444433,#dc26261a);color:#f87171}.login-page-modern{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--theme-gradient-bg);position:relative;overflow:hidden;padding:1rem}.login-bg-decoration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.login-bg-circle{position:absolute;border-radius:50%;opacity:.1}.login-bg-circle-1{width:600px;height:600px;background:var(--theme-primary);top:-200px;right:-200px;animation:floatSlow 20s ease-in-out infinite}.login-bg-circle-2{width:400px;height:400px;background:var(--theme-secondary);bottom:-100px;left:-100px;animation:floatSlow 15s ease-in-out infinite reverse}.login-bg-circle-3{width:200px;height:200px;background:var(--theme-success);top:50%;left:50%;transform:translate(-50%,-50%);animation:floatSlow 12s ease-in-out infinite}@keyframes floatSlow{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.login-container-modern{position:relative;z-index:1;width:100%;max-width:420px}.login-card-modern{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--theme-border);border-radius:var(--theme-radius-xl);padding:2.5rem;box-shadow:var(--theme-shadow-lg)}.login-header-modern{text-align:center;margin-bottom:2rem}.login-logo-wrapper{width:80px;height:80px;margin:0 auto 1.25rem;background:var(--theme-gradient-glass);border-radius:var(--theme-radius-xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--theme-shadow-glow-primary)}.login-logo-modern{width:60px;height:60px;object-fit:contain}.login-header-modern h1{font-size:1.75rem;font-weight:700;color:var(--theme-text-primary);margin:0 0 .5rem;background:var(--theme-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header-modern p{color:var(--theme-text-muted);font-size:.9rem;margin:0}.login-error-modern{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--theme-radius-md);color:var(--theme-danger-light);font-size:.9rem;margin-bottom:1.5rem}.login-form-modern{display:flex;flex-direction:column;gap:1.25rem}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--theme-text-muted);pointer-events:none}.input-with-icon .input-modern{padding-left:3rem}.login-submit-btn{width:100%;margin-top:.5rem}.login-options-modern{text-align:center;margin-top:1.5rem}.forgot-password-link-modern{background:none;border:none;color:var(--theme-text-muted);font-size:.85rem;cursor:pointer;padding:.5rem;transition:var(--theme-transition-fast)}.forgot-password-link-modern:hover{color:var(--theme-primary-light)}.login-footer-modern{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--theme-border)}.login-footer-modern a{display:inline-flex;align-items:center;gap:.5rem;color:var(--theme-text-muted);text-decoration:none;font-size:.85rem;transition:var(--theme-transition-fast)}.login-footer-modern a:hover{color:var(--theme-primary-light)}.modern-scrollbar::-webkit-scrollbar{width:6px;height:6px}.modern-scrollbar::-webkit-scrollbar-track{background:transparent}.modern-scrollbar::-webkit-scrollbar-thumb{background:var(--theme-border-hover);border-radius:3px}.modern-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--theme-text-muted)}.page-content-modern{padding:1.5rem 2rem;flex:1;overflow-y:auto;min-height:0}@media(max-width:768px){.page-header-modern{padding:1rem}.page-header-content{flex-direction:column;align-items:flex-start}.page-title-section h1{font-size:1.25rem}.page-content-modern{padding:1rem}.filters-modern{flex-direction:column;align-items:stretch}.modal-modern{margin:.5rem;max-height:95vh}.modal-modern-body{max-height:50vh}.settings-grid-modern,.detail-grid-modern{grid-template-columns:1fr}}.sidebar-modern{width:280px;background:var(--theme-bg-medium);background:linear-gradient(180deg,var(--theme-bg-medium) 0%,var(--theme-bg-dark) 100%);color:var(--theme-text-primary);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:1000;transition:transform var(--theme-transition-slow),width var(--theme-transition-slow);border-right:1px solid var(--theme-border);overflow:hidden}.sidebar-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top left,var(--theme-primary-glow) 0%,transparent 50%),radial-gradient(ellipse at bottom right,var(--theme-secondary-glow) 0%,transparent 50%);opacity:.3;pointer-events:none}.sidebar-header-modern{padding:1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--theme-border);position:relative;z-index:1}.sidebar-logo-modern{width:56px;height:56px;border-radius:12px;object-fit:cover;box-shadow:none;border:none;background:transparent;flex-shrink:0}.sidebar-brand-modern{display:flex;flex-direction:column}.sidebar-brand-modern h2{font-size:1.15rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-brand-modern span{font-size:.7rem;color:var(--theme-text-muted);font-weight:500}.sidebar-close-btn-modern{display:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:var(--theme-bg-glass);border:1px solid var(--theme-border);color:var(--theme-text-secondary);font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:var(--theme-radius-sm);transition:all var(--theme-transition-fast);width:32px;height:32px;align-items:center;justify-content:center}.sidebar-close-btn-modern:hover{background:var(--theme-bg-card-hover);color:var(--theme-text-primary)}.sidebar-nav-modern{flex:1;padding:1rem 0;overflow-y:auto;position:relative;z-index:1}.nav-section-modern{padding:.75rem 1.5rem}.nav-section-title-modern{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--theme-text-muted)}.sidebar-nav-modern a{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:var(--theme-text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all var(--theme-transition-fast);position:relative;border-left:3px solid transparent;margin:2px 0}.sidebar-nav-modern a:hover{background:var(--theme-bg-glass);color:var(--theme-text-primary);border-left-color:#8b5cf64d}.sidebar-nav-modern a.active{background:linear-gradient(90deg,rgba(139,92,246,.15) 0%,transparent 100%);color:var(--theme-text-primary);border-left-color:var(--theme-primary)}.sidebar-nav-modern a.active:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--theme-gradient-primary);border-radius:3px 0 0 3px}.sidebar-nav-modern .nav-icon{font-size:1.25rem;width:28px;text-align:center;flex-shrink:0}.sidebar-footer-modern{padding:1rem 1.5rem;border-top:1px solid var(--theme-border);position:relative;z-index:1}.logout-btn-modern{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:var(--theme-bg-glass);border:1px solid var(--theme-border);border-radius:var(--theme-radius-md);color:var(--theme-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--theme-transition-fast)}.logout-btn-modern:hover{background:#ef44441a;border-color:#ef44444d;color:var(--theme-danger-light)}.logout-btn-modern .nav-icon{font-size:1.25rem}.header-modern{height:70px;background:var(--theme-bg-medium);background:linear-gradient(90deg,var(--theme-bg-medium) 0%,var(--theme-bg-dark) 100%);border-bottom:1px solid var(--theme-border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,var(--theme-primary-glow) 0%,transparent 30%,transparent 70%,var(--theme-secondary-glow) 100%);opacity:.1;pointer-events:none}.header-left-modern,.header-right-modern{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.hamburger-btn-modern{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:var(--theme-bg-glass);border:1px solid var(--theme-border);border-radius:var(--theme-radius-sm);cursor:pointer;padding:10px;transition:all var(--theme-transition-fast)}.hamburger-btn-modern:hover{background:var(--theme-bg-card-hover);border-color:var(--theme-border-hover)}.hamburger-line-modern{width:100%;height:2px;background:var(--theme-text-secondary);border-radius:2px;transition:all var(--theme-transition-fast)}.hamburger-btn-modern:hover .hamburger-line-modern{background:var(--theme-text-primary)}.breadcrumbs-modern{display:flex;align-items:center;gap:.5rem}.breadcrumb-item-modern{color:var(--theme-text-muted);text-decoration:none;font-size:.9rem;transition:color var(--theme-transition-fast)}.breadcrumb-item-modern:hover{color:var(--theme-text-primary)}.breadcrumb-item-modern.current{color:var(--theme-text-primary);font-weight:500}.breadcrumb-separator-modern{color:var(--theme-text-disabled);font-size:.8rem}.user-menu-modern{position:relative}.user-avatar-btn-modern{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--theme-bg-glass);border:1px solid var(--theme-border);border-radius:var(--theme-radius-full);cursor:pointer;transition:all var(--theme-transition-fast)}.user-avatar-btn-modern:hover{background:var(--theme-bg-card-hover);border-color:var(--theme-border-hover)}.user-avatar-modern{width:36px;height:36px;border-radius:50%;background:var(--theme-gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.user-email-modern{color:var(--theme-text-secondary);font-size:.85rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow-modern{color:var(--theme-text-muted);font-size:.7rem;transition:transform var(--theme-transition-fast)}.dropdown-arrow-modern.open{transform:rotate(180deg)}.user-dropdown-modern{position:absolute;top:calc(100% + .5rem);right:0;min-width:280px;background:var(--theme-bg-medium);border:1px solid var(--theme-border);border-radius:var(--theme-radius-lg);box-shadow:var(--theme-shadow-lg);overflow:hidden;animation:slideDown .2s ease;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header-modern{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--theme-bg-glass);border-bottom:1px solid var(--theme-border)}.dropdown-avatar-modern{width:48px;height:48px;border-radius:50%;background:var(--theme-gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.dropdown-user-info-modern{display:flex;flex-direction:column}.dropdown-email-modern{color:var(--theme-text-primary);font-weight:500;font-size:.9rem}.dropdown-role-modern{color:var(--theme-text-muted);font-size:.8rem}.dropdown-divider-modern{height:1px;background:var(--theme-border);margin:0}.dropdown-item-modern{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:none;color:var(--theme-text-secondary);font-size:.9rem;cursor:pointer;text-decoration:none;transition:all var(--theme-transition-fast)}.dropdown-item-modern:hover{background:var(--theme-bg-glass);color:var(--theme-text-primary)}.dropdown-item-modern.logout:hover{background:#ef44441a;color:var(--theme-danger-light)}.admin-layout-modern{display:flex;height:100vh;background:var(--theme-gradient-bg);overflow:hidden}.main-content-modern{flex:1;margin-left:280px;display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:margin-left var(--theme-transition-slow)}.page-content-wrapper-modern{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--theme-page-padding, 2rem);padding-bottom:2rem;min-height:0}.sidebar-overlay-modern{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bottom-nav-modern{display:none;position:fixed;bottom:0;left:0;right:0;height:65px;background:var(--theme-bg-medium);border-top:1px solid var(--theme-border);z-index:9999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bottom-nav-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--theme-primary-glow) 0%,transparent 50%);opacity:.1;pointer-events:none}.bottom-nav-items-modern{display:flex;height:100%;position:relative;z-index:1}.bottom-nav-item-modern{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--theme-text-muted);transition:all var(--theme-transition-fast);padding:8px 4px;position:relative}.bottom-nav-item-modern:hover,.bottom-nav-item-modern.active{color:var(--theme-text-primary)}.bottom-nav-item-modern.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:3px;background:var(--theme-gradient-primary);border-radius:0 0 3px 3px}.bottom-nav-icon-modern{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform var(--theme-transition-fast)}.bottom-nav-icon-modern svg{width:22px;height:22px}.bottom-nav-item-modern.active .bottom-nav-icon-modern{transform:scale(1.1)}.bottom-nav-label-modern{font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.02em}@media(max-width:1024px){.sidebar-modern{width:260px}.main-content-modern{margin-left:260px}}@media(max-width:768px){.sidebar-modern{position:fixed!important;top:0!important;left:0!important;transform:translate(-100%)!important;width:85vw!important;max-width:300px!important;height:100vh!important;z-index:1001!important;box-shadow:4px 0 30px #0009!important;transition:transform .3s ease!important}.sidebar-modern.open{transform:translate(0)!important}.sidebar-close-btn-modern{display:flex!important}.sidebar-overlay-modern.visible{display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#000000b3!important;z-index:1000!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.main-content-modern{margin-left:0!important;width:100%!important;max-width:100vw!important;padding-bottom:72px!important;overflow-x:hidden!important}.header-modern{padding:0 16px!important;height:56px!important;min-height:56px!important;background:#0f0f1af2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.hamburger-btn-modern{display:flex!important;width:40px!important;height:40px!important;border-radius:10px!important}.user-email-modern,.breadcrumbs-modern{display:none!important}.page-content-wrapper-modern{padding:0!important;overflow-x:hidden!important;overflow-y:auto!important}.bottom-nav-modern{display:block!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999!important;background:linear-gradient(180deg,#0f0f1af7,#0f0f1a)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-top:1px solid rgba(255,255,255,.1)!important;padding-bottom:env(safe-area-inset-bottom)!important}.bottom-nav-items-modern{display:flex!important;justify-content:space-around!important;align-items:stretch!important;padding:8px 4px 10px!important;gap:0!important}.bottom-nav-item-modern{flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:6px 4px!important;color:#ffffff73!important;text-decoration:none!important;transition:all .2s ease!important;border-radius:12px!important;position:relative!important}.bottom-nav-item-modern.active{color:#8b5cf6!important}.bottom-nav-item-modern.active:before{content:""!important;position:absolute!important;top:0!important;left:50%!important;transform:translate(-50%)!important;width:24px!important;height:3px!important;background:linear-gradient(90deg,#8b5cf6,#06b6d4)!important;border-radius:0 0 3px 3px!important}.bottom-nav-icon-modern{font-size:22px!important;line-height:1!important;transition:transform .2s ease!important}.bottom-nav-item-modern.active .bottom-nav-icon-modern{transform:scale(1.1)!important}.bottom-nav-label-modern{font-size:10px!important;font-weight:600!important;letter-spacing:.02em!important;text-transform:uppercase!important}.dash-modern{padding:0 0 90px!important;min-height:auto!important;width:100%!important;overflow-x:hidden!important;background:transparent!important}.dash-hero{padding:20px 16px!important;margin:0!important;border-radius:0!important;background:linear-gradient(135deg,#8b5cf61f,#06b6d414)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;width:100%!important;box-sizing:border-box!important}.dash-hero:before,.dash-hero:after{display:none!important}.dash-hero-content{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-bottom:20px!important}.dash-greeting{gap:10px!important;flex:1!important}.dash-wave{font-size:28px!important}.dash-greeting h1{font-size:18px!important;font-weight:700!important}.dash-greeting p{font-size:12px!important;opacity:.6!important;margin-top:2px!important}.dash-date-badge{padding:6px 12px!important;font-size:11px!important;border-radius:20px!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.1)!important;white-space:nowrap!important}.dash-stats-row{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:0!important;margin:0!important}.dash-stat-card{padding:16px!important;border-radius:16px!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.dash-stat-card:before{display:none!important}.dash-stat-icon{width:42px!important;height:42px!important;border-radius:12px!important}.dash-stat-icon svg{width:20px!important;height:20px!important}.dash-stat-data{width:100%!important}.dash-stat-number{font-size:22px!important;font-weight:700!important;line-height:1.2!important}.dash-stat-label{font-size:11px!important;opacity:.55!important;margin-top:2px!important;text-transform:uppercase!important;letter-spacing:.03em!important}.dash-stat-trend,.dash-stat-percent{display:none!important}.dash-grid{display:flex!important;flex-direction:column!important;gap:16px!important;padding:16px!important}.dash-chart-card,.dash-pie-card,.dash-actions-card,.dash-activity-card,.dash-clients-card,.dash-apps-card{grid-column:unset!important;width:100%!important}.dash-card{border-radius:16px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important}.dash-card-header{padding:16px!important;border-bottom:1px solid rgba(255,255,255,.06)!important}.dash-card-header h3{font-size:14px!important;font-weight:600!important}.dash-card-icon{font-size:16px!important;margin-right:8px!important}.dash-card-body{padding:16px!important}.dash-chart-container{height:200px!important}.dash-chart-legend{font-size:11px!important;gap:12px!important;margin-left:auto!important}.legend-dot{width:8px!important;height:8px!important;margin-right:4px!important}.dash-pie-container{height:160px!important;position:relative!important}.dash-pie-legend{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:0 16px 16px!important;justify-content:center!important}.pie-legend-item{font-size:11px!important;padding:4px 10px!important;border-radius:20px!important;background:#ffffff0d!important}.dash-actions-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.dash-action-btn{padding:14px 8px!important;border-radius:14px!important;flex-direction:column!important;gap:8px!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important}.action-icon{width:40px!important;height:40px!important;border-radius:12px!important}.action-icon svg{width:20px!important;height:20px!important}.dash-action-btn span:last-child{font-size:10px!important;text-align:center!important;line-height:1.3!important;font-weight:500!important}.dash-clients-list,.dash-apps-list,.dash-activity-list{display:flex!important;flex-direction:column!important;gap:10px!important}.dash-client-item,.dash-app-item{padding:14px!important;border-radius:12px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.06)!important}.client-avatar-modern,.app-icon-modern{width:40px!important;height:40px!important;border-radius:10px!important}.client-name,.app-name{font-size:13px!important;font-weight:600!important}.client-email,.app-client{font-size:11px!important;opacity:.6!important}.dash-activity-item{padding:12px 14px!important;border-radius:10px!important;background:#ffffff08!important}.activity-action{font-size:12px!important}.activity-entity{font-size:11px!important}.activity-time{font-size:10px!important;opacity:.5!important}.modern-page{padding:0 0 90px!important;min-height:auto!important;height:auto!important;width:100%!important;overflow-x:hidden!important;background:transparent!important}.modern-page .page-content-modern,.page-content-modern{padding:16px!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.stats-grid-modern{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-bottom:16px!important;width:100%!important}.stat-card-modern{padding:12px!important;border-radius:12px!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:6px!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important;min-width:0!important}.stat-card-modern .stat-icon{width:32px!important;height:32px!important;border-radius:8px!important;font-size:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.stat-card-modern .stat-data{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;min-width:0!important;width:100%!important}.stat-card-modern .stat-value{font-size:16px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.stat-card-modern .stat-label{font-size:9px!important;opacity:.55!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:.02em!important}.modern-card[style*=marginBottom],.modern-card{margin-bottom:12px!important;border-radius:14px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;overflow:hidden!important}.filters-card-mobile,.modern-card.filters-card-mobile{margin-bottom:12px!important;border-radius:14px!important}.modern-card-body,.modern-card-body[style]{padding:12px!important}.filters-modern{display:flex!important;flex-direction:column!important;gap:12px!important}.search-modern,.search-modern[style]{max-width:100%!important;width:100%!important;flex:none!important;position:relative!important}.search-modern .search-icon{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;color:#fff6!important;pointer-events:none!important}.search-modern .input-modern{width:100%!important;padding:12px 14px 12px 40px!important;font-size:14px!important;border-radius:10px!important;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;box-sizing:border-box!important}.search-modern .input-modern::placeholder{color:#fff6!important}.search-modern .input-modern:focus{border-color:#8b5cf680!important;background:#ffffff14!important}.filter-group{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important;padding:0!important;background:transparent!important}.filter-btn-modern{padding:12px 8px!important;font-size:12px!important;font-weight:500!important;border-radius:10px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#ffffffb3!important;transition:all .2s ease!important}.filter-btn-modern.active{background:#8b5cf633!important;border-color:#8b5cf680!important;color:#fff!important}.filter-btn-modern.active.success{background:#22c55e33!important;border-color:#22c55e80!important}.filter-btn-modern.active.warning{background:#f59e0b33!important;border-color:#f59e0b80!important}.filter-btn-modern.active.danger{background:#ef444433!important;border-color:#ef444480!important}.modern-card{border-radius:14px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;overflow:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.table-modern-container{margin:0!important;padding:0!important;border-radius:0!important;overflow:visible!important;width:100%!important;max-width:100%!important}.table-modern-container:after{display:none!important}.table-modern{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;min-width:unset!important;padding:12px!important;box-sizing:border-box!important}.table-modern thead{display:none!important}.table-modern tbody{display:flex!important;flex-direction:column!important;gap:12px!important}.table-modern tr{display:flex!important;flex-direction:column!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;padding:14px!important;gap:10px!important}.table-modern td{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0!important;border:none!important;font-size:13px!important;white-space:normal!important}.table-modern td:not(:first-child):before{content:attr(data-label)!important;font-size:11px!important;font-weight:600!important;color:#ffffff80!important;text-transform:uppercase!important;letter-spacing:.03em!important;min-width:70px!important}.table-modern td:first-child{padding-bottom:10px!important;margin-bottom:6px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;justify-content:flex-start!important}.table-modern td:last-child{padding-top:10px!important;margin-top:6px!important;border-top:1px solid rgba(255,255,255,.08)!important;justify-content:flex-end!important}.table-cell-flex{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important}.table-avatar{width:42px!important;height:42px!important;font-size:16px!important;border-radius:10px!important;flex-shrink:0!important}.table-cell-info{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;flex:1!important}.table-cell-title{font-size:15px!important;font-weight:600!important;white-space:normal!important;max-width:none!important;overflow:visible!important;word-break:break-word!important;color:#fff!important}.table-cell-subtitle{font-size:11px!important;opacity:.6!important;white-space:normal!important;max-width:none!important;overflow:visible!important;word-break:break-all!important}.table-actions{display:flex!important;gap:8px!important;justify-content:flex-end!important;width:100%!important}.table-action-btn{width:38px!important;height:38px!important;border-radius:10px!important;font-size:14px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.badge-modern,.status-badge{padding:6px 12px!important;font-size:11px!important;border-radius:8px!important;font-weight:600!important;white-space:nowrap!important}.empty-state-modern{padding:48px 24px!important;text-align:center!important}.empty-state-modern .empty-icon{font-size:56px!important;margin-bottom:16px!important;display:block!important}.empty-state-modern h3{font-size:16px!important;font-weight:600!important;margin-bottom:8px!important}.empty-state-modern p{font-size:13px!important;opacity:.6!important;margin-bottom:20px!important}.form-group-modern{margin-bottom:16px!important}.form-label-modern{font-size:12px!important;font-weight:600!important;margin-bottom:8px!important;text-transform:uppercase!important;letter-spacing:.03em!important;color:#ffffffb3!important}.input-modern,.select-modern,.textarea-modern{width:100%!important;padding:14px 16px!important;font-size:15px!important;border-radius:12px!important;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important}.input-modern:focus,.select-modern:focus,.textarea-modern:focus{border-color:#8b5cf680!important;background:#ffffff14!important;outline:none!important}.btn-modern{padding:14px 20px!important;font-size:14px!important;font-weight:600!important;border-radius:12px!important;transition:all .2s ease!important}.btn-modern-sm{padding:10px 14px!important;font-size:12px!important}.btn-modern-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;border:none!important;color:#fff!important}.btn-modern-secondary{background:#ffffff14!important;border:1px solid rgba(255,255,255,.15)!important}.modal-overlay-modern,.modal-modern-overlay{padding:0!important;align-items:flex-end!important;background:#0009!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.modal-modern{width:100%!important;max-width:100%!important;max-height:90vh!important;margin:0!important;border-radius:24px 24px 0 0!important;background:linear-gradient(180deg,#1a1a2e,#0f0f1a)!important;border:none!important;border-top:1px solid rgba(255,255,255,.1)!important;animation:slideUpModal .35s cubic-bezier(.4,0,.2,1)!important}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-modern-header,.modal-header-modern{padding:20px 20px 16px!important;position:relative!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.modal-modern-header:before,.modal-header-modern:before{content:""!important;position:absolute!important;top:10px!important;left:50%!important;transform:translate(-50%)!important;width:40px!important;height:4px!important;background:#fff3!important;border-radius:2px!important}.modal-modern-header h2,.modal-modern-header h3,.modal-header-modern h3{font-size:18px!important;font-weight:600!important;margin-top:8px!important}.modal-modern-body,.modal-body-modern{padding:20px!important;max-height:55vh!important;overflow-y:auto!important}.modal-modern-footer,.modal-actions-modern{padding:16px 20px!important;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important;flex-direction:column!important;gap:12px!important;border-top:1px solid rgba(255,255,255,.08)!important}.modal-modern-footer button,.modal-actions-modern button{width:100%!important;padding:16px!important;font-size:15px!important}.settings-grid-modern{display:flex!important;flex-direction:column!important;gap:16px!important}.settings-save-bar{padding:0!important;margin-bottom:16px!important}.settings-save-bar .btn-modern{width:100%!important}.accordion-card{border-radius:16px!important;overflow:hidden!important}.accordion-header{padding:16px 18px!important}.accordion-title h3{font-size:15px!important;font-weight:600!important}.accordion-title .card-icon{font-size:20px!important;margin-right:12px!important}.clients-grid,.apps-grid,.plans-grid,.users-grid{display:flex!important;flex-direction:column!important;gap:14px!important}.client-card,.app-card,.plan-card,.user-card{width:100%!important;border-radius:16px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important}.tabs-container,.client-tabs{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;gap:8px!important;padding:4px!important;scrollbar-width:none!important;background:#ffffff08!important;border-radius:12px!important;margin-bottom:16px!important}.tabs-container::-webkit-scrollbar,.client-tabs::-webkit-scrollbar{display:none!important}.tab-btn{flex:0 0 auto!important;padding:12px 16px!important;font-size:13px!important;font-weight:500!important;border-radius:10px!important;white-space:nowrap!important;background:transparent!important;border:none!important;color:#fff9!important}.tab-btn.active{background:#8b5cf633!important;color:#fff!important}.dash-modern:has(.invoice-filters){padding:16px!important}.dash-modern>.dash-stats-row:first-child{margin-bottom:20px!important}.invoice-filters{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:0!important;background:transparent!important;margin-bottom:16px!important}.invoice-filters .filter-btn{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;padding:12px 8px!important;font-size:11px!important;font-weight:600!important;border-radius:12px!important;text-align:center!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#ffffffb3!important;transition:all .2s ease!important;white-space:nowrap!important}.invoice-filters .filter-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 4px 12px #8b5cf64d!important}.dash-invoices-list,.invoices-list{display:flex!important;flex-direction:column!important;gap:12px!important;padding:12px!important}.invoice-row{display:flex!important;flex-direction:column!important;gap:12px!important;padding:16px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;border-left:4px solid transparent!important;grid-template-columns:unset!important}.invoice-row.overdue{border-left-color:#ef4444!important;background:linear-gradient(135deg,#ef444414,#ffffff08)!important}.invoice-row.pending{border-left-color:#f59e0b!important;background:linear-gradient(135deg,#f59e0b14,#ffffff08)!important}.invoice-row.paid{border-left-color:#22c55e!important;background:linear-gradient(135deg,#22c55e14,#ffffff08)!important}.invoice-row.cancelled{opacity:.5!important;border-left-color:#6b7280!important}.invoice-col.app{display:flex!important;flex-direction:column!important;gap:4px!important;padding-bottom:12px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;width:100%!important}.invoice-col.app .invoice-app-name{font-size:16px!important;font-weight:700!important;color:#fff!important}.invoice-col.app span:last-child{font-size:12px!important;color:#ffffff80!important}.invoice-col.amount,.invoice-col.date,.invoice-col.status{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.invoice-col.amount:before{content:"Valor"!important;font-size:11px!important;font-weight:600!important;color:#ffffff80!important;text-transform:uppercase!important;letter-spacing:.03em!important}.invoice-col.amount{font-size:20px!important;font-weight:700!important;color:#fff!important}.invoice-row.overdue .invoice-col.amount{color:#f87171!important}.invoice-row.pending .invoice-col.amount{color:#fbbf24!important}.invoice-row.paid .invoice-col.amount{color:#4ade80!important}.invoice-col.date:before{content:"Vencimento"!important;font-size:11px!important;font-weight:600!important;color:#ffffff80!important;text-transform:uppercase!important;letter-spacing:.03em!important}.invoice-col.date{font-size:14px!important;color:#fffc!important}.invoice-col.status:before{content:"Status"!important;font-size:11px!important;font-weight:600!important;color:#ffffff80!important;text-transform:uppercase!important;letter-spacing:.03em!important}.invoice-col.status .badge{padding:8px 14px!important;font-size:12px!important;font-weight:600!important;border-radius:8px!important}.invoice-col.actions{display:flex!important;gap:8px!important;padding-top:12px!important;border-top:1px solid rgba(255,255,255,.08)!important;width:100%!important;justify-content:stretch!important}.invoice-col.actions .btn-icon{flex:1!important;width:auto!important;height:44px!important;border-radius:10px!important;font-size:16px!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.1)!important;transition:all .2s ease!important}.invoice-col.actions .btn-icon.success{background:#22c55e26!important;border-color:#22c55e4d!important}.invoice-col.actions .btn-icon.primary{background:#8b5cf626!important;border-color:#8b5cf64d!important}.invoice-col.actions .btn-icon.warning{background:#f59e0b26!important;border-color:#f59e0b4d!important}.invoice-col.actions .btn-icon.danger{background:#ef444426!important;border-color:#ef44444d!important}.dash-stat-card .stat-icon.red{background:linear-gradient(135deg,#ef444433,#ef44441a)!important;color:#f87171!important}.detail-grid-modern{display:flex!important;flex-direction:column!important;gap:12px!important}.detail-item-modern{padding:14px!important;border-radius:12px!important;background:#ffffff0a!important}.detail-item-modern label{font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.03em!important;color:#ffffff80!important;margin-bottom:4px!important;display:block!important}.dash-floating-actions{position:fixed!important;bottom:88px!important;right:16px!important;z-index:998!important}.dash-fab{width:56px!important;height:56px!important;border-radius:16px!important;background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;border:none!important;box-shadow:0 8px 24px #8b5cf666!important}.dash-fab svg{width:24px!important;height:24px!important}.status-badge,.badge-modern{padding:6px 10px!important;font-size:10px!important;font-weight:600!important;border-radius:6px!important;text-transform:uppercase!important;letter-spacing:.03em!important}.dash-hero{padding:16px!important;margin:0!important;position:relative!important}.dash-hero-content{flex-direction:column!important;gap:12px!important;margin-bottom:16px!important}.dash-greeting{flex-direction:row!important;align-items:flex-start!important;gap:12px!important;flex-wrap:wrap!important}.dash-greeting .btn-back{position:static!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;font-size:18px!important;margin:0!important;order:-1!important}.client-avatar-large{width:50px!important;height:50px!important;font-size:20px!important;border-radius:12px!important;margin-top:0!important}.dash-greeting h1{font-size:20px!important;display:flex!important;flex-direction:column!important;gap:8px!important;align-items:flex-start!important}.dash-greeting h1 .category-badge{margin-left:0!important}.dash-greeting p{font-size:12px!important;word-break:break-word!important}.dash-date-badge{align-self:flex-start!important}.dash-grid{padding:16px!important;gap:16px!important}.tabs-container{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;gap:8px!important;padding:4px!important;margin-bottom:16px!important;background:#ffffff0d!important;border-radius:12px!important;scrollbar-width:none!important}.tabs-container::-webkit-scrollbar{display:none!important}.tab-btn{flex:0 0 auto!important;padding:12px 16px!important;font-size:13px!important;font-weight:500!important;border-radius:10px!important;white-space:nowrap!important;background:transparent!important;border:none!important;color:#fff9!important;transition:all .2s ease!important}.tab-btn.active{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;color:#fff!important;box-shadow:0 4px 12px #8b5cf666!important}.dash-tab-panel{padding:16px!important}.dash-section-header{flex-direction:column!important;gap:12px!important;align-items:flex-start!important;margin-bottom:20px!important}.dash-section-header h3{font-size:16px!important}.dash-section-header .btn-primary{width:100%!important;justify-content:center!important}.dash-data-section{margin-bottom:24px!important}.dash-data-section h4{font-size:14px!important;margin-bottom:16px!important}.dash-data-grid{display:flex!important;flex-direction:column!important;gap:12px!important}.dash-data-item{padding:14px!important;border-radius:12px!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important}.dash-data-item label{font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.03em!important;color:#ffffff80!important;margin-bottom:6px!important;display:block!important}.dash-data-item span{font-size:14px!important;color:#fff!important;word-break:break-word!important}.dash-apps-grid{display:flex!important;flex-direction:column!important;gap:16px!important}.dash-app-card{border-radius:16px!important;padding:16px!important}.dash-app-card .app-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:12px!important}.dash-app-card .app-header h4{font-size:16px!important}.dash-app-card .app-info{margin-bottom:12px!important}.dash-app-card .app-info p{font-size:13px!important;margin:6px 0!important}.dash-app-card .app-credentials{padding:12px!important;border-radius:10px!important;margin-bottom:12px!important}.dash-app-card .app-credentials code{font-size:10px!important;word-break:break-all!important}.dash-app-card .app-actions-bar{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.dash-app-card .app-btn{padding:12px!important;font-size:12px!important;border-radius:10px!important;justify-content:center!important}.dash-app-card .app-btn-delete{grid-column:span 2!important}.dash-danger-zone{padding:16px!important;border-radius:14px!important;margin-top:24px!important}.dash-danger-zone h4{font-size:14px!important;margin-bottom:16px!important}.dash-danger-zone .action-buttons{display:flex!important;flex-direction:column!important;gap:10px!important}.dash-danger-zone button{width:100%!important;padding:14px!important;font-size:13px!important;border-radius:10px!important}.plan-management-container,.dash-modern[style*="padding: 1.5rem 2rem"]{padding:16px!important}.dash-stats-row{margin-bottom:20px!important}.dash-card{margin-bottom:16px!important;border-radius:16px!important;overflow:hidden!important}.dash-card-header{padding:16px!important;flex-direction:column!important;gap:8px!important;align-items:flex-start!important}.dash-card-header h3{font-size:16px!important;display:flex!important;align-items:center!important;gap:8px!important}.dash-card-badge{font-size:11px!important;padding:4px 10px!important;border-radius:6px!important}.plans-grid{display:flex!important;flex-direction:column!important;gap:12px!important;padding:0!important}.dash-plan-item{padding:16px!important;border-radius:14px!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.08)!important}.dash-plan-header{flex-direction:column!important;gap:8px!important;margin-bottom:12px!important}.dash-plan-info{width:100%!important}.dash-plan-title-row{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.dash-plan-name{font-size:16px!important;font-weight:600!important}.dash-plan-price{font-size:20px!important;font-weight:700!important;color:#4ade80!important;align-self:flex-start!important}.dash-plan-meta{display:flex!important;flex-wrap:wrap!important;gap:6px!important;font-size:12px!important;color:#fff9!important;margin-bottom:16px!important}.dash-plan-actions{display:flex!important;gap:8px!important;justify-content:flex-end!important;padding-top:12px!important;border-top:1px solid rgba(255,255,255,.08)!important}.dash-plan-actions button{width:40px!important;height:40px!important;border-radius:10px!important;font-size:14px!important}.fab-button{bottom:88px!important;right:16px!important;width:56px!important;height:56px!important}.plan-form-overlay{padding:0!important;align-items:flex-end!important}.plan-form-modal{width:100%!important;max-width:100%!important;max-height:90vh!important;border-radius:24px 24px 0 0!important;margin:0!important}.plan-form-header{padding:20px!important;position:relative!important}.plan-form-header:before{content:""!important;position:absolute!important;top:10px!important;left:50%!important;transform:translate(-50%)!important;width:40px!important;height:4px!important;background:#fff3!important;border-radius:2px!important}.plan-form-title{font-size:18px!important;margin-top:8px!important}.plan-form-body{padding:20px!important;max-height:60vh!important;overflow-y:auto!important}.form-group-custom{margin-bottom:16px!important}.form-label-custom{font-size:13px!important;margin-bottom:8px!important}.form-select-custom,.form-input-custom,.form-textarea-custom{padding:14px!important;font-size:15px!important;border-radius:12px!important}.plan-form-footer{padding:16px 20px!important;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important;flex-direction:column!important;gap:12px!important}.plan-form-footer button{width:100%!important;padding:16px!important;font-size:15px!important}.plan-detail-modal{width:100%!important;max-width:100%!important;max-height:90vh!important;border-radius:24px 24px 0 0!important;margin:0!important}}