@import"https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800;900&display=swap";:root{--bg: #0a1018;--bg-2: #0d1520;--panel: rgba(17, 26, 39, .88);--panel-strong: #121d2b;--line: #253246;--line-soft: rgba(148, 163, 184, .16);--text: #eef5ff;--muted: #99a8ba;--soft: #c8d3df;--accent: #62d78f;--accent-2: #9ce8b8;--danger: #f08b8b;--shadow: 0 24px 70px rgba(0, 0, 0, .34);font-family:Outfit,sans-serif;color:var(--text);background:var(--bg);font-variant-numeric:tabular-nums}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 12% -12%,rgba(98,215,143,.16),transparent 32rem),radial-gradient(circle at 92% 8%,rgba(111,139,191,.12),transparent 28rem),linear-gradient(180deg,#0a1018,#0b111a 48%,#090e15)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.035;background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);background-size:56px 56px}button,input{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.75rem;border:0;border-radius:.7rem;background:var(--accent);color:#06120b;padding:0 1rem;cursor:pointer;font-weight:800;white-space:nowrap;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}button:hover{background:var(--accent-2);transform:translateY(-1px)}button:active{transform:translateY(0) scale(.985)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(98,215,143,.28);outline-offset:3px}button:disabled{opacity:.65;cursor:wait;transform:none}input{width:100%;min-height:3rem;border:1px solid var(--line);border-radius:.7rem;background:#0c1420;color:var(--text);padding:0 .95rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input:focus{border-color:var(--accent);background:#0f1926;box-shadow:0 0 0 4px #62d78f1f}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:900;color:var(--text);letter-spacing:-.01em}.statusDot{border:1px solid rgba(98,215,143,.34);border-radius:.7rem;color:var(--accent-2);background:#1e402d57;padding:.5rem .8rem;font-size:.82rem;font-weight:800}.hero,.inbox,.adminCard,.adminGrid form,.adminConsole,.adminTabPanel form,.createdPanel,.mailboxAdmin,.adminStats div{border:1px solid var(--line-soft);background:#111a27f0;box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:1.5rem;align-items:stretch;border-radius:1.25rem;padding:clamp(1.15rem,3vw,2rem)}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:900;margin-bottom:.55rem}.hero h1{font-size:clamp(3rem,8vw,6.6rem);line-height:.86;letter-spacing:-.06em;margin-bottom:1.1rem}.subcopy{color:var(--muted);font-size:1.05rem;line-height:1.65;max-width:34rem;text-wrap:pretty}.finder{display:grid;align-content:center;gap:.85rem;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(180deg,#121d2bf0,#0d1520f0);padding:clamp(1rem,2.4vw,1.35rem)}label{color:var(--soft);font-size:.86rem;font-weight:800}.hint{color:var(--muted);font-size:.86rem;line-height:1.55;margin:0}.accessKeyDetails{border:1px solid var(--line);border-radius:.75rem;background:#0a10189e;padding:.72rem .8rem}.accessKeyDetails summary{color:var(--muted);cursor:pointer;font-size:.86rem;font-weight:800}.accessKeyDetails input{margin-top:.7rem}.alert{margin:1rem 0 0;border:1px solid rgba(240,139,139,.34);border-radius:.9rem;background:#3c181db8;color:#ffd1d1;padding:.9rem 1rem}.inbox{margin-top:1.4rem;border-radius:1.25rem;padding:clamp(1rem,2.4vw,1.4rem)}.resultHeader{display:flex;align-items:center;justify-content:space-between;gap:1.1rem;padding-bottom:1.1rem;border-bottom:1px solid var(--line-soft)}.resultHeader h2{font-size:clamp(1.35rem,3vw,1.75rem);letter-spacing:-.035em;margin-bottom:0}.toolbar,.createdActions{display:flex;gap:.7rem;flex-wrap:wrap}.toolbar button,.createdActions button{background:#142235;color:var(--text);border:1px solid var(--line)}.toolbar button:hover,.createdActions button:hover{background:#192a41;border-color:#62d78f57}.resultGrid{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:1.1rem;margin-top:1.1rem}.otpPanel{position:sticky;top:1rem;align-self:start;border-radius:1rem;background:linear-gradient(145deg,var(--accent),#89e9a8);color:#06120b;padding:clamp(1.1rem,3vw,1.45rem);box-shadow:0 18px 50px #62d78f2e}.otpPanel span{text-transform:uppercase;font-size:.74rem;font-weight:900;letter-spacing:.08em}.otpPanel strong{display:block;margin:.65rem 0 .55rem;font-size:clamp(3.7rem,9vw,5.8rem);line-height:.9;font-weight:900;letter-spacing:-.06em}.otpPanel p{margin-bottom:0;font-weight:800;color:#06120bd1}.messages{display:grid;gap:.75rem}.listTitle{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.listTitle h3{color:var(--text);margin-bottom:0}.message{border:1px solid var(--line);border-radius:1rem;background:var(--panel-strong);padding:1rem;transition:border-color .18s ease,transform .18s ease}.message:hover{border-color:#62d78f47;transform:translateY(-1px)}.message div{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.message b{color:var(--accent-2);font-size:1.1rem}.message h3{margin:.65rem 0 .25rem;font-size:1rem}.message p,.empty{color:var(--muted);line-height:1.55;margin-bottom:.35rem}time{color:#738298;font-size:.78rem}.adminLogin{min-height:100dvh;display:grid;place-items:center;padding:1.25rem}.adminCard{width:min(430px,100%);display:grid;gap:.9rem;border-radius:1.2rem;padding:1.4rem}.adminCard h1{font-size:1.7rem;letter-spacing:-.04em}.dashboard{width:min(1380px,calc(100% - 32px));margin:0 auto;padding:24px 0 42px}.dashboard .adminHeader{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1rem}.dashboard h1{font-size:clamp(2.35rem,5vw,4.25rem);line-height:.92;letter-spacing:-.065em;margin-bottom:0}.adminConsole{border-radius:1.25rem;padding:1rem;min-height:min(760px,calc(100dvh - 150px))}.adminConsoleTop{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:stretch;margin-bottom:1rem}.adminStats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:0;padding:0;border:0;background:transparent}.adminStats div{border-radius:.95rem;padding:.9rem 1rem;box-shadow:none}.adminStats span{display:block;font-size:1.75rem;font-weight:900;color:var(--accent);letter-spacing:-.05em}.adminStats p{color:var(--muted);margin-bottom:0;font-size:.88rem}.adminTabs{display:grid;grid-template-columns:repeat(3,minmax(7.8rem,1fr));gap:.45rem;align-self:center;border:1px solid var(--line);border-radius:1rem;background:#080e16b3;padding:.4rem}.adminTabs button{min-height:2.6rem;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:.75rem}.adminTabs button:hover{background:#142235;color:var(--text);transform:none}.adminTabs button.active{background:var(--accent);color:#06120b;box-shadow:0 12px 30px #62d78f2e}.adminTabPanel{border-radius:1.05rem;padding:.95rem;box-shadow:none;min-height:min(600px,calc(100dvh - 290px))}.mailboxLayout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:.95rem}.splitPanel{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:.95rem}.adminFormsStack{display:grid;align-content:start;gap:.8rem}.adminGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;padding:0;border:0;background:transparent;box-shadow:none}.adminGrid form,.adminTabPanel form{display:grid;align-content:start;gap:.8rem;border-radius:1rem;padding:1rem}.adminGrid form h2,.mailboxAdmin h2,.createdPanel h2{letter-spacing:-.04em;margin-bottom:.35rem}.createdPanel{display:flex;align-items:center;justify-content:space-between;gap:1.1rem;margin-top:1.1rem;border-radius:1.15rem;padding:1.15rem 1.35rem}.createdPanel.compact{display:grid;gap:.8rem;margin-top:0;padding:1rem;box-shadow:none}.createdPanel.compact h2{font-size:1.05rem;overflow-wrap:anywhere}.createdPanel p:not(.eyebrow){color:var(--muted);margin-bottom:0}.mailboxAdmin{margin-top:1.1rem;border-radius:1.15rem;padding:1.25rem}.mailboxAdmin.compactList{margin-top:0;padding:1rem;box-shadow:none;min-height:0}.sectionHeader{display:grid;grid-template-columns:1fr minmax(240px,360px);gap:1rem;align-items:end;margin-bottom:1rem}.sectionHeader.simple{grid-template-columns:1fr;align-items:start}.sectionHeader h2{margin-bottom:0}.mailboxRows{display:grid;gap:.65rem}.scrollArea{max-height:min(480px,calc(100dvh - 390px));min-height:280px;overflow:auto;padding-right:.25rem;scrollbar-width:thin;scrollbar-color:rgba(98,215,143,.45) rgba(12,20,32,.8)}.scrollArea::-webkit-scrollbar{width:.55rem}.scrollArea::-webkit-scrollbar-track{background:#0c1420cc;border-radius:999px}.scrollArea::-webkit-scrollbar-thumb{background:#62d78f73;border-radius:999px}.mailboxRow,.row{display:flex;align-items:center;justify-content:space-between;gap:.9rem;border:1px solid var(--line);border-radius:.95rem;background:#111c2e;padding:.72rem .8rem;min-height:3.1rem;flex-wrap:wrap}.mailboxRow strong{display:block;margin-bottom:.2rem}.mailboxRow p,.row span{color:var(--muted);margin-bottom:0}.row button{min-height:2.2rem;padding:0 .8rem}.apiKeyPanel code{display:block;margin-top:.8rem;border:1px solid #28405f;border-radius:.75rem;background:#08101a;color:var(--accent-2);padding:.8rem;overflow-wrap:anywhere}.table{display:grid;gap:.55rem}@media (max-width: 900px){.hero,.resultGrid,.adminGrid,.adminStats,.adminConsoleTop,.mailboxLayout,.splitPanel{grid-template-columns:1fr}.resultHeader,.dashboard header,.createdPanel,.mailboxRow{align-items:flex-start;flex-direction:column}.sectionHeader{grid-template-columns:1fr}.otpPanel{position:static}.adminTabs{grid-template-columns:1fr}.adminConsole,.adminTabPanel{min-height:auto}.scrollArea{max-height:520px;min-height:0}}@media (max-width: 540px){.shell,.dashboard{width:min(100% - 22px,1120px);padding-top:1.1rem}.hero,.inbox,.mailboxAdmin{padding:1rem}.topbar{align-items:flex-start;flex-direction:column}.otpPanel strong{font-size:3.7rem}.adminCard{padding:1rem}}