:root{--bg:#040816;--card:#0f172a;--text:#fff;--muted:#94a3b8;--blue:#2563eb;--cyan:#38bdf8;--green:#10b981;--red:#ef4444;--line:hsla(0,0%,100%,.08);--shadow:0 25px 60px rgba(0,0,0,.45)}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:radial-gradient(circle at top,#12214d 0,#040816 60%);color:var(--text);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;padding:30px}.panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid hsla(0,0%,100%,.08);border-radius:36px;box-shadow:var(--shadow);padding:38px;width:min(680px,100%)}.brand{align-items:center;display:flex;gap:16px;margin-bottom:34px}.logo{background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:24px;box-shadow:0 15px 40px #2563eb59;display:grid;font-size:2rem;height:72px;place-items:center;width:72px}.brand h1{font-size:2rem;font-weight:900}.brand p{color:var(--muted);margin-top:5px}.tabs{display:flex;gap:12px;margin-bottom:28px}.tab{background:#ffffff0d;border:none;border:1px solid hsla(0,0%,100%,.08);border-radius:18px;color:#fff;cursor:pointer;flex:1;font-size:1rem;font-weight:800;padding:16px;transition:.25s}.tab.active{background:linear-gradient(135deg,#2563eb,#06b6d4)}.section{display:none}.section.active{display:block}.group{margin-bottom:18px}.label{color:#dbeafe;display:block;font-size:.95rem;font-weight:700;margin-bottom:10px}.input{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.08);border-radius:18px;color:#fff;font-size:1rem;outline:none;padding:18px;width:100%}.input:focus{border-color:#38bdf8}.password-wrap{position:relative}.eye-btn{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:0;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.eye-btn:hover{color:#fff}.row{display:grid;gap:16px;grid-template-columns:1fr 1fr}.btn{border:none;border-radius:18px;cursor:pointer;font-size:1rem;font-weight:800;margin-top:10px;padding:18px;transition:.25s;width:100%}.btn:hover{transform:translateY(-3px)}.add-btn{background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.status{background:#ffffff0a;border:1px solid hsla(0,0%,100%,.08);border-radius:18px;font-size:.95rem;line-height:1.8;margin-top:22px;padding:18px;word-break:break-word}.success{color:#10b981}.error{color:#ef4444}.footer{color:#64748b;font-size:.95rem;margin-top:28px;text-align:center}@media (max-width:700px){.row{grid-template-columns:1fr}.panel{padding:26px}.brand{align-items:flex-start}}