@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font: "Bricolage Grotesque", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--void: #050508;--bg: #080810;--surface: #0c0b16;--surface-2: #10101c;--surface-3: #15142a;--surface-4: #1c1b34;--border: rgba(255,255,255,.055);--border-mid: rgba(255,255,255,.1);--border-hi: rgba(255,255,255,.16);--accent: #3b82f6;--accent-2: #60a5fa;--accent-3: #93c5fd;--accent-dim: rgba(59,130,246,.12);--accent-glow: rgba(59,130,246,.35);--text: #eeeef8;--text-2: #8888a8;--text-3: #50506a;--green: #22d3a5;--yellow: #f5bd5a;--red: #f43f5e;--purple: #a78bfa;--titlebar-h: 40px;--sidebar-w: 224px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--void);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}button{font-family:var(--font);cursor:pointer}input,textarea,select{font-family:var(--font)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-dim);color:var(--text)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hi)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes springIn{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes ripple{0%{transform:scale(0);opacity:.4}to{transform:scale(2.5);opacity:0}}@keyframes shineSwipe{0%{left:-60%}to{left:140%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float1{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-24px) rotate(6deg)}66%{transform:translateY(12px) rotate(-4deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(20px) rotate(-8deg)}70%{transform:translateY(-14px) rotate(5deg)}}@keyframes float3{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.08)}}@keyframes shuffle{0%{transform:translateY(0);opacity:1}30%{transform:translateY(-4px);opacity:.5}60%{transform:translateY(4px);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:1}}@keyframes codeGlow{0%{box-shadow:0 0 0 0 var(--accent-glow)}to{box-shadow:0 0 0 8px transparent}}.titlebar{position:fixed;top:0;left:0;right:0;height:var(--titlebar-h);z-index:9999;display:flex;align-items:center;background:var(--surface);border-bottom:1px solid var(--border);-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.titlebar__logo{display:flex;align-items:center;gap:8px;padding:0 14px;-webkit-app-region:no-drag}.titlebar__logo-icon{width:22px;height:22px;border-radius:6px;overflow:hidden;flex-shrink:0}.titlebar__logo-name{font-size:13px;font-weight:700;letter-spacing:-.2px;color:var(--text-2)}.titlebar__drag{flex:1;height:100%}.titlebar__controls{display:flex;align-items:center;gap:2px;padding:0 8px;-webkit-app-region:no-drag}.titlebar__btn{width:36px;height:36px;border:none;background:transparent;color:var(--text-3);display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:background .15s,color .15s;font-size:14px;line-height:1}.titlebar__btn:hover{background:var(--surface-3);color:var(--text)}.titlebar__btn--close:hover{background:#f43f5e29;color:var(--red)}.app-layout{display:flex;height:calc(100vh - var(--titlebar-h));margin-top:var(--titlebar-h);overflow:hidden;background:var(--void)}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);height:100%;overflow:hidden;position:relative}.sidebar__brand{display:none}.sidebar__scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 8px;position:relative}.sidebar__pill{position:absolute;left:8px;right:8px;height:34px;background:var(--accent-dim);border-radius:8px;border:1px solid rgba(59,130,246,.2);transition:top .28s var(--ease-smooth),opacity .15s;pointer-events:none;z-index:0}.sidebar__section-label{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-3);padding:10px 8px 4px}.sidebar__item{display:flex;align-items:center;gap:9px;width:100%;padding:0 10px;height:34px;border-radius:8px;border:none;background:transparent;color:var(--text-2);font-size:13px;font-weight:500;cursor:pointer;position:relative;z-index:1;text-align:left;transition:color .15s;animation:slideLeft .35s var(--ease-smooth) both;white-space:nowrap}.sidebar__item:hover{color:var(--text)}.sidebar__item--active{color:var(--accent-3)!important;font-weight:600}.sidebar__item-icon{width:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s}.sidebar__count{margin-left:auto;font-size:11px;font-weight:600;background:var(--surface-3);color:var(--text-3);border-radius:10px;padding:1px 7px;font-variant-numeric:tabular-nums}.sidebar__item--active .sidebar__count{background:var(--accent-dim);color:var(--accent-2)}.sidebar__user{display:flex;align-items:center;gap:8px;padding:10px;border-top:1px solid var(--border);flex-shrink:0}.sidebar__avatar{width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:-.3px}.sidebar-wrap{display:contents}.sidebar-overlay{display:none}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.topbar{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface)}.search-wrap{flex:1;display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:0 14px;color:var(--text-3);transition:border-color .15s,box-shadow .15s;max-width:400px}.search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.search-input{flex:1;background:transparent;border:none;color:var(--text);font-size:13px;height:36px;outline:none}.search-input::placeholder{color:var(--text-3)}.content-area{flex:1;overflow-y:auto;padding:20px}.content-title{display:flex;align-items:center;gap:10px;margin-bottom:18px}.content-title h2{font-size:18px;font-weight:700;letter-spacing:-.4px;color:var(--text)}.content-count{font-size:12px;color:var(--text-3);background:var(--surface-2);border-radius:10px;padding:2px 8px}.entry-list{display:flex;flex-direction:column;gap:6px}.entry-card{display:flex;align-items:center;gap:13px;padding:13px 14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s var(--ease-spring);animation:fadeUp .4s var(--ease-smooth) both}.entry-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.02),transparent);opacity:0;transition:opacity .2s}.entry-card:hover{border-color:var(--border-hi);box-shadow:0 4px 24px #0006,0 0 0 1px #3b82f61f;transform:translateY(-1px)}.entry-card:hover:before{opacity:1}.entry-card:active{transform:translateY(0) scale(.995)}.entry-card:nth-child(1){animation-delay:0ms}.entry-card:nth-child(2){animation-delay:40ms}.entry-card:nth-child(3){animation-delay:70ms}.entry-card:nth-child(4){animation-delay:95ms}.entry-card:nth-child(5){animation-delay:115ms}.entry-card:nth-child(6){animation-delay:.13s}.entry-card:nth-child(n+7){animation-delay:.14s}.entry-card__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s var(--ease-spring)}.entry-card:hover .entry-card__icon{transform:scale(1.08)}.entry-card__body{flex:1;min-width:0}.entry-card__title{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.2px}.entry-card__sub{font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.entry-card__actions{display:flex;gap:4px;opacity:0;transform:translate(6px);transition:opacity .2s,transform .2s var(--ease-smooth)}.entry-card:hover .entry-card__actions{opacity:1;transform:translate(0)}.icon-btn{position:relative;overflow:hidden;width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:var(--text-3);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,transform .1s;flex-shrink:0}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.icon-btn:active{transform:scale(.88)}.btn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:9px;border:1px solid transparent;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;position:relative;overflow:hidden;white-space:nowrap;letter-spacing:-.1px}.btn:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:skew(-20deg);opacity:0;pointer-events:none}.btn:hover:after{animation:shineSwipe .55s ease-out forwards;opacity:1}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 2px 10px #3b82f659}.btn-primary:hover{background:#4f90f8;box-shadow:0 4px 18px #3b82f680}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface-3);color:var(--text-2);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-4);color:var(--text);border-color:var(--border-mid)}.btn-ghost{background:transparent;color:var(--text-2);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:#f43f5e1f;color:var(--red);border-color:#f43f5e33}.btn-danger:hover{background:#f43f5e38;border-color:#f43f5e59}.form-group{margin-bottom:14px}.form-label{display:block;font-size:11.5px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.form-input{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;color:var(--text);padding:9px 12px;font-size:13.5px;outline:none;transition:border-color .15s,box-shadow .15s;resize:none}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-input::placeholder{color:var(--text-3)}textarea.form-input{resize:vertical;min-height:80px}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 24 24' stroke='%2350506a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}select.form-input option{background:#1a1a2e}.password-field{position:relative}.password-field__actions{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;gap:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050508c7;-webkit-backdrop-filter:blur(14px) saturate(.8);backdrop-filter:blur(14px) saturate(.8);display:flex;align-items:center;justify-content:center;z-index:500;animation:fadeIn .18s ease;padding:20px}.modal{background:var(--surface);border:1px solid var(--border-mid);border-radius:18px;padding:28px;width:100%;max-width:500px;max-height:calc(100vh - 60px);overflow-y:auto;animation:springIn .42s var(--ease-spring) both;box-shadow:0 0 0 1px #ffffff0a inset,0 24px 80px #0009,0 4px 24px #0006;position:relative}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);border-radius:18px 18px 0 0;pointer-events:none}.modal-title{font-size:18px;font-weight:700;letter-spacing:-.4px;color:var(--text);margin-bottom:20px}.category-chips{display:flex;flex-wrap:wrap;gap:6px}.category-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-3);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.category-chip:hover{border-color:var(--border-hi);color:var(--text-2)}.category-chip--active{background:color-mix(in srgb,var(--chip-color) 14%,transparent);border-color:color-mix(in srgb,var(--chip-color) 40%,transparent);color:var(--chip-color)}.totp-display{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;margin-top:8px;margin-bottom:4px}.totp-ring{position:relative;width:44px;height:44px;flex-shrink:0}.totp-ring svg{display:block}.totp-ring-bg{fill:none;stroke:var(--surface-4)}.totp-ring-fill{fill:none;stroke:var(--accent);transition:stroke-dashoffset 1s linear,stroke .5s ease;stroke-linecap:round}.totp-ring-fill.urgent{stroke:var(--red)}.totp-ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:var(--font-mono);color:var(--text-2)}.totp-info{flex:1}.totp-code{font-family:var(--font-mono);font-size:22px;font-weight:700;letter-spacing:6px;color:var(--text);line-height:1}.totp-label{font-size:11px;color:var(--text-3);margin-top:3px;text-transform:uppercase;letter-spacing:.5px}.pwgen-output{display:flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:14px}.pwgen-result{flex:1;font-family:var(--font-mono);font-size:13px;color:var(--text);word-break:break-all;min-height:20px;animation:shuffle .3s var(--ease-smooth)}.pwgen-opts{display:flex;flex-direction:column;gap:10px}.pwgen-opt{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-2)}.pwgen-opt input[type=range]{width:140px;accent-color:var(--accent);cursor:pointer}.pwgen-opt input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.strength-bar{display:flex;gap:4px;height:3px;margin-bottom:20px}.strength-seg{flex:1;height:100%;border-radius:3px;background:var(--surface-4);transition:background .3s}.strength-seg--1{background:var(--red)}.strength-seg--2{background:var(--yellow)}.strength-seg--3{background:var(--green)}.strength-seg--4{background:var(--accent)}.toast{padding:11px 16px;border-radius:10px;font-size:13.5px;font-weight:500;cursor:pointer;border:1px solid transparent;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeUp .3s var(--ease-smooth) both;max-width:320px;box-shadow:0 8px 30px #0006}.toast--success{background:#22d3a526;color:var(--green);border-color:#22d3a540}.toast--error{background:#f43f5e26;color:var(--red);border-color:#f43f5e40}.toast--info{background:#3b82f626;color:var(--accent-3);border-color:#3b82f640}.spinner{width:24px;height:24px;border-radius:50%;border:2.5px solid var(--border-mid);border-top-color:var(--accent);animation:spin .7s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:80px 20px;color:var(--text-3);text-align:center;animation:fadeIn .4s ease}.empty-state__icon{width:56px;height:56px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-3)}.empty-state p{font-size:14px}.auth-page{position:fixed;top:var(--titlebar-h);left:0;right:0;bottom:0;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.auth-page:before,.auth-page:after{content:"";position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.auth-page:before{width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.14) 0%,transparent 70%);top:-120px;right:-80px;animation:float1 12s ease-in-out infinite}.auth-page:after{width:320px;height:320px;background:radial-gradient(circle,rgba(167,139,250,.1) 0%,transparent 70%);bottom:-80px;left:-60px;animation:float2 15s ease-in-out infinite}.auth-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.auth-shape{position:absolute;border:1px solid rgba(59,130,246,.09);border-radius:24px;animation:float3 18s ease-in-out infinite}.auth-shape:nth-child(1){width:120px;height:120px;top:12%;left:8%;transform:rotate(15deg);animation-duration:14s;border-color:#3b82f612}.auth-shape:nth-child(2){width:64px;height:64px;top:60%;left:12%;border-radius:50%;animation-duration:19s;animation-delay:-4s;border-color:#a78bfa17}.auth-shape:nth-child(3){width:80px;height:80px;top:20%;right:10%;transform:rotate(45deg);animation-duration:11s;animation-delay:-7s}.auth-shape:nth-child(4){width:40px;height:40px;bottom:20%;right:15%;border-radius:50%;animation-duration:22s;animation-delay:-2s;border-color:#22d3a512}.auth-shape:nth-child(5){width:160px;height:160px;top:55%;right:5%;border-radius:30px;transform:rotate(-20deg);animation-duration:16s;animation-delay:-9s;border-color:#3b82f60a}.auth-wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:380px;padding:0 20px;animation:fadeUp .5s var(--ease-smooth) both}.auth-logo-mark{display:flex;align-items:center;gap:10px;animation:fadeUp .5s var(--ease-smooth) .05s both}.auth-logo-icon{width:44px;height:44px;border-radius:13px;overflow:hidden;box-shadow:0 6px 24px #3b82f659}.auth-logo-name{font-size:20px;font-weight:800;letter-spacing:-.6px;color:var(--text)}.auth-card{width:100%;background:var(--surface);border:1px solid var(--border-mid);border-radius:20px;padding:28px;box-shadow:0 0 0 1px #ffffff0a inset,0 24px 80px #00000080;animation:fadeUp .5s var(--ease-smooth) .1s both;position:relative}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);border-radius:20px 20px 0 0;pointer-events:none}.auth-heading{font-size:20px;font-weight:800;letter-spacing:-.5px;color:var(--text);margin-bottom:4px}.auth-sub{font-size:13.5px;color:var(--text-3);margin-bottom:22px;line-height:1.6}.auth-error{background:#f43f5e1a;border:1px solid rgba(244,63,94,.22);color:var(--red);border-radius:8px;padding:9px 12px;font-size:13px;margin-bottom:14px}.auth-tabs{display:flex;gap:2px;background:var(--surface-2);border-radius:10px;padding:3px;margin-bottom:20px}.auth-tab{flex:1;padding:7px;border-radius:8px;border:none;background:transparent;color:var(--text-3);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.auth-tab--active{background:var(--surface-4);color:var(--text);box-shadow:0 1px 4px #0000004d}.verify-icon{width:52px;height:52px;border-radius:14px;background:var(--accent-dim);border:1px solid rgba(59,130,246,.25);display:flex;align-items:center;justify-content:center;color:var(--accent-2);margin:0 auto 16px}.code-inputs{display:flex;gap:8px;justify-content:center;margin:20px 0}.code-input{width:44px;height:52px;text-align:center;font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--text);background:var(--surface-2);border:1.5px solid var(--border);border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s,transform .15s var(--ease-spring);caret-color:var(--accent)}.code-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);transform:scale(1.06)}.code-input--filled{border-color:#3b82f652;background:var(--accent-dim);animation:codeGlow .4s ease}.resend-link{border:none;background:transparent;color:var(--accent-2);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);transition:color .15s}.resend-link:disabled{color:var(--text-3);cursor:default}.resend-link:not(:disabled):hover{color:var(--accent-3);text-decoration:underline}.loading-screen{display:flex;align-items:center;justify-content:center;height:calc(100vh - var(--titlebar-h));margin-top:var(--titlebar-h);background:var(--bg);gap:14px;flex-direction:column}.loading-dots{display:flex;gap:6px}.loading-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:dotPulse 1.2s ease-in-out infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}.settings-section{margin-bottom:24px}.settings-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text-3);margin-bottom:10px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;margin-bottom:6px}.settings-row__info{flex:1}.settings-row__label{font-size:13.5px;font-weight:600;color:var(--text);margin-bottom:2px}.settings-row__desc{font-size:12px;color:var(--text-3);line-height:1.5}.toggle{position:relative;width:40px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:var(--surface-4);border:1px solid var(--border);cursor:pointer;transition:background .22s,border-color .22s}.toggle input:checked+.toggle__track{background:var(--accent);border-color:var(--accent)}.toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .22s var(--ease-spring);box-shadow:0 1px 4px #0000004d}.toggle input:checked+.toggle__track:after{transform:translate(18px)}.danger-zone{border:1px solid rgba(244,63,94,.18);border-radius:11px;overflow:hidden}.danger-zone-header{padding:10px 14px;background:#f43f5e0f;border-bottom:1px solid rgba(244,63,94,.14);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--red)}.danger-zone-body{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.danger-zone-body p{font-size:13px;color:var(--text-2);line-height:1.5}.delete-confirm-card{text-align:center;padding:8px 0}.delete-confirm-icon{width:56px;height:56px;border-radius:16px;background:#f43f5e1f;border:1px solid rgba(244,63,94,.22);display:flex;align-items:center;justify-content:center;color:var(--red);margin:0 auto 16px}.delete-confirm-title{font-size:18px;font-weight:800;letter-spacing:-.4px;color:var(--text);margin-bottom:10px}.delete-confirm-body{font-size:13.5px;color:var(--text-2);line-height:1.7;margin-bottom:24px}.delete-confirm-body strong{color:var(--red);font-weight:700}.delete-confirm-input-wrap{margin-bottom:20px;text-align:left}.mobile-menu-btn{display:none}@media (max-width: 680px){:root{--sidebar-w: 200px}.mobile-menu-btn{display:flex}.hide-mobile{display:none!important}.sidebar-wrap{display:block;position:fixed;top:0;left:0;height:100%;z-index:200;transform:translate(-100%);transition:transform .28s var(--ease-smooth)}.sidebar-wrap--open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:199;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.topbar{padding:10px 14px}.content-area{padding:14px}.auth-card{padding:22px 20px}.code-input{width:38px;height:46px;font-size:18px}}