:root{--blue:#2563eb;--green:#16a34a;--ink:#0f1b3d;--bg:#f2f6ff}
body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink)}
.ls-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(1000px 500px at 10% -10%,#dbe7ff 0,transparent 60%),radial-gradient(900px 500px at 100% 110%,#d9f7e4 0,transparent 55%),var(--bg)}
.ls-card{background:#fff;border-radius:22px;box-shadow:0 20px 60px rgba(37,99,235,.15);width:100%;animation:rise .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
.brand{font-weight:800;letter-spacing:-.02em}
.brand b{background:linear-gradient(90deg,#16a34a,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat{background:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 6px 24px rgba(15,27,61,.06);animation:rise .5s both}
.stat .n{font-size:2rem;font-weight:800;line-height:1}
.panel{background:#fff;border-radius:18px;box-shadow:0 6px 24px rgba(15,27,61,.06);animation:rise .6s .1s both}
.key-chip{font-family:ui-monospace,Menlo,Consolas,monospace;background:#eef3ff;border-radius:8px;padding:4px 10px;font-size:.85rem;cursor:pointer;user-select:all}
.key-chip:hover{background:#dfe9ff}
.table>:not(caption)>*>*{padding:.8rem .9rem;vertical-align:middle}
.btn-grad{background:linear-gradient(90deg,#2563eb,#16a34a);color:#fff;border:0}
.btn-grad:hover{color:#fff;filter:brightness(1.06)}
.newkey{background:linear-gradient(120deg,#e8f1ff,#e6f9ee);border-radius:14px;padding:16px;animation:rise .4s both}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}