:root{--c-text: #eaf3ff;--c-text-muted: #b7c6e8;--c-accent: #38a1ff;--c-accent-soft: #7fc4ff;--bg-shift-x: 0;--font-main: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-brand: "Playfair Display", Georgia, "Times New Roman", serif;--r-btn: 18px;--sp-page-x: 18px;--sp-gap: 12px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;color-scheme:dark;background:#02060f}body{margin:0;min-height:100vh;font-family:var(--font-main);font-size:16px;line-height:1.35;color:var(--c-text);-webkit-font-smoothing:antialiased}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:url(/static/bg.jpg) center / cover no-repeat;background-position:calc(50% + var(--bg-shift-x, 2.4vw)) 50%}.bg-glow{position:fixed;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:0;pointer-events:none;background:radial-gradient(30% 26% at 50% 12%,rgba(80,170,255,.16),transparent 70%),radial-gradient(26% 22% at 18% 78%,rgba(90,150,255,.12),transparent 70%),radial-gradient(24% 20% at 82% 68%,rgba(120,90,240,.12),transparent 70%);filter:blur(10px)}.stars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.star{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(170,210,255,.5) 55%,transparent 75%);box-shadow:0 0 6px #a0c8ffb3;animation:starDrift var(--drift-dur, 20s) ease-in-out infinite alternate,starTwinkle var(--tw-dur, 4s) ease-in-out infinite}@keyframes starDrift{0%{transform:translateZ(0)}to{transform:translate3d(var(--dx, 0px),var(--dy, 0px),0)}}@keyframes starTwinkle{0%,to{opacity:var(--op-min, .15)}50%{opacity:var(--op-max, .9)}}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;padding:0;margin:0;text-align:left}.page{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:480px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 16px) var(--sp-page-x) calc(env(safe-area-inset-bottom,0px) + 16px)}.header{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:60px;margin-bottom:18px}.account{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#fff;background:#0610288c;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .15s ease,background .15s ease}.account:active{transform:scale(.93);background:#0a1a3cb3}.account svg{width:22px;height:22px}.main{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;padding-bottom:48px}.hero{margin-bottom:22px;text-align:center}.hero__title{margin:0;font-size:clamp(1.7rem,7vw,2.1rem);font-weight:800;text-shadow:0 2px 18px rgba(0,0,0,.85)}.hero__greeting{margin:8px 0 0;font-size:1.05rem;font-weight:500;color:#ebf3fff2;text-shadow:0 1px 12px rgba(0,0,0,.85)}.hero__user{font-weight:700;color:#fff}.menu__list{display:flex;flex-direction:column;gap:var(--sp-gap);width:100%;max-width:380px;margin:0 auto}.tile{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;width:100%;min-height:68px;padding:14px 16px;border-radius:var(--r-btn);color:#fff;background:#040c1e8c;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 20px -12px #000000b3;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}.tile:after{content:"";position:absolute;top:-20%;left:-60%;width:45%;height:140%;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,255,255,.16),transparent);transform:skew(-18deg);transition:left .6s ease}.tile:hover{transform:translateY(-3px);background:#0e1e40ad;border-color:#8cbeff8c;box-shadow:0 16px 34px -12px #000000bf,0 0 26px #38a1ff59}.tile:hover:after{left:130%}.tile:hover .tile__icon{transform:scale(1.08);box-shadow:0 0 22px #38a1ff8c}.tile:hover .tile__chevron{transform:translate(4px);color:#bcd6ff}.tile:active{transform:translateY(-1px) scale(.98);background:#0a1836b8;border-color:#ffffff52}.tile__icon{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#dbeaff;background:#1e78ff47;border:1px solid rgba(120,180,255,.35);transition:transform .18s ease,box-shadow .18s ease}.tile__icon svg{width:24px;height:24px}.tile__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.tile__title{font-size:1.05rem;font-weight:700;text-shadow:0 1px 8px rgba(0,0,0,.7)}.tile__subtitle{font-size:.875rem;color:#c8d6f0d9;text-shadow:0 1px 6px rgba(0,0,0,.7)}.tile__chevron{flex:0 0 auto;color:#c8dcffcc;transition:transform .18s ease,color .18s ease}.tile__chevron svg{width:18px;height:18px}.app-panel{position:relative;z-index:1;max-width:480px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 14px) var(--sp-page-x) calc(env(safe-area-inset-bottom,0px) + 26px)}.section-card{background:#040c1e99;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-height:calc(100vh - 120px)}.section-card h2{margin:0 0 12px;font-size:1.3rem;font-weight:800}.section-card h3{margin:14px 0 6px;font-size:1.05rem;font-weight:800}.back-button{width:auto;margin-bottom:14px}.section-body>*{margin:0 0 12px}.section-body>*:last-child{margin-bottom:0}.muted{color:var(--c-text-muted)}.profile-card{display:flex;align-items:center;gap:14px}.profile-card h3{margin:0 0 3px}.avatar{width:52px;height:52px;flex:0 0 52px;border-radius:16px;display:grid;place-items:center;font-size:22px;font-weight:900;color:#fff;background:linear-gradient(135deg,#2b82ff,#4f9dff)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-item{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px}.info-item span{display:block;color:var(--c-text-muted);font-size:13px;margin-bottom:4px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid rgba(255,255,255,.1)}.badge.active,.badge.approved{background:#22c55e33;color:#86efac}.badge.revoked,.badge.inactive{background:#f59e0b33;color:#fcd34d}.badge.failed,.badge.blocked,.badge.deleted{background:#ef444433;color:#fca5a5}.badge.pending{background:#38a1ff38;color:#9cd0ff}.key-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;word-break:break-all}.key-card b{display:block;margin-bottom:8px;font-size:1.05rem}.actions-row{display:flex;flex-wrap:wrap;gap:10px}.small-button{flex:1 1 150px;display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:14px;padding:12px 14px;text-align:center;color:#fff;font-size:.9375rem;font-weight:700;background:linear-gradient(135deg,#2b82ff,#1565e0);box-shadow:0 10px 22px -10px #000000b3;transition:transform .15s ease,filter .15s ease;-webkit-tap-highlight-color:transparent}.small-button:active{transform:translateY(1px) scale(.98);filter:brightness(1.12)}.small-button.secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.18)}.small-button.danger{background:linear-gradient(135deg,#ef4444,#b91c1c)}.label{display:block;margin:12px 0 6px;font-weight:700}.input{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:13px;background:#030818b3;color:var(--c-text);font:inherit;font-size:16px;outline:none}.input:focus{border-color:var(--c-accent-soft)}@media(prefers-reduced-motion:reduce){.star{animation:none}.tile,.tile:after,.tile__icon,.tile__chevron{transition:none}}