.password-card,.options-card,.batch-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.password-card{padding:1rem}.password-display{margin-bottom:.8rem;display:flex;position:relative}#password-output{border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color);border-radius:4px;flex:1;padding:.6rem;font-family:monospace;font-size:1rem}.password-actions{gap:.3rem;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.icon-button{border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);background:0 0;border-radius:3px;padding:.2rem .5rem;font-size:.85rem}.icon-button:hover{background-color:var(--hover-bg)}.strength-meter-container{align-items:center;gap:.5rem;display:flex}.strength-label{color:var(--text-color);min-width:100px;font-size:.85rem}.strength-meter{background-color:var(--bg-secondary);border-radius:3px;flex:1;height:6px;overflow:hidden}.strength-bar{border-radius:3px;width:0%;height:100%;transition:width .3s,background-color .3s}.strength-bar.very-weak{background-color:#e74c3c;width:20%}.strength-bar.weak{background-color:#e67e22;width:40%}.strength-bar.medium{background-color:#f1c40f;width:60%}.strength-bar.strong{background-color:#2ecc71;width:80%}.strength-bar.very-strong{background-color:#27ae60;width:100%}.options-card{padding:1rem}.option-group{margin-bottom:1rem}.option-group:last-child{margin-bottom:0}.option-group>label{margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.length-input-container{flex-direction:column;gap:.3rem;display:flex}#password-length{border:1px solid var(--border-color);background-color:var(--input-bg);width:100%;max-width:150px;color:var(--text-color);border-radius:4px;padding:.5rem;font-size:.9rem}.input-hint{color:var(--text-color-secondary);font-size:.8rem}.checkbox-group{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.checkbox-label{cursor:pointer;align-items:center;gap:.4rem;font-size:.9rem;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer}.action-button{background-color:var(--bg-secondary);color:var(--text-color);cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:background-color .2s;display:inline-block}.action-button:hover{background-color:var(--hover-bg)}.action-button.primary{background-color:var(--primary-color);font-weight:500;color:#fff!important}.action-button.primary:hover{background-color:var(--primary-dark,#1565c0)}.action-button.secondary{border:1px solid var(--border-color)}.batch-card{overflow:hidden}.batch-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.7rem 1rem}.batch-header h3{color:var(--text-color);margin:0;font-size:1rem}.batch-content{padding:1rem;display:block}.batch-controls{align-items:flex-end;gap:.5rem;margin-bottom:.8rem;display:flex}.batch-input{flex:1}.batch-input label{margin-bottom:.3rem;font-size:.9rem;display:block}.number-input{border:1px solid var(--border-color);background-color:var(--input-bg);width:100%;color:var(--text-color);border-radius:4px;padding:.4rem}#batch-passwords{border:1px solid var(--border-color);background-color:var(--input-bg);width:100%;height:120px;color:var(--text-color);resize:vertical;border-radius:4px;margin-bottom:.8rem;padding:.5rem;font-family:monospace}.batch-actions{justify-content:flex-end;gap:.5rem;display:flex}.status-message{color:#fff;z-index:1000;background-color:#333;border-radius:4px;padding:.6rem 1rem;font-size:.9rem;display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.status-message.success{background-color:#2ecc71}.status-message.error{background-color:#e74c3c}@media (width<=768px){.checkbox-group{grid-template-columns:1fr}.batch-controls{flex-direction:column;align-items:stretch;gap:1rem}.batch-generate-btn{width:100%;margin-left:0}.password-actions{justify-content:flex-end;margin-top:.5rem;position:static;transform:none}.password-display{flex-direction:column}}.batch-generate-btn{background-color:var(--primary-color);color:#fff;min-width:150px;margin-left:.5rem;padding:.6rem 1rem;font-weight:500}.options-row{gap:1rem;margin-bottom:1rem;display:flex}@media (width<=768px){.options-row{flex-direction:column;gap:1rem}}.passwords-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;margin-bottom:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.passwords-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.passwords-header h3{color:var(--text-color);margin:0;font-size:1rem}.password-item{border:1px solid var(--border-color);background-color:var(--input-bg);border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem;display:flex}.password-item:last-child{margin-bottom:0}.password-text{color:var(--text-color);word-break:break-all;font-family:monospace;font-size:.9rem}.password-copy{color:var(--primary-color);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.3rem .5rem;font-size:.8rem}.password-copy:hover{background-color:var(--hover-bg)}.empty-message{text-align:center;color:var(--text-color-secondary);padding:2rem 0;font-style:italic}.count-input-container{flex-direction:column;gap:.3rem;display:flex}#password-count{border:1px solid var(--border-color);background-color:var(--input-bg);width:100%;max-width:150px;color:var(--text-color);border-radius:4px;padding:.5rem;font-size:.9rem}.password-entry{background-color:var(--input-bg);border:1px solid var(--border-color);word-break:break-all;cursor:text;color:var(--text-color);border-radius:4px;margin-bottom:.3rem;padding:.5rem;font-family:monospace;position:relative}.password-entry:hover{background-color:var(--hover-bg)}.passwords-list{max-height:300px;padding:1rem;overflow-y:auto}.group-label[data-v-7d0173da]{margin-bottom:.35rem;font-weight:600;display:block}