.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-muted);margin-bottom:6px;font-size:10px;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-mono);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-mono);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-dashboard{flex-direction:column;display:flex}.cz-header-right{align-items:center;gap:12px;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:18px;display:flex}.cz-client-name{color:var(--text-primary);font-size:15px;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-muted);font-size:9px}.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-muted);font-size:9px}.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-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-mono);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{color:var(--accent-green)}.cz-popup-overlay{z-index:9999;opacity:0;pointer-events:none;background:#00000080;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.cz-popup-overlay.open{opacity:1;pointer-events:auto}.cz-popup-container{background:var(--bg-secondary);border-left:1px solid var(--border-primary);z-index:10000;flex-direction:column;width:440px;max-width:92vw;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #0000004d}.cz-popup-container.open{transform:translate(0)}.cz-popup-header{background:var(--gradient-header);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.cz-popup-header h3{letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);font-size:13px;font-weight:600}.cz-popup-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;display:flex}.cz-popup-close:hover{color:var(--accent-red);background:#f060701a}.cz-popup-body{flex:1;padding:16px 18px;overflow-y:auto}.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-muted);font-size:10px}.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-mono);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-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-mono);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-btn{border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);padding:9px 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}@media (max-width:640px){.cz-content{padding:12px}.cz-stats-row,.cz-actions,.cz-client-grid{grid-template-columns:1fr}.cz-header-title{letter-spacing:1px;font-size:12px}}