@keyframes spin{to{transform:rotate(360deg)}}[data-theme=light]{--bg-primary:#f0f2f5;--bg-secondary:#f8f9fb;--text-primary:#1e2228;--text-secondary:#44495a;--text-muted:#7a808e;--accent-green:#2a9d47;--accent-red:#d94050;--accent-yellow:#d99a1e;--accent-blue:#1a8fa8;--border-primary:#d8dbe2;--gradient-card:linear-gradient(160deg,#fff 0%,#f6f7f9 100%);--gradient-card-hover:linear-gradient(160deg,#fff 0%,#f0f2f5 100%);--gradient-header:linear-gradient(180deg,#f8f9fb 0%,#f0f1f4 100%);--gradient-btn:linear-gradient(180deg,#f0f1f4 0%,#e6e8ec 100%);--gradient-btn-hover:linear-gradient(180deg,#e8eaee 0%,#dddfe4 100%);--gradient-input:linear-gradient(180deg,#f8f9fb 0%,#fff 100%);--shadow-md:0 2px 8px #00000014;--shadow-hover:0 4px 16px #00000014;--overlay-medium:#00000059;--z-overlay:9998;--z-popup:9999}[data-theme=light] .cz-service-status.active,[data-theme=light] .cz-invoice-badge.paid{color:#2a9d47;background:#2a9d471a}[data-theme=light] .cz-service-status.suspended,[data-theme=light] .cz-invoice-badge.pending{color:#d99a1e;background:#d99a1e1a}[data-theme=light] .cz-service-status.ended,[data-theme=light] .cz-invoice-badge.overdue{color:#d94050;background:#d940501a}[data-theme=light] .cz-invoice-row.overdue{background:#d940500a}[data-theme=light] .cz-client-avatar,[data-theme=light] .cz-restore-icon{background:#1a8fa814;border-color:#1a8fa833}[data-theme=light] .cz-wifi-success-icon{background:#2a9d4714;border-color:#2a9d4740}[data-theme=light] .cz-stat-icon.green{color:#2a9d47}[data-theme=light] .cz-stat-icon.yellow{color:#d99a1e}[data-theme=light] .cz-stat-icon.blue{color:#1a8fa8}.cz-wrapper{width:100%;max-width:100vw;min-height:calc(100vh - 90px);padding-bottom:50px;overflow-x:hidden}.cz-login-page{justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:40px 20px;display:flex}.cz-login-card{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);width:100%;max-width:380px;box-shadow:var(--shadow-md);padding:32px 28px}.cz-login-header{text-align:center;margin-bottom:28px}.cz-login-header h1{color:var(--text-primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-size:18px;font-weight:600}.cz-login-header p{color:var(--text-muted);letter-spacing:.5px;font-size:11px}.cz-login-field{margin-bottom:16px}.cz-login-field label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:6px;font-size:11px;display:block}.cz-login-field input{background:var(--gradient-input);border:1px solid var(--border-primary);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast);outline:none;padding:10px 12px;font-size:13px}.cz-login-field input:focus{border-color:var(--accent-blue)}.cz-login-error{border-radius:var(--radius-sm);color:var(--accent-red);background:#f060701a;border:1px solid #f060704d;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;font-size:11px;display:flex}.cz-login-btn{background:var(--gradient-btn);border:1px solid var(--border-primary);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);padding:11px;font-size:12px;font-weight:600}.cz-login-btn:hover:not(:disabled){background:var(--gradient-btn-hover);box-shadow:var(--shadow-hover)}.cz-login-btn:disabled{opacity:.5;cursor:not-allowed}.cz-login-btn:focus-visible,.cz-wifi-btn-secondary:focus-visible,.cz-wifi-btn-primary:focus-visible,.cz-action-btn:focus-visible,.cz-login-field input:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.cz-dashboard{flex-direction:column;display:flex}.cz-dashboard-header{background:var(--gradient-header);border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.cz-dashboard-header-left{color:var(--text-primary);letter-spacing:1px;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.cz-dashboard-header-left i{color:var(--accent-blue);font-size:16px}.cz-dashboard-header-right{align-items:center;gap:12px;display:flex}.cz-dashboard-user{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.cz-dashboard-client-id{color:var(--text-muted);font-size:10px}.cz-header-logout{border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-sans);letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:11px;display:flex}.cz-header-user{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.cz-header-logout{border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:5px;padding:6px 12px;font-size:10px;display:flex}.cz-header-logout:hover{color:var(--accent-red);border-color:var(--accent-red)}.cz-subheader{background:var(--gradient-card);border-bottom:1px solid var(--border-primary);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin:12px 20px 0;padding:10px 20px;display:flex}.cz-subheader-left{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-primary);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.cz-subheader-left i{color:var(--accent-blue);font-size:14px}.cz-subheader-right{align-items:center;gap:12px;display:flex}.cz-subheader-user{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.cz-content{flex:1;width:100%;max-width:900px;margin:0 auto;padding:20px}.cz-client-card{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);margin-bottom:16px;padding:20px}.cz-client-card-header{border-bottom:1px solid var(--border-primary);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.cz-client-avatar{width:42px;height:42px;color:var(--accent-blue);background:#48b0c81f;border:1px solid #48b0c840;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.cz-client-name{color:var(--text-primary);font-size:18px;font-weight:600}.cz-client-id{color:var(--text-muted);letter-spacing:.5px;margin-top:2px;font-size:10px}.cz-client-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cz-client-field{flex-direction:column;gap:3px;display:flex}.cz-client-field-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:11px}.cz-client-field-value{color:var(--text-primary);font-size:12px}.cz-stats-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.cz-stat-card{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);text-align:center;padding:16px}.cz-stat-icon{margin-bottom:8px;font-size:20px}.cz-stat-icon.green{color:var(--accent-green)}.cz-stat-icon.red{color:var(--accent-red)}.cz-stat-icon.yellow{color:var(--accent-yellow)}.cz-stat-icon.blue{color:var(--accent-blue)}.cz-stat-value{color:var(--text-primary);margin-bottom:4px;font-size:22px;font-weight:700}.cz-stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:11px}.cz-services-card{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);margin-bottom:16px;padding:16px 20px}.cz-services-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);border-bottom:1px solid var(--border-primary);margin-bottom:12px;padding-bottom:8px;font-size:11px}.cz-service-item{border-bottom:1px solid #5858584d;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.cz-service-item:last-child{border-bottom:none}.cz-service-left{align-items:center;gap:10px;display:flex}.cz-service-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--accent-green);background:#66d66e1a;justify-content:center;align-items:center;font-size:14px;display:flex}.cz-service-icon.inactive{color:var(--accent-red);background:#f060701a}.cz-service-name{color:var(--text-primary);font-size:12px;font-weight:600}.cz-service-plan{color:var(--text-muted);margin-top:2px;font-size:10px}.cz-service-status{letter-spacing:.5px;text-transform:uppercase;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:600}.cz-service-status.active{color:var(--accent-green);background:#66d66e1f}.cz-service-status.suspended{color:var(--accent-yellow);background:#f0b8301f}.cz-service-status.ended{color:var(--accent-red);background:#f060701f}.cz-invoices-card{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);margin-bottom:16px;padding:16px 20px}.cz-invoices-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);border-bottom:1px solid var(--border-primary);margin-bottom:12px;padding-bottom:8px;font-size:11px}.cz-invoice-row{border-bottom:1px solid #5858584d;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.cz-invoice-row:last-child{border-bottom:none}.cz-invoice-row.overdue{border-radius:var(--radius-sm);background:#f060700a;margin:2px 0;padding:8px 10px}.cz-invoice-left{flex-direction:column;gap:2px;display:flex}.cz-invoice-number{color:var(--text-primary);font-size:12px;font-weight:600}.cz-invoice-due{color:var(--text-muted);font-size:10px}.cz-invoice-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.cz-invoice-amount{color:var(--text-primary);font-size:12px;font-weight:600}.cz-invoice-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:9px;font-weight:600}.cz-invoice-badge.paid{color:var(--accent-green);background:#66d66e1f}.cz-invoice-badge.pending{color:var(--accent-yellow);background:#f0b8301f}.cz-invoice-badge.overdue{color:var(--accent-red);background:#f060701f}.cz-empty-state{color:var(--text-muted);text-align:center;padding:20px 10px;font-size:12px}.cz-actions{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.cz-action-btn{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:10px;padding:16px 20px;font-size:12px;font-weight:600;display:flex}.cz-action-btn:hover{background:var(--gradient-card-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.cz-action-btn i{font-size:18px}.cz-action-btn.wifi-btn i{color:var(--accent-blue)}.cz-action-btn.crm-btn i,.cz-action-btn.upgrade-btn i{color:var(--accent-green)}.cz-action-btn.downgrade-btn i{color:var(--accent-yellow)}.cz-action-btn:disabled{opacity:.4;cursor:not-allowed}.cz-action-btn:disabled:hover{background:var(--gradient-card);box-shadow:none;transform:none}.cz-wifi-step-indicator{letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:14px;font-size:11px;display:flex}.cz-wifi-step-done{color:var(--accent-green);font-weight:600}.cz-wifi-step-sep{color:var(--text-muted)}.cz-wifi-step-active{color:var(--accent-blue);font-weight:700}.cz-wifi-loading-title{color:var(--text-primary);font-size:13px}.cz-wifi-loading-sub{color:var(--text-muted);font-size:11px}.cz-wifi-dialog{flex-direction:column;gap:16px;display:flex}.cz-wifi-section-desc{color:var(--text-muted);font-size:11px;line-height:1.5}.cz-wifi-field{flex-direction:column;gap:6px;display:flex}.cz-wifi-field label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:11px}.cz-wifi-field input{background:var(--gradient-input);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast);outline:none;padding:10px 12px;font-size:13px}.cz-wifi-field input:focus{border-color:var(--accent-blue)}.cz-password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.cz-wifi-select{background:var(--gradient-input);border:1px solid var(--border-primary);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:border-color var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%23888888'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:10px 30px 10px 12px;font-size:12px}.cz-wifi-select:focus{border-color:var(--accent-blue)}.cz-wifi-select option{background:var(--bg-secondary);color:var(--text-primary);padding:8px}.cz-wifi-summary{border-radius:var(--radius-sm);color:var(--text-secondary);background:#48b0c80f;border:1px solid #48b0c826;padding:12px;font-size:11px;line-height:1.6}.cz-wifi-summary strong{color:var(--text-primary)}.cz-wifi-summary ul{margin:6px 0 0 16px;padding:0}.cz-wifi-summary li{margin-bottom:2px}.cz-wifi-actions{justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.cz-wifi-actions-center{justify-content:center}.cz-wifi-btn{border-radius:var(--radius-sm);font-family:var(--font-sans);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);padding:12px 18px;font-size:11px;font-weight:600}.cz-wifi-btn-secondary{background:var(--gradient-btn);border:1px solid var(--border-primary);color:var(--text-secondary)}.cz-wifi-btn-secondary:hover{background:var(--gradient-btn-hover)}.cz-wifi-btn-primary{color:var(--accent-blue);background:#48b0c826;border:1px solid #48b0c859}.cz-wifi-btn-primary:hover:not(:disabled){background:#48b0c840}.cz-wifi-btn-primary:disabled{opacity:.4;cursor:not-allowed}.cz-wifi-error{border-radius:var(--radius-sm);color:var(--accent-red);background:#f060701a;border:1px solid #f060704d;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.cz-wifi-loading{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:40px 20px;display:flex}.cz-wifi-spinner{border:3px solid var(--border-primary);border-top-color:var(--accent-blue);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite czSpin}@keyframes czSpin{to{transform:rotate(360deg)}}.cz-wifi-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:30px 20px;display:flex}.cz-wifi-success-icon{width:48px;height:48px;color:var(--accent-green);background:#66d66e1f;border:1px solid #66d66e4d;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.cz-wifi-success h3{color:var(--text-primary);font-size:14px}.cz-wifi-success-details{color:var(--text-secondary);font-size:11px;line-height:1.7}.cz-loading{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;display:flex}.cz-loading-spinner{border:3px solid var(--border-primary);border-top-color:var(--accent-blue);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite czSpin}.cz-loading p{color:var(--text-muted);letter-spacing:.5px;font-size:11px}.cz-restore-icon{width:48px;height:48px;color:var(--accent-blue);background:#48b0c81f;border:1px solid #48b0c840;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.cz-restore-icon.error{color:var(--accent-red);background:#f060701f;border-color:#f0607040}.cz-restore-title{color:var(--text-primary);letter-spacing:1px;font-size:15px;font-weight:600}.cz-restore-subtitle{color:var(--text-muted);font-size:12px}.cz-restore-error-card{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:380px;padding:28px 24px;display:flex}.cz-restore-error-msg{color:var(--text-secondary);font-size:12px;line-height:1.5}@media (max-width:640px){.cz-content{padding:12px}.cz-dashboard-header{padding:10px 12px}.cz-dashboard-header-left span{display:none}.cz-stats-row{grid-template-columns:1fr 1fr;gap:8px}.cz-stats-row .cz-stat-card:last-child{grid-column:1/-1}.cz-actions{grid-template-columns:1fr;gap:10px}.cz-action-btn{width:100%}.cz-client-grid{grid-template-columns:1fr}.cz-header-title{letter-spacing:1px;font-size:12px}}