*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f1a;color:#e0e0e0;min-height:100vh}#root{min-height:100vh}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{background:#1a1a2e;padding:2rem;border-radius:12px;text-align:center;width:360px}.login-card h1{margin-bottom:.5rem;font-size:1.5rem}.login-card p{color:#888;margin-bottom:1.5rem}.login-card input{width:100%;padding:.75rem;border-radius:8px;border:1px solid #333;background:#0f0f1a;color:#fff;margin-bottom:1rem;font-size:1rem}.login-card button{width:100%;padding:.75rem;border-radius:8px;border:none;background:#6c5ce7;color:#fff;font-size:1rem;cursor:pointer}.login-card button:hover{background:#5a4bd1}.login-card button.switch-mode{background:transparent;border:1px solid #333;color:#aaa;margin-top:.5rem;font-size:.9rem}.login-card button.switch-mode:hover{background:#1a1a2e;color:#fff;border-color:#6c5ce7}.lang-switch{margin-top:1rem;display:flex;gap:.5rem;justify-content:center}.lang-switch button{padding:.4rem 1rem;border-radius:6px;border:1px solid #333;background:transparent;color:#aaa;cursor:pointer}.lang-switch button.active{background:#6c5ce7;color:#fff;border-color:#6c5ce7}.app{max-width:800px;margin:0 auto;padding:1rem}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #2a2a3e;margin-bottom:1rem}.header h1{font-size:1.4rem}.header-right{display:flex;gap:.5rem;align-items:center}.header-right span{color:#888;font-size:.85rem}.header-right button{padding:.4rem .8rem;border-radius:6px;border:1px solid #333;background:transparent;color:#aaa;cursor:pointer;font-size:.85rem}.nav{display:flex;gap:.5rem;margin-bottom:1.5rem}.nav button{flex:1;padding:.75rem;border-radius:8px;border:1px solid #2a2a3e;background:#1a1a2e;color:#aaa;cursor:pointer;font-size:.95rem;transition:all .2s}.nav button.active{background:#6c5ce7;color:#fff;border-color:#6c5ce7}.vault-header{display:flex;gap:.5rem;margin-bottom:1rem}.search-input{flex:1;padding:.75rem;border-radius:8px;border:1px solid #2a2a3e;background:#1a1a2e;color:#fff;font-size:.95rem}.btn-primary{padding:.75rem 1.5rem;border-radius:8px;border:none;background:#6c5ce7;color:#fff;cursor:pointer;font-size:.95rem;white-space:nowrap}.btn-primary:hover{background:#5a4bd1}.password-list{display:flex;flex-direction:column;gap:.5rem}.password-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#1a1a2e;border-radius:8px}.pw-info{display:flex;flex-direction:column;gap:.2rem}.pw-site{font-weight:600;font-size:1rem}.pw-user{font-size:.85rem;color:#888}.pw-note{font-size:.8rem;color:#666;display:block;margin-top:.3rem}.pw-password{font-family:monospace;color:#6c5ce7;font-size:.9rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #2a2a3e}.pw-creator{font-size:.75rem;color:#555}.pw-actions{display:flex;gap:.25rem}.btn-icon{padding:.4rem .6rem;border-radius:6px;border:none;background:transparent;cursor:pointer;font-size:1rem}.btn-icon:hover{background:#2a2a3e}.btn-delete:hover{background:#e74c3c22}.loading,.empty{text-align:center;color:#555;padding:3rem}.generator{background:#1a1a2e;border-radius:12px;padding:2rem}.result{text-align:center;margin-bottom:2rem}.result code{font-size:1.5rem;letter-spacing:2px;color:#6c5ce7;word-break:break-all}.result .placeholder{color:#555}.btn-copy{margin-left:1rem;padding:.5rem 1rem;border-radius:6px;border:none;background:#2a2a3e;color:#fff;cursor:pointer}.btn-copy.copied{background:#27ae60}.controls{display:flex;flex-direction:column;gap:1rem;max-width:300px;margin:0 auto}.controls label{display:flex;align-items:center;gap:.5rem}.controls input[type=number]{width:60px;padding:.4rem;border-radius:6px;border:1px solid #333;background:#0f0f1a;color:#fff}.options{display:flex;flex-wrap:wrap;gap:1rem}.options label{font-size:.9rem;color:#aaa}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#1a1a2e;padding:2rem;border-radius:12px;width:400px;max-width:90vw}.modal h3{margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;color:#888;margin-bottom:.4rem}.form-group input{width:100%;padding:.75rem;border-radius:8px;border:1px solid #333;background:#0f0f1a;color:#fff;font-size:.95rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}.modal-actions button{padding:.6rem 1.2rem;border-radius:8px;border:1px solid #333;background:transparent;color:#aaa;cursor:pointer}.modal-actions button:first-child{margin-right:auto}.user-list{display:flex;flex-direction:column;gap:.5rem}.user-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#1a1a2e;border-radius:8px}.user-item.blocked{border-left:3px solid #e74c3c;opacity:.7}.user-info{display:flex;flex-direction:column;gap:.2rem}.user-name{font-weight:600;font-size:1rem}.user-id{font-size:.8rem;color:#666;font-family:monospace}.user-date{font-size:.75rem;color:#555}.block-tag{display:inline-block;font-size:.75rem;color:#e74c3c;margin-top:.25rem}.block-reason{color:#888}.user-actions{display:flex;gap:.5rem}.btn-block{padding:.4rem .8rem;border-radius:6px;border:none;background:#e74c3c;color:#fff;cursor:pointer;font-size:.85rem}.btn-block:hover{background:#c0392b}.btn-unblock{padding:.4rem .8rem;border-radius:6px;border:none;background:#27ae60;color:#fff;cursor:pointer;font-size:.85rem}.btn-unblock:hover{background:#1e8449}.filter-tabs{display:flex;gap:.25rem}.filter-tabs button{padding:.4rem .8rem;border-radius:6px;border:1px solid #2a2a3e;background:transparent;color:#aaa;cursor:pointer;font-size:.85rem}.filter-tabs button.active{background:#6c5ce7;color:#fff;border-color:#6c5ce7}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.admin-tabs button{flex:1;padding:.6rem;border-radius:8px;border:1px solid #2a2a3e;background:transparent;color:#aaa;cursor:pointer;font-size:.95rem}.admin-tabs button.active{background:#e74c3c;color:#fff;border-color:#e74c3c}.add-chat-form{background:#1a1a2e;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.add-chat-form h4{margin-bottom:1rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.form-group select{width:100%;padding:.75rem;border-radius:8px;border:1px solid #333;background:#0f0f1a;color:#fff;font-size:.95rem}.pw-accounts{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pw-email{font-size:.85rem;color:#6c5ce7;cursor:pointer;padding:.1rem .3rem;border-radius:4px;transition:background .2s}.pw-email:hover{background:#6c5ce722}.pw-usercode{font-size:.8rem;color:#00cec9;cursor:pointer;padding:.1rem .4rem;border-radius:4px;background:#00cec918;border:1px solid #00cec933;transition:background .2s}.pw-usercode:hover{background:#00cec933}.btn-account-toggle{font-size:.75rem;color:#888;background:transparent;border:1px solid #333;padding:.15rem .4rem;border-radius:4px;cursor:pointer}.btn-account-toggle:hover{background:#2a2a3e}.pw-tags{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:.25rem}.tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;background:#2a2a3e;color:#aaa;padding:.1rem .4rem;border-radius:10px}.tag button{background:none;border:none;color:#666;cursor:pointer;font-size:.8rem;padding:0;line-height:1}.tag button:hover{color:#e74c3c}.pw-account-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#0f0f1a;font-size:.85rem}.pw-account-email{color:#6c5ce7}.accounts-hint{margin:0 0 .5rem;font-size:.8rem;color:#888;line-height:1.4}.pw-oauth-badge{font-size:.75rem;color:#0f9d58;background:#0f9d5818;border:1px solid #0f9d5844;padding:.1rem .5rem;border-radius:12px;display:inline-block;margin-top:.3rem}.pw-account-pass{font-size:.85rem;color:#333;font-family:monospace;background:#f5f5f5;padding:.15rem .4rem;border-radius:4px}.modal-wide{width:560px}.accounts-section{margin:1rem 0;padding:1rem;background:#0f0f1a;border-radius:8px}.accounts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.accounts-header label{font-size:.9rem;color:#ccc}.btn-add-account{font-size:.8rem;padding:.3rem .6rem;border-radius:6px;border:1px dashed #444;background:transparent;color:#888;cursor:pointer}.btn-add-account:hover{border-color:#6c5ce7;color:#6c5ce7}.account-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.account-main{flex:1;display:flex;flex-direction:column;gap:.4rem}.account-email,.account-password{padding:.5rem;border-radius:6px;border:1px solid #333;background:#1a1a2e;color:#fff;font-size:.9rem}.account-actions{display:flex;flex-direction:column;gap:.4rem}.btn-primary.is-primary{background:#27ae60}.btn-primary.is-primary:hover{background:#1e8449}.btn-remove{padding:.3rem .5rem;border-radius:6px;border:none;background:#e74c3c22;color:#e74c3c;cursor:pointer;font-size:.8rem}.btn-remove:hover{background:#e74c3c44}.tags-input{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem;border-radius:8px;border:1px solid #333;background:#0f0f1a}.tags-input input{flex:1;min-width:120px;background:transparent;border:none;color:#fff;font-size:.9rem;outline:none}.hint{font-size:.8rem;color:#666;margin:.25rem 0}.form-group label .hint{font-weight:400}.card-vault{padding:1rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-toolbar{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.filter-tabs{display:flex;gap:.4rem}.filter-tabs button{padding:.35rem .75rem;border-radius:20px;border:1px solid #333;background:transparent;color:#ccc;cursor:pointer;font-size:.85rem}.filter-tabs button.active{background:#6c5ce7;border-color:#6c5ce7;color:#fff}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.card-item{background:linear-gradient(135deg,#1e2a3a,#162232);border-radius:12px;padding:1rem;border:1px solid #2a3a4a;position:relative}.card-top{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.card-icon{font-size:1.5rem}.card-info{flex:1}.card-bank{font-size:.95rem;font-weight:600;color:#fff;display:block}.card-type-label{font-size:.7rem;color:#888}.card-actions{display:flex;gap:.3rem}.card-actions .btn-icon{background:transparent;border:none;cursor:pointer;font-size:.9rem;padding:.2rem}.card-actions .btn-delete:hover{opacity:.7}.card-number{font-family:Courier New,monospace;font-size:1.05rem;letter-spacing:2px;color:#f0f0f0;margin-bottom:.4rem}.card-details{display:flex;gap:1rem;font-size:.8rem;color:#aaa;margin-bottom:.3rem}.card-note{font-size:.75rem;color:#666;display:block}.card-tags{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.4rem}.btn-link{background:none;border:none;color:#6c5ce7;cursor:pointer;font-size:.8rem;padding:.2rem .4rem;text-decoration:underline}.btn-link:hover{color:#5a4bd1}.hint-text{font-size:.8rem;color:#888;margin:.5rem 0}.form-input{width:100%;padding:.6rem;border-radius:6px;border:1px solid #333;background:#0f0f1a;color:#e0e0e0;font-size:.9rem}.empty-hint{color:#666;text-align:center;padding:2rem;font-size:.95rem}