*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0a0e17;--bg-card: #111827;--bg-card-hover: #1a2234;--accent-cyan: #00f0ff;--accent-blue: #0066cc;--accent-purple: #8b5cf6;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--border-color: #1e293b;--glow-cyan: 0 0 20px rgba(0, 240, 255, .3);--glow-blue: 0 0 20px rgba(0, 102, 204, .3)}body{font-family:Segoe UI,Roboto,Inter,sans-serif;background:linear-gradient(135deg,#0a0e17,#1a1a2e,#0a0e17);min-height:100vh;color:var(--text-primary);background-attachment:fixed}.container{max-width:1200px;margin:0 auto;padding:20px}.auth-container{max-width:420px;margin:100px auto;padding:40px;background:#111827cc;border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--glow-cyan),0 25px 50px -12px #00000080;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-container .logo{margin-bottom:25px}.auth-container h1{margin-bottom:30px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:28px;font-weight:700;letter-spacing:1px}.auth-container form{text-align:left}h1,h2,h3{color:var(--text-primary);font-weight:600}h1{font-size:24px;letter-spacing:.5px}h2{font-size:20px;margin-bottom:25px;color:var(--accent-cyan)}h3{font-size:16px;color:var(--text-primary)}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;color:var(--text-secondary);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:1px}input,select,textarea{width:100%;padding:14px 16px;background:#0d1117;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);transition:all .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}input::placeholder{color:#4a5568}textarea{resize:vertical;min-height:100px;font-family:inherit}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f0ff' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}button{padding:12px 24px;background:linear-gradient(135deg,var(--accent-blue),#004499);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}button:hover:before{left:100%}button:hover{transform:translateY(-2px);box-shadow:var(--glow-blue)}button:active{transform:translateY(0)}button.secondary{background:#94a3b81a;border:1px solid var(--border-color);color:var(--text-secondary)}button.secondary:hover{background:#94a3b833;border-color:var(--text-secondary);box-shadow:none}button.danger{background:linear-gradient(135deg,#dc2626,#991b1b)}button.danger:hover{box-shadow:0 0 20px #dc262666}button.success{background:linear-gradient(135deg,var(--accent-cyan),#0891b2)}button.success:hover{box-shadow:0 0 20px #00f0ff66}.error{color:#f87171;margin-bottom:20px;padding:12px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:8px}.success{color:var(--accent-cyan);margin-bottom:15px}.tabs{display:flex;gap:8px;margin-bottom:25px;background:#11182780;padding:6px;border-radius:12px;width:fit-content}.tabs .tab{padding:12px 24px;background:transparent;border:none;cursor:pointer;font-size:14px;color:var(--text-secondary);border-radius:8px;font-weight:500;transition:all .3s ease}.tabs .tab:hover{color:var(--text-primary);background:#ffffff0d}.tabs .tab.active{background:linear-gradient(135deg,var(--accent-blue),#004499);color:#fff;box-shadow:var(--glow-blue)}.header{background:#111827cc;padding:16px 24px;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header h1{font-size:20px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-bar{display:flex;gap:12px;margin-bottom:25px}.search-bar input{flex:1;background:#11182780;border:1px solid var(--border-color);padding:14px 20px}.search-bar input:focus{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.password-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.password-card{background:#11182799;border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.password-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent-cyan),var(--accent-blue));opacity:0;transition:opacity .3s ease}.password-card:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:var(--glow-cyan)}.password-card:hover:before{opacity:1}.password-info h3{margin-bottom:12px;color:var(--text-primary);font-size:18px}.password-info p{color:var(--text-secondary);font-size:13px;margin-bottom:6px}.password-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.category-tag{display:inline-block;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);padding:4px 12px;border-radius:20px;font-size:12px;color:var(--accent-cyan);margin-top:8px;margin-right:6px}.form-container{max-width:600px;margin:30px auto;background:#111827cc;border:1px solid var(--border-color);padding:35px;border-radius:16px;box-shadow:0 25px 50px -12px #00000080}.form-actions{display:flex;gap:12px;margin-top:30px}.checkbox-group{display:flex;gap:20px;flex-wrap:wrap}.checkbox-group label{display:flex;align-items:center;gap:8px;font-weight:400;text-transform:none;font-size:14px;color:var(--text-secondary);cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-cyan);cursor:pointer}.checkbox-group input[type=number]{width:70px;padding:8px}.password-display{display:flex;align-items:center;gap:10px}.password-display input{flex:1;font-family:Courier New,monospace;letter-spacing:2px}.actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.filters{display:flex;gap:10px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state p{font-size:16px;opacity:.7}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}a{color:var(--accent-cyan);text-decoration:none;transition:color .3s ease}a:hover{color:#fff;text-shadow:var(--glow-cyan)}@media (max-width: 768px){.password-list{grid-template-columns:1fr}.header-content{flex-direction:column;gap:15px}.actions-bar{flex-direction:column;align-items:stretch}.tabs{width:100%}.tabs .tab{flex:1;text-align:center}}