.wifi-card-page{max-width:1200px;margin:3rem auto;padding:0 2rem}.wifi-header{text-align:center;margin-bottom:3rem}.wifi-header h2{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.wifi-header p{font-size:1.125rem;color:var(--text-secondary)}.wifi-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.wifi-form{background:var(--bg-secondary);border-radius:1rem;padding:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.password-input{position:relative;display:flex;align-items:center}.password-input input{flex:1;padding-right:3rem}.toggle-password{position:absolute;right:.75rem;background:transparent;border:none;cursor:pointer;font-size:1.25rem;padding:.5rem;opacity:.6;transition:opacity .2s}.toggle-password:hover{opacity:1}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.error-message{color:var(--error);font-size:.875rem;margin-top:.5rem;display:block}.cards-container{background:var(--bg-secondary);border-radius:1rem;padding:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.cards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.cards-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;justify-items:center}.qr-card-wrapper{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.card-actions{display:flex;gap:1rem;justify-content:center}.form-group{margin-bottom:1.5rem}.form-group.error{margin-bottom:.5rem}.qr-card{background:#fff;padding:2.5rem;border-radius:1.5rem;text-align:center;box-shadow:0 10px 30px #00000026;max-width:400px;width:100%}.qr-card-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;color:var(--primary)}.qr-card h3{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0}.qr-code{display:flex;justify-content:center;margin-bottom:2rem;padding:1rem;background:#f8fafc;border-radius:1rem}.wifi-details{background:#f1f5f9;padding:1.5rem;border-radius:.75rem;margin-bottom:1.5rem}.wifi-info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e2e8f0}.wifi-info-item:last-child{border-bottom:none}.wifi-label{font-weight:600;color:#475569;font-size:.875rem}.wifi-value{color:#1e293b;font-size:.875rem;font-family:Courier New,monospace}.qr-card-footer{border-top:2px dashed #e2e8f0;padding-top:1rem}.qr-card-footer p{margin:0;color:#64748b;font-size:.875rem}.qr-card.classic{background:linear-gradient(135deg,#fef3c7,#fcd34d);border:3px solid #f59e0b}.qr-card.minimal{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.qr-card.minimal .qr-code{background:transparent}.qr-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;width:100%}.btn-print{background:var(--success)}.btn-print:hover{background:#059669}.btn-danger{background:var(--error)}.btn-danger:hover{background:#dc2626}.copy-success{color:var(--success);font-size:.875rem;font-weight:600}@media(max-width:968px){.wifi-content{grid-template-columns:1fr}}@media(max-width:768px){.wifi-card-page{padding:0 1rem;margin:2rem auto}.wifi-header{margin-bottom:2rem}.wifi-header h2{font-size:1.875rem}.wifi-header p{font-size:1rem}.wifi-form,.cards-container{padding:1.5rem}.cards-grid{grid-template-columns:1fr}.qr-actions{flex-direction:column}.qr-actions button{width:100%}.form-group{margin-bottom:1.25rem}}@media(max-width:480px){.wifi-card-page{padding:0 .75rem;margin:1.5rem auto}.wifi-header{margin-bottom:1.5rem}.wifi-header h2{font-size:1.5rem}.wifi-header p{font-size:.938rem}.wifi-form,.cards-container{padding:1.25rem}.qr-card{padding:2rem}.qr-card h3{font-size:1.5rem}.qr-code{padding:.75rem}.wifi-details{padding:1.25rem}.wifi-label,.wifi-value{font-size:.813rem}.custom-select,.custom-select-option{font-size:.875rem}input[type=text],input[type=password]{font-size:.938rem;padding:.75rem .875rem}}@media(max-width:360px){.wifi-card-page{padding:0 .5rem;margin:1rem auto}.wifi-header h2{font-size:1.375rem}.wifi-header p{font-size:.875rem}.wifi-form,.cards-container{padding:1rem}.qr-card{padding:1.5rem}.qr-card h3{font-size:1.375rem}.wifi-label,.wifi-value{font-size:.75rem}input[type=text],input[type=password]{font-size:.875rem;padding:.625rem .75rem}}@media print{.header,.footer,.wifi-header,.wifi-form,.card-actions,.cards-header,.no-print{display:none!important}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}body{background:#fff}.wifi-card-page,.wifi-content,.cards-container{margin:0;padding:0;box-shadow:none;border:none;background:#fff;width:100%;height:100%}.cards-grid{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:148.5mm;gap:0;width:210mm;margin:0 auto;padding:0}.qr-card-wrapper{width:105mm;height:148.5mm;display:flex;justify-content:center;align-items:center;page-break-inside:avoid}.qr-card-wrapper:nth-child(4n){page-break-after:always}.print-card{width:100mm;height:143.5mm;padding:1rem;border:2px dashed #999!important;box-shadow:none!important;display:flex;flex-direction:column;justify-content:space-between}.print-card.modern{background:#fff!important;border:2px dashed #3b82f6!important}.print-card.classic{background:linear-gradient(135deg,#fef3c7,#fcd34d)!important;border:3px solid #f59e0b!important}.print-card.minimal{background:#fff!important;border:1px solid #e2e8f0!important}.qr-card-header{text-align:center;padding:.25rem;flex:0 0 auto}.print-card .qr-card-header h3{font-size:1.125rem;font-weight:700;color:#000;margin:0}.print-card .qr-code{display:flex;justify-content:center;align-items:center;background:transparent!important;flex:1 1 auto;min-height:0}.print-card .qr-code svg{width:140px!important;height:140px!important}.print-card .wifi-details{background:#f1f5f9!important;padding:.5rem;margin:0;flex:0 0 auto}.print-card .wifi-info-item{color:#000;padding:.2rem 0}.print-card .wifi-label,.print-card .wifi-value{color:#000;font-size:.7rem}.print-card .wifi-label{font-weight:600}.print-card .qr-card-footer{text-align:center;padding:.25rem;flex:0 0 auto}.print-card .qr-card-footer p{color:#64748b;font-size:.7rem;margin:0}}.custom-select-wrapper{position:relative}.custom-select{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:.5rem;cursor:pointer;transition:border-color .3s ease,background-color .3s ease;-webkit-user-select:none;user-select:none;min-height:48px;-webkit-tap-highlight-color:transparent;-webkit-transform:translateZ(0);transform:translateZ(0)}.custom-select:hover{border-color:var(--primary);background:var(--bg-secondary)}.custom-select:active{transform:scale(.98)}.custom-select-value{color:var(--text-primary);font-size:.938rem;font-weight:500;flex:1}.custom-select-arrow{color:var(--text-secondary);transition:transform .3s ease;flex-shrink:0;margin-left:.5rem}.custom-select-arrow.open{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-secondary);border:2px solid var(--primary);border-radius:.5rem;box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:100;animation:slideDown .2s ease;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:opacity,transform}@keyframes slideDown{0%{opacity:0;transform:translate3d(0,-10px,0)}to{opacity:1;transform:translateZ(0)}}.custom-select-option{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;color:var(--text-primary);font-size:.938rem;font-weight:500;-webkit-tap-highlight-color:transparent}.custom-select-option:hover{background:var(--bg-tertiary)}.custom-select-option:active{opacity:.8}.custom-select-option.active{background:var(--primary);color:#fff;font-weight:600}