:root{--primary-blue:#5daeff;--primary-pink:#ff7eb6;--bg-main:#f7f9fc;--bg-card:#ffffffd1;--text-main:#1a1a1a;--text-secondary:#6b7280;--border-soft:#0000000d;--accent-gradient:linear-gradient(135deg, #5daeff, #ff7eb6)}*{box-sizing:border-box}body{color:var(--text-main);background:var(--bg-main);margin:0;font-family:Inter,SF Pro,PingFang SC,-apple-system,sans-serif}.app-bg{background:radial-gradient(circle at 10% 10%, #5daeff2e, transparent 35%), radial-gradient(circle at 90% 90%, #ff7eb629, transparent 35%), var(--bg-main);min-height:100vh}.login-bg:before{content:"";z-index:-1;background:linear-gradient(120deg,#5daeff2e,#ff7eb62e) 0 0/200% 200%;animation:6s linear infinite gradientMove;position:fixed;inset:0}@keyframes gradientMove{0%{background-position:0%}to{background-position:200%}}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border-soft);border-radius:16px;box-shadow:0 8px 24px #0000000f}.shell{gap:24px;max-width:1200px;margin:0 auto;padding:24px;display:flex}.sidebar{width:240px;height:fit-content;padding:18px;position:sticky;top:20px}.logo{margin-bottom:16px;font-size:1.2rem;font-weight:700}.nav-item{color:var(--text-main);border-radius:10px;margin:6px 0;padding:10px 12px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.nav-item.active,.nav-item:hover{background:#5daeff1f;transform:translateY(-2px);box-shadow:0 12px 30px #00000014}.main{flex:1}.hero{padding:32px}.gradient-text{background:var(--accent-gradient);color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite gradientMove}.text-secondary{color:var(--text-secondary)}.btn{border:1px solid var(--border-soft);cursor:pointer;background:#fff;border-radius:12px;padding:10px 14px;text-decoration:none;transition:all .2s cubic-bezier(.22,1,.36,1);display:inline-block}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000014}.btn:active{transform:scale(.96)}.btn.primary{background:var(--accent-gradient);color:#fff;border:none}.btn.danger{color:#c0392b;background:#fff0f0}.cta-row{gap:10px;margin-top:16px;display:flex}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.stat-card{padding:18px}.stat-card p{margin:8px 0 0;font-size:1.6rem}.section{margin-top:18px;padding:18px}.model-grid,.passkey-list{gap:12px;margin-top:12px;display:grid}.model-item,.passkey-item{border:1px solid var(--border-soft);background:#fffc;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.form-col{flex-direction:column;gap:10px;display:flex}input{border:1px solid var(--border-soft);border-radius:10px;outline:none;padding:10px;transition:box-shadow .18s,border-color .18s}input:focus{border-color:#5daeff;box-shadow:0 0 0 3px #5daeff40}.center-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(460px,100%);padding:24px}.error-text{color:#b91c1c;min-height:1.4rem}.row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.hidden{display:none!important}.modal{z-index:60;place-items:center;display:grid;position:fixed;inset:0}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;background:#11182747;animation:.18s forwards fadeIn;position:absolute;inset:0}.modal-panel{opacity:0;width:min(540px,92vw);padding:20px;animation:.2s cubic-bezier(.22,1,.36,1) forwards modalIn;position:relative;transform:scale(.95)}@keyframes modalIn{to{opacity:1;transform:scale(1)}}@keyframes fadeIn{to{opacity:1}}.toast-stack{z-index:80;gap:8px;display:grid;position:fixed;top:18px;right:18px}.toast{color:#fff;opacity:0;border-radius:12px;padding:10px 12px;animation:.24s cubic-bezier(.22,1,.36,1) forwards toastIn;transform:translate(100px)}.toast.success{background:#10b981}.toast.error{background:#ef4444}@keyframes toastIn{to{opacity:1;transform:translate(0)}}.created-key{white-space:pre-wrap;word-break:break-all;color:#e2e8f0;background:#0f172a;border-radius:10px;padding:10px}.skeleton{background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6) 0 0/300% 100%;border-radius:10px;padding:20px;animation:1.2s linear infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.page-enter{animation:.22s cubic-bezier(.22,1,.36,1) pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;animation:.22s cubic-bezier(.22,1,.36,1) forwards cardIn;transform:translateY(20px)}.reveal:nth-child(2){animation-delay:40ms}.reveal:nth-child(3){animation-delay:80ms}.reveal:nth-child(4){animation-delay:.12s}@keyframes cardIn{to{opacity:1;transform:translateY(0)}}@media (width<=900px){.shell{flex-direction:column}.sidebar{width:100%;position:static}.stats-grid{grid-template-columns:1fr}}