:root{--bg:#090c12;--surface:#111722;--surface2:#192130;--stroke:#2a3545;--text:#f5f7fb;--muted:#9aa8ba;--red:#ff455a;--green:#46dca0;--gold:#ffca71}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 75% -10%,#681b2a40,transparent 40%),var(--bg);font:14px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:#8ebeff}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{background:#0d121b;border-right:1px solid var(--stroke);padding:24px 15px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;font-weight:950;font-size:20px;letter-spacing:-.7px;padding:0 8px 22px}.brand span:not(.emblem){color:var(--red)}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:2px}.emblem{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#481923;border:1px solid #9b3445;color:var(--red);font-size:28px}.identity{background:#141b26;border:1px solid var(--stroke);border-radius:12px;padding:12px;margin:0 0 22px;color:#cbd5e2;font-size:12px}nav{display:grid;gap:4px}nav button{border:0;border-radius:12px;background:transparent;color:#a4b0c1;text-align:left;padding:13px 14px;font-weight:700}nav button.active,nav button:hover{background:#321b26;color:#fff;box-shadow:inset 3px 0 var(--red)}.sidefoot{position:absolute;bottom:22px;left:20px;right:20px;color:var(--muted);font-size:12px}main{max-width:1450px;width:100%;margin:auto;padding:28px clamp(16px,4vw,56px) 90px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}h1{font-size:clamp(27px,3vw,39px);letter-spacing:-1.2px;margin:3px 0}header p{color:var(--muted);margin:0}.overline{color:#ff8d9a;font-size:10px;letter-spacing:2px;font-weight:900}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--stroke);border-radius:11px;background:var(--surface2);color:#fff;padding:11px 16px;font-weight:800}.button.accent{background:linear-gradient(130deg,#ff5368,#cf2540);border-color:#fa5264;box-shadow:0 10px 25px #f03a5026}.button:hover{filter:brightness(1.14)}.button:disabled{opacity:.55;cursor:not-allowed}.panel{background:linear-gradient(145deg,#151c27,#101620);border:1px solid var(--stroke);border-radius:18px;padding:22px}.hero{background:radial-gradient(circle at 90% 35%,#f1324d33,transparent 40%),linear-gradient(110deg,#201821,#101821);padding:33px;position:relative;overflow:hidden}.hero:after{content:'⬡';position:absolute;right:8%;top:-25px;font-size:210px;color:#fa3c5122;transform:rotate(-13deg);pointer-events:none}.hero h2{font-size:clamp(28px,4vw,49px);line-height:1.08;letter-spacing:-2px;max-width:640px;margin:8px 0}.hero p{max-width:540px;color:#c6cfdb}.hero .button{position:relative;z-index:1}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0}.metric small{color:var(--muted)}.metric strong{display:block;font-size:30px;letter-spacing:-1px}.section{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:27px 0 13px}.section h2{font-size:20px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.case{display:grid;gap:11px;cursor:pointer;transition:transform .2s,border-color .2s}.case:hover{transform:translateY(-3px);border-color:#c4475a}.case h3{margin:0;font-size:18px;overflow-wrap:anywhere}.case p{margin:0;color:#b9c5d2}.case .foot{display:flex;justify-content:space-between;border-top:1px solid var(--stroke);padding-top:11px;color:var(--muted);font-size:12px}.pill{display:inline-flex;padding:5px 10px;border-radius:99px;font-size:11px;font-weight:900}.pill.confirmed{background:#ff465a25;color:#ff8998}.pill.pending{background:#ffca7121;color:var(--gold)}.pill.rejected,.pill.resolved{background:#46dca01a;color:#78e9b9}.two{display:grid;grid-template-columns:1.1fr 1fr;gap:15px}.form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form label{display:grid;gap:6px;font-weight:700}.form .wide{grid-column:1/-1}.input{width:100%;background:#0d131c;border:1px solid var(--stroke);border-radius:11px;color:#fff;padding:12px;outline:0}.input:focus{border-color:var(--red)}textarea.input{min-height:130px;resize:vertical}.muted{color:var(--muted)}.notice{padding:13px 16px;background:#ffca710c;border-left:3px solid var(--gold);border-radius:8px;color:#f1d8a7}.error{padding:13px 16px;background:#ff465a12;border-left:3px solid var(--red);border-radius:8px;color:#ffacb5}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.stack{display:grid;gap:13px}.table-item{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--stroke);padding:15px 0}.table-item:last-child{border:0}.table-item b{display:block}.table-item small{color:var(--muted)}.empty{text-align:center;padding:38px 20px;border:1px dashed var(--stroke);border-radius:14px;color:var(--muted)}.stamp{width:200px;height:200px;border:8px double var(--red);border-radius:50%;color:var(--red);display:grid;place-items:center;font-size:28px;font-weight:1000;text-align:center;transform:rotate(-13deg);margin:25px auto;box-shadow:0 0 60px #ff465a24;animation:stamp .7s cubic-bezier(.16,1,.3,1) both}@keyframes stamp{from{opacity:0;transform:scale(2.2) rotate(15deg)}70%{transform:scale(.9) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(-13deg)}}.evidence{display:flex;gap:10px;flex-wrap:wrap}.evidence a{border:1px solid var(--stroke);padding:12px;border-radius:10px;text-decoration:none}.toast{position:fixed;right:20px;bottom:20px;z-index:90;background:#263449;border:1px solid #52647d;padding:13px 18px;border-radius:11px;max-width:350px}.mobile-nav{display:none}footer{text-align:center;margin-top:40px;color:var(--muted);font-size:12px}@media(max-width:1050px){.grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.shell{display:block}.sidebar{display:none}main{padding:20px 15px 105px}.grid,.two,.form{grid-template-columns:1fr}.form .wide{grid-column:auto}.hero{padding:25px 19px}.hero:after{font-size:130px;right:-20px;top:0}.metrics{gap:9px}.metric{padding:15px}.metric strong{font-size:24px}header .button{padding:9px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#0d121bf4;backdrop-filter:blur(14px);border-top:1px solid var(--stroke);justify-content:space-around;padding:8px 2px max(9px,env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:transparent;color:var(--muted);font-size:11px;display:grid;gap:2px;text-align:center;padding:5px}.mobile-nav button.active{color:var(--red)}.mobile-nav button span{font-size:19px}.table-item{align-items:flex-start;flex-direction:column}}
/* Security console visual polish */
:root{--surface:#101722;--surface2:#1a2534;--stroke:#2c394b;--red:#ff4058}
body{background:radial-gradient(ellipse at 85% -12%,#8a1b3033,transparent 36%),radial-gradient(ellipse at 0% 80%,#1c35501a,transparent 45%),#090c12}
.sidebar{box-shadow:12px 0 60px #0002}
.brand .emblem{box-shadow:inset 0 0 22px #ff465a18,0 0 24px #ff465a14}
.panel{box-shadow:0 12px 35px #00000020;transition:border-color .2s,box-shadow .2s}
.panel:hover{border-color:#465268}
.hero{min-height:235px;border-color:#7a30406b;box-shadow:0 22px 60px #09060b70,inset 0 0 80px #d92c3910}
.hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,#ffffff04 40px),repeating-linear-gradient(90deg,transparent 0 39px,#ffffff04 40px);pointer-events:none}
.hero h2,.hero p{position:relative;z-index:1}
.metric{position:relative;overflow:hidden}.metric:after{content:'';position:absolute;width:85px;height:85px;border-radius:50%;background:#ff465a0b;right:-30px;top:-35px}
.button{transition:transform .18s,filter .18s}.button:active{transform:scale(.97)}
.input:focus{outline:2px solid #ff455a33;outline-offset:1px}
.case:hover{box-shadow:0 16px 40px #0007}
::selection{background:#ff465a88;color:white}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* --- bot scam base + animations v2 --- */
@keyframes reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
#content{animation:reveal .35s ease both}
.scam{position:relative;overflow:hidden;display:grid;gap:9px}
.scam h3{margin:0;font-size:17px;overflow-wrap:anywhere}
.scam p{margin:0;color:#c3c1cf;white-space:pre-wrap;overflow-wrap:anywhere;max-height:88px;overflow:hidden}
.scam .foot{display:flex;justify-content:space-between;border-top:1px solid var(--stroke);padding-top:10px;color:var(--muted);font-size:12px}
.scam .scamstamp{position:absolute;top:13px;right:-40px;transform:rotate(40deg);background:linear-gradient(130deg,#ff5368,#cf2540);color:#fff;font-weight:1000;font-size:10px;letter-spacing:2px;padding:4px 46px;box-shadow:0 4px 14px #0007}
.scam:hover{transform:translateY(-3px);border-color:#c4475a;box-shadow:0 16px 40px #0007}
.verdict{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.verdict .vinfo{flex:1;min-width:230px}
.verdict.bad{border-color:#7a3040}.verdict.warn{border-color:#7a6a30}.verdict.ok{border-color:#2f6a52}
.stamp2{width:166px;height:166px;flex:0 0 auto;border:7px double var(--red);border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:1000;text-align:center;color:var(--red);transform:rotate(-12deg);box-shadow:0 0 55px #ff465a22;animation:stamp .7s cubic-bezier(.16,1,.3,1) both;margin:4px auto}
.stamp2.ok{color:var(--green);border-color:var(--green);box-shadow:0 0 55px #46dca022}
.stamp2.warn{color:var(--gold);border-color:var(--gold);box-shadow:0 0 55px #ffca7122}
.ratingbar{display:flex;height:10px;border-radius:99px;overflow:hidden;background:#0d131c;margin:12px 0 5px}
.ratingbar .pos{background:var(--green)}.ratingbar .neg{background:var(--red)}.ratingbar span{min-width:0;transition:flex .8s}
.rev{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--stroke);animation:reveal .45s ease both}
.rev:last-child{border:0}.rev>span{font-size:18px;flex:0 0 auto}.rev p{margin:0 0 3px;overflow-wrap:anywhere}.rev.bad p{color:#ffb0b8}
nav button{transition:background .18s,box-shadow .18s,color .18s}
.input{transition:border-color .18s,box-shadow .18s}
/* ===== v3: fixed app-screen frame + stamp slam + elegance ===== */
html,body{height:100%!important;overflow:hidden!important;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.shell{height:100%!important;min-height:0!important}
main{height:100%;display:flex;flex-direction:column;overflow:hidden;padding:20px clamp(16px,4vw,56px) 0}
main>header{flex:0 0 auto;margin-bottom:16px}
#content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:18px}
#content::-webkit-scrollbar{width:0;height:0}
footer{flex:0 0 auto;margin-top:0;padding:10px 0 12px}
.sidebar{height:100%}
/* text stays selectable where it matters */
#content p,#content h2,#content h3,.notice,.input,textarea{-webkit-user-select:text;user-select:text}
/* --- the STAMP: looks like it is being physically pressed --- */
.stamp,.stamp2{animation:stampSlam .52s cubic-bezier(.2,.9,.25,1) both!important;position:relative;will-change:transform}
@keyframes stampSlam{0%{opacity:0;transform:scale(2.7) rotate(16deg)}50%{opacity:1;transform:scale(.83) rotate(-14deg)}68%{transform:scale(1.08) rotate(-10.5deg)}84%{transform:scale(.97) rotate(-12.5deg)}100%{opacity:1;transform:scale(1) rotate(-12deg)}}
.stamp::after,.stamp2::after{content:'';position:absolute;inset:-12px;border-radius:50%;border:2px solid currentColor;opacity:0;pointer-events:none;animation:stampRing .6s ease-out .1s both}
@keyframes stampRing{0%{opacity:.5;transform:scale(.6)}100%{opacity:0;transform:scale(1.32)}}
.stamp2{text-shadow:0 1px 0 #0004;filter:drop-shadow(0 8px 22px #0007)}
.verdict{animation:vpress .5s ease both}
@keyframes vpress{0%{transform:translateY(-6px);opacity:.6}60%{transform:translateY(2px)}100%{transform:none;opacity:1}}
/* --- elegance pass --- */
.panel{border-radius:20px}
.button{border-radius:13px;letter-spacing:.2px}
.button.accent{box-shadow:0 10px 26px #f03a5033}
.metric strong{letter-spacing:-1px}
.hero{min-height:0;padding:26px}
.hero h2{font-size:clamp(26px,4.4vw,42px)}
.section h2{letter-spacing:-.3px}
.scam,.case{border-radius:16px}
@media(max-width:750px){main{padding:14px 15px 0}#content{padding-bottom:88px}main>header{margin-bottom:12px}header h1{font-size:23px}.hero{padding:20px}.hero h2{font-size:26px}.metrics{gap:10px}}
.scam{cursor:pointer}
.scamstamp.claim{background:linear-gradient(130deg,#ffca71,#e0a53a);color:#3a2600}
.hist{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.htag{display:inline-flex;align-items:center;gap:6px;background:#0d131c;border:1px solid var(--stroke);border-radius:9px;padding:6px 10px;font-weight:700;font-size:13px}
.htag small{color:var(--muted);font-weight:600;font-size:11px}