:root{
  --bg:#06152d;--bg2:#081d3b;--panel:#0b2346;--panel2:#0d2b54;--panel3:#102f5b;
  --line:rgba(117,191,255,.22);--line-strong:rgba(45,180,255,.52);--text:#f6f9ff;--muted:#9eb4d4;
  --cyan:#08d6e8;--blue:#1387ff;--green:#1ee78f;--lime:#6af06d;--purple:#8958ff;--pink:#c349ff;
  --danger:#ff5475;--warn:#ffbd4a;--success:#1ee78f;--shadow:0 22px 60px rgba(0,0,0,.28);--radius:20px;
  --max:1180px;--header:68px;--bottom:72px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#06152d 0%,#071932 55%,#041023 100%);color:var(--text);font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent }a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p{color:var(--muted);margin:0}h1,h2,h3{line-height:1.12;margin:0;color:var(--text);letter-spacing:-.025em}h1{font-size:clamp(2.3rem,8vw,4.8rem)}h2{font-size:clamp(1.8rem,5vw,3rem)}h3{font-size:1.15rem}.shell{width:min(var(--max),calc(100% - 30px));margin-inline:auto}.landing-body{overflow-x:hidden;position:relative}.ambient{position:fixed;border-radius:999px;filter:blur(100px);opacity:.18;pointer-events:none;z-index:-1}.ambient-a{width:380px;height:380px;background:#00d8ff;top:-160px;right:-130px}.ambient-b{width:400px;height:400px;background:#35ec78;bottom:10%;left:-250px}.brand img{width:160px;height:auto}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:20}.desktop-nav{display:none;gap:28px;color:#b6cae6;font-size:.95rem}.desktop-nav a:hover{color:#fff}.btn{min-height:48px;border-radius:14px;padding:0 20px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer;transition:.2s ease;color:#fff}.btn:hover{transform:translateY(-1px)}.btn-small{min-height:40px;padding:0 16px;font-size:.92rem}.btn-primary{background:linear-gradient(90deg,#0fb9ff,#2869ff 55%,#8b47ff);box-shadow:0 10px 30px rgba(41,112,255,.3)}.btn-secondary{background:rgba(14,44,84,.78);border-color:var(--line-strong)}.btn-ghost{background:rgba(255,255,255,.035);border-color:var(--line)}.btn-danger{background:rgba(255,84,117,.13);border-color:rgba(255,84,117,.45);color:#ff9bad}.full{width:100%}.eyebrow{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:#72f0ca;font-weight:900;display:inline-flex;align-items:center;gap:8px}.dot-live{width:8px;height:8px;background:#26f0b8;border-radius:50%;display:inline-block;box-shadow:0 0 0 5px rgba(38,240,184,.08),0 0 18px #26f0b8}.hero{display:grid;grid-template-columns:1fr;gap:30px;padding:54px 0 34px;align-items:center;min-height:calc(100svh - 72px)}.hero-copy h1{margin-top:14px}.hero-copy h1 span{background:linear-gradient(90deg,#fff,#73f5c5 40%,#13d9e8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:1.08rem;max-width:670px;margin-top:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.trust-row{display:flex;flex-wrap:wrap;gap:10px 18px;color:#b9cbe5;font-size:.9rem;margin-top:20px}.hero-phone{display:flex;justify-content:center}.phone-shell{width:min(100%,390px);border:1px solid rgba(46,189,255,.42);background:linear-gradient(180deg,rgba(13,43,82,.94),rgba(7,25,54,.97));border-radius:30px;padding:20px;box-shadow:0 32px 100px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.025);position:relative;overflow:hidden}.phone-shell:before{content:"";position:absolute;inset:-20% auto auto -30%;width:70%;height:50%;background:radial-gradient(circle,rgba(0,224,255,.18),transparent 65%);pointer-events:none}.phone-top{display:flex;justify-content:space-between;align-items:center}.phone-top img{width:118px}.live-pill,.status-pill{border-radius:999px;background:rgba(20,228,164,.12);border:1px solid rgba(20,228,164,.28);color:#47efbb;font-size:.8rem;font-weight:800;padding:7px 10px}.mini-kicker{font-size:.75rem;color:#8ca8cb;margin-top:22px}.phone-shell h3{font-size:1.45rem;margin-top:4px}.orbit-demo{height:235px;margin:10px 0;position:relative}.orbit-demo:before{content:"";position:absolute;width:178px;height:178px;border:2px solid rgba(17,195,255,.42);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px rgba(0,191,255,.1)}.orbit-center{position:absolute;width:92px;height:92px;border-radius:50%;background:#0b2851;border:1px solid rgba(19,178,255,.45);left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.orbit-center strong{font-size:1.6rem}.orbit-center small{font-size:.72rem;color:#91a9cb}.orb{position:absolute;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#10284d;border:2px solid #36547c;color:#97abc7;font-weight:900}.orb.done{border-color:#1ed9db;color:#fff;box-shadow:0 0 16px rgba(30,217,219,.28)}.orb.current{border-color:#54f0a7;color:#06152d;background:#54f0a7;box-shadow:0 0 24px rgba(84,240,167,.42)}.p1{left:50%;top:3px;transform:translateX(-50%)}.p2{right:30px;top:66px}.p3{right:65px;bottom:15px}.p4{left:65px;bottom:15px}.p5{left:30px;top:66px}.progress-card{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:16px;padding:14px}.progress-card>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}.progress-card span{font-weight:750}.progress-card strong{color:#55f0bc}.progress{height:8px;border-radius:999px;background:#15365f;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#12d8e7,#3f8dff,#8a54ff)}.progress-card small{font-size:.78rem;color:#92a8c9}.live-feed-mini{margin-top:12px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:16px;padding:13px}.live-feed-mini>b{font-size:.9rem}.live-feed-mini>div{display:flex;justify-content:space-between;gap:10px;padding-top:9px;margin-top:9px;border-top:1px solid rgba(255,255,255,.07);font-size:.8rem}.live-feed-mini span{color:#9db4d5}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 0 26px}.metrics article{border:1px solid var(--line);border-radius:16px;background:rgba(10,35,68,.66);padding:16px}.metrics strong{display:block;font-size:1.2rem;color:#54efba}.metrics span{font-size:.8rem;color:#a8bbd6}.section{padding:68px 0}.section-heading{max-width:720px;margin-bottom:26px}.section-heading h2{margin-top:8px}.section-heading p{font-size:1rem;margin-top:12px}.steps-grid{display:grid;grid-template-columns:1fr;gap:12px}.feature-card,.glass-panel,.security-stack article,.round-explainer,.faq-list details,.cta,.live-table{background:linear-gradient(180deg,rgba(12,42,81,.82),rgba(8,29,59,.78));border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.feature-card{border-radius:18px;padding:20px;position:relative;overflow:hidden;min-height:180px}.feature-card:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#00d8ff;opacity:.05;right:-40px;top:-40px}.step-no{font-size:.75rem;color:#6feec1;font-weight:900}.feature-icon{font-size:1.7rem;margin:18px 0 10px}.feature-card p{margin-top:7px;font-size:.92rem}.round-explainer{border-radius:24px;padding:22px;display:grid;gap:20px;position:relative;overflow:hidden}.round-person{justify-self:center;text-align:center;border:1px solid rgba(36,235,176,.4);background:rgba(22,214,161,.09);border-radius:18px;padding:15px 20px;min-width:190px}.round-person span{display:block;font-size:1.6rem}.round-person b,.round-person small{display:block}.round-person small{color:#62efbd}.flow-lines{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.flow-lines i{height:2px;background:linear-gradient(90deg,#08d6e8,#1ee78f);box-shadow:0 0 12px rgba(8,214,232,.4)}.payer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.payer-grid>div{border:1px solid var(--line);border-radius:14px;padding:13px;background:rgba(255,255,255,.03);text-align:center}.payer-grid span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin:0 auto 7px;background:#123c72;border:1px solid #2b87ed}.payer-grid b,.payer-grid small{display:block}.payer-grid small{color:#5ee9bb}.result-card{text-align:center;background:linear-gradient(135deg,rgba(30,231,143,.12),rgba(19,135,255,.12));border:1px solid rgba(30,231,143,.26);border-radius:18px;padding:18px}.result-card span,.result-card small{display:block;color:#9bb3d4}.result-card strong{font-size:2rem}.split-section{display:grid;grid-template-columns:1fr;gap:14px}.glass-panel{border-radius:22px;padding:22px}.glass-panel h2{margin:8px 0 12px}.check-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}.check-list li{color:#c4d3e9;padding-left:26px;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;color:#46efb8;font-weight:900}.security-stack{display:grid;gap:10px}.security-stack article{border-radius:18px;padding:18px;display:flex;gap:14px;align-items:flex-start}.security-stack article>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(21,133,255,.14);font-size:1.3rem}.security-stack b{font-size:1rem}.security-stack p{font-size:.88rem;margin-top:3px}.live-table{border-radius:20px;overflow:hidden}.live-row{display:grid;grid-template-columns:1.5fr 1fr auto;gap:10px;align-items:center;padding:14px;border-bottom:1px solid rgba(255,255,255,.07)}.live-row:last-child{border-bottom:0}.live-user{display:flex;align-items:center;gap:10px;min-width:0}.mini-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1278ff,#21e0ba);font-size:.72rem;font-weight:900;flex:0 0 auto}.live-user div{min-width:0}.live-user b,.live-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-user small,.bank-label,.time-label{font-size:.78rem;color:#94abc9}.money{font-weight:900;color:#f9fbff}.faq-list{display:grid;gap:10px}.faq-list details{border-radius:16px;padding:0 18px}.faq-list summary{cursor:pointer;padding:18px 32px 18px 0;font-weight:800;position:relative}.faq-list summary:after{content:"+";position:absolute;right:0;color:#55efbc;font-size:1.3rem}.faq-list details[open] summary:after{content:"−"}.faq-list details p{padding:0 0 18px;font-size:.93rem}.cta{border-radius:24px;padding:24px;margin-bottom:40px;display:flex;flex-direction:column;gap:22px;align-items:flex-start;background:linear-gradient(135deg,rgba(9,61,107,.9),rgba(33,38,97,.9));position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(50,240,175,.22),transparent 68%);right:-80px;bottom:-100px}.cta .btn{position:relative;z-index:1}.cta h2{margin-top:8px}.cta p{margin-top:8px}.footer{border-top:1px solid var(--line);min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#8198bb;font-size:.82rem}.footer img{width:130px}

/* APP */
.app-body{min-height:100svh;background:#06152d;overflow-x:hidden}.app-shell{min-height:100svh}.sidebar{display:none}.app-main-wrap{min-width:0;padding-bottom:calc(var(--bottom) + 14px)}.app-header{height:var(--header);position:sticky;top:0;z-index:35;background:rgba(5,19,42,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:12px;padding:0 15px}.mobile-logo{display:block;min-width:0}.mobile-logo img{width:118px}.search-box{display:none}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:#0b2346;color:#fff;position:relative;cursor:pointer}.icon-btn i{position:absolute;width:8px;height:8px;background:#ff456b;border-radius:50%;top:7px;right:7px}.user-chip{height:42px;border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:8px;font-weight:800;cursor:pointer;padding:0}.user-chip>span:last-child{display:none}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0caeff,#2a7dff 50%,#6ae873);font-size:.78rem;border:2px solid rgba(255,255,255,.7)}.demo-banner{font-size:.72rem;line-height:1.25;padding:8px 15px;text-align:center;color:#ffd58a;background:rgba(255,181,58,.07);border-bottom:1px solid rgba(255,181,58,.18);letter-spacing:.02em}.view{width:min(100%,var(--max));margin:0 auto;padding:20px 15px 30px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.page-head h1{font-size:2rem;margin-top:4px}.page-head p{margin-top:7px;max-width:640px}.page-actions{display:flex;gap:9px;flex-wrap:wrap}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.stat-card{border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,#0b2850,#0a2142);padding:15px;min-height:112px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-30px;bottom:-45px;background:var(--accent,#13b9ff);opacity:.09}.stat-card .stat-icon{font-size:1.2rem}.stat-card small{color:#98afcf}.stat-card strong{font-size:1.55rem}.stat-card em{font-size:.72rem;color:#58eebc;font-style:normal}.dashboard-grid{display:grid;gap:14px}.panel{background:linear-gradient(180deg,rgba(12,42,81,.9),rgba(8,29,59,.92));border:1px solid var(--line);border-radius:20px;padding:16px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2{font-size:1.25rem}.panel-head p{font-size:.82rem;margin-top:3px}.link-btn{border:0;background:transparent;color:#80baff;font-weight:800;cursor:pointer;padding:4px}.san-card{border:1px solid rgba(39,142,239,.35);border-radius:18px;background:linear-gradient(160deg,#0e2c55,#0a2448);padding:16px;position:relative;overflow:hidden}.san-card+.san-card{margin-top:12px}.san-card-top{display:flex;align-items:center;gap:12px}.bank-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#155dff,#1bd9e7);font-size:1.35rem;flex:0 0 auto}.bank-icon.bhd{background:linear-gradient(135deg,#23d0a5,#345eff 50%,#f44786)}.bank-icon.reservas{background:linear-gradient(135deg,#0c3b73,#1277c6)}.bank-icon.scotia{background:linear-gradient(135deg,#ed2851,#ff5b47)}.san-title{min-width:0}.san-title b{font-size:1.08rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.san-title span{font-size:.8rem;color:#a2b9d8}.san-card-top .status-pill{margin-left:auto}.san-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0}.san-meta div{padding:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:12px}.san-meta small{display:block;color:#91a8c9;font-size:.72rem}.san-meta strong{display:block;margin-top:2px}.positions-line{display:flex;align-items:flex-start;justify-content:space-between;gap:3px;margin:16px 0 12px;position:relative}.positions-line:before{content:"";position:absolute;left:7%;right:7%;top:21px;height:2px;background:linear-gradient(90deg,#12d8e7 0 50%,#243a60 50%);z-index:0}.position{position:relative;z-index:1;flex:1;text-align:center;min-width:0}.position-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin:0 auto 5px;background:#10294e;border:2px solid #3d587c;color:#91a5c2;font-size:.76rem;font-weight:900;box-shadow:0 0 0 4px #0b274d}.position.done .position-avatar{border-color:#13d8e3;color:#fff;background:#123b65}.position.current .position-avatar{border-color:#3df0b5;background:linear-gradient(135deg,#11bbeb,#3ee79c);color:#06223b;box-shadow:0 0 0 4px #0b274d,0 0 20px rgba(61,240,181,.45)}.position.me .position-avatar{border-color:#8a5bff;color:#fff;box-shadow:0 0 0 4px #0b274d,0 0 18px rgba(138,91,255,.4)}.position b{display:block;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.position small{display:block;color:#8299bb;font-size:.66rem}.position.done small{color:#2ce7ba}.position.current small{color:#56f0bd}.progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.78rem;color:#a0b5d3}.progress-row .progress{flex:1;margin:0}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.card-actions .btn{padding:0 10px;min-height:44px;font-size:.88rem}.live-side-list{display:grid;gap:1px}.activity-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.activity-item:last-child{border-bottom:0}.activity-item b{font-size:.84rem}.activity-item p{font-size:.72rem}.activity-item time{font-size:.7rem;color:#8098ba;white-space:nowrap}.activity-dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#103768;border:1px solid #216eb5}.activity-dot.success{background:rgba(35,230,161,.13);border-color:rgba(35,230,161,.32)}.activity-dot.purple{background:rgba(137,88,255,.14);border-color:rgba(137,88,255,.3)}.available-grid{display:grid;grid-template-columns:1fr;gap:12px}.available-card{border:1px solid rgba(41,158,255,.35);border-radius:18px;background:linear-gradient(160deg,#0d2a53,#092141);padding:16px;display:flex;flex-direction:column;gap:13px}.available-card-header{display:flex;align-items:center;gap:11px}.available-card-header .bank-icon{width:44px;height:44px}.available-card-header>div:nth-child(2){min-width:0}.available-card-header b{display:block}.available-card-header small{display:block;color:#9ab0ce}.available-card .amount{font-size:1.65rem;font-weight:900}.available-card .facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:.78rem;color:#a4bad6}.available-card .facts b{color:#fff}.filters{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}.filter-control{border:1px solid var(--line);background:#0a2447;border-radius:14px;padding:8px 11px;color:#9fb5d3}.filter-control label{display:block;font-size:.68rem}.filter-control select{width:100%;background:transparent;color:#fff;border:0;outline:0;font-weight:800;padding:2px 0}.filter-control option{background:#0b2446}.filter-toggle{display:flex;align-items:center;justify-content:center;gap:8px;color:#dce8f8;font-size:.82rem;min-height:54px}.toggle{width:40px;height:22px;border-radius:999px;background:#17365e;position:relative}.toggle:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s}.toggle.on{background:#18d3b0}.toggle.on:after{left:21px}.bottom-nav{position:fixed;z-index:50;left:0;right:0;bottom:0;height:calc(var(--bottom) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(5,19,42,.96);backdrop-filter:blur(18px);border-top:1px solid rgba(126,184,255,.16);display:grid;grid-template-columns:repeat(5,1fr)}.nav-item{border:0;background:transparent;color:#95aac9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.65rem;cursor:pointer;min-width:0}.nav-item .nav-ico{font-size:1.25rem;line-height:1}.nav-item.active{color:#fff}.nav-item.active .nav-ico{filter:drop-shadow(0 0 7px #3b7cff)}.nav-item span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.side-nav button{width:100%;border:0;background:transparent;color:#9db2cf;text-align:left;border-radius:13px;min-height:48px;padding:0 13px;display:flex;align-items:center;gap:12px;cursor:pointer}.side-nav button.active{background:linear-gradient(90deg,rgba(45,94,255,.25),rgba(17,114,218,.1));color:#fff;border:1px solid rgba(66,134,255,.28)}.side-nav button .nav-ico{font-size:1.05rem;width:22px;text-align:center}.side-card{margin-top:auto;border:1px solid var(--line);background:linear-gradient(180deg,#0a2a51,#081e3d);border-radius:18px;padding:16px}.side-card span{font-size:1.6rem}.side-card b{display:block;margin-top:8px}.side-card p{font-size:.76rem;margin-top:4px}.modal-backdrop{position:fixed;inset:0;background:rgba(1,8,20,.72);backdrop-filter:blur(7px);z-index:100;display:flex;align-items:flex-end;justify-content:center}.modal{width:100%;max-height:92svh;overflow:auto;background:linear-gradient(180deg,#0b2a52,#071c38);border:1px solid rgba(79,171,255,.34);border-radius:24px 24px 0 0;padding:20px 16px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -30px 90px rgba(0,0,0,.45)}.modal-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:15px}.modal-head h2{font-size:1.45rem}.modal-head p{font-size:.84rem;margin-top:4px}.close-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#0a2447;color:#fff;cursor:pointer;flex:0 0 auto}.modal-section{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:16px;padding:14px;margin-top:12px}.modal-section h3{font-size:1rem;margin-bottom:8px}.bank-choice{display:grid;gap:9px}.bank-choice button{border:1px solid var(--line);background:#0a274c;color:#fff;border-radius:14px;padding:12px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.bank-choice button.selected{border-color:#21d8c0;box-shadow:0 0 0 2px rgba(33,216,192,.08)}.alert-box{border:1px solid rgba(255,84,117,.6);background:rgba(255,84,117,.09);border-radius:14px;padding:14px;color:#ffc2ce;margin-top:12px}.alert-box b{display:block;color:#ff8298}.alert-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.rules-box{max-height:220px;overflow:auto;background:#071a35;border:1px solid var(--line);border-radius:14px;padding:14px;color:#b6cae3;font-size:.83rem}.check-accept{display:flex;gap:10px;align-items:flex-start;margin:14px 0;color:#d9e5f4;font-size:.86rem}.check-accept input{width:20px;height:20px;accent-color:#1fd6bd;flex:0 0 auto}.toast-root{position:fixed;left:12px;right:12px;bottom:calc(var(--bottom) + 12px);z-index:200;display:grid;gap:8px;pointer-events:none}.toast{margin-left:auto;max-width:390px;width:100%;border:1px solid rgba(79,187,255,.38);background:#0b2a50;color:#fff;border-radius:14px;padding:12px 14px;box-shadow:var(--shadow);animation:toastin .25s ease}.toast.success{border-color:rgba(39,234,169,.4)}.toast.error{border-color:rgba(255,84,117,.55)}@keyframes toastin{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.round-live-layout{display:grid;gap:14px}.round-visual-panel{text-align:center}.round-ring{width:min(84vw,390px);aspect-ratio:1;margin:8px auto 16px;position:relative;border-radius:50%;border:2px solid rgba(24,200,237,.25);box-shadow:inset 0 0 55px rgba(22,151,255,.05)}.round-ring:before{content:"";position:absolute;inset:12%;border-radius:50%;border:1px dashed rgba(50,155,255,.28)}.round-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42%;height:42%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#164e81,#0a2345 65%);border:1px solid rgba(50,163,255,.4);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}.round-core b{font-size:1.1rem}.round-core strong{font-size:1.8rem}.ring-user{position:absolute;transform:translate(-50%,-50%);width:72px;z-index:3;text-align:center}.ring-user .position-avatar{width:48px;height:48px}.ring-user b{display:block;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ring-user small{display:block;font-size:.65rem;color:#8da4c5}.ring-user.current .position-avatar{border-color:#37efb3;background:linear-gradient(135deg,#16b6f2,#3aeca2);color:#06213b;box-shadow:0 0 24px rgba(55,239,179,.5)}.ring-user.u1{left:50%;top:7%}.ring-user.u2{left:91%;top:38%}.ring-user.u3{left:76%;top:84%}.ring-user.u4{left:24%;top:84%}.ring-user.u5{left:9%;top:38%}.current-label{position:absolute;z-index:4;left:50%;top:-3%;transform:translateX(-50%);background:#3eecb3;color:#05223c;border-radius:999px;padding:6px 12px;font-size:.72rem;font-weight:900;white-space:nowrap}.money-panel{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.money-panel strong{font-size:1.7rem}.donut{width:76px;height:76px;border-radius:50%;background:conic-gradient(#28ecb6 0 50%,#15365e 50%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#0a2548}.donut b{position:relative;z-index:1}.timer-panel{border:1px solid rgba(255,184,58,.24);background:rgba(255,184,58,.05);border-radius:16px;padding:14px}.timer-panel strong{font-size:1.8rem;color:#ffd076;display:block}.payment-layout{display:grid;gap:14px}.payee-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#0a274c;border-radius:16px;padding:14px}.payee-card .avatar{width:50px;height:50px}.payee-card b{display:block}.payee-card small{color:#8fa7c7}.bank-details{display:grid;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.bank-details div{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;padding:12px 14px;background:#092445;border-bottom:1px solid rgba(255,255,255,.06)}.bank-details div:last-child{border-bottom:0}.bank-details span{color:#8fa6c6}.amount-box{border:1px solid rgba(142,83,255,.45);background:linear-gradient(135deg,rgba(123,63,255,.13),rgba(29,101,255,.08));border-radius:16px;padding:16px}.amount-box span{color:#a9badd}.amount-box strong{display:block;font-size:2rem}.timer-box{border:1px solid rgba(255,84,117,.52);background:rgba(255,84,117,.08);border-radius:16px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:15px}.timer-box strong{font-size:1.6rem;color:#ff7891}.upload-box{border:1px dashed #3b88df;background:#092346;border-radius:16px;padding:22px;text-align:center;cursor:pointer;display:block}.upload-box input{display:none}.upload-box b{display:block}.upload-box small{color:#91a9ca}.preview-file{margin-top:10px;border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;align-items:center;gap:10px}.preview-file img{width:68px;height:52px;object-fit:cover;border-radius:8px;background:#fff}.preview-file div{min-width:0}.preview-file b{font-size:.82rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-file small{font-size:.72rem;color:#64efbd}.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:40px 1fr;gap:12px;position:relative;padding-bottom:18px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:19px;top:38px;bottom:0;width:2px;background:#1a528b}.timeline-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#11365f;border:1px solid #2d69a6}.timeline-item.done .timeline-icon{background:#0e766a;border-color:#1ce1b1}.timeline-item b{display:block}.timeline-item p{font-size:.78rem;margin-top:3px}.banks-grid{display:grid;grid-template-columns:1fr;gap:12px}.bank-card{border:1px solid var(--line);border-radius:18px;background:#0a274c;padding:16px}.bank-card-top{display:flex;align-items:center;gap:12px}.bank-card-top .bank-icon{width:46px;height:46px}.bank-card-top .status-pill{margin-left:auto}.bank-card strong{display:block;margin-top:14px}.bank-card small{color:#8fa8c8}.referral-hero{border:1px solid rgba(139,80,255,.4);background:linear-gradient(135deg,rgba(99,52,203,.22),rgba(14,91,180,.18));border-radius:20px;padding:19px}.referral-hero .balance{font-size:2.2rem;font-weight:900;margin:8px 0}.referral-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.referral-hero-grid div{border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:11px;background:rgba(255,255,255,.03)}.referral-hero-grid small{display:block;color:#9caed0}.referral-code{display:flex;gap:8px;margin-top:14px}.referral-code input{min-width:0;flex:1;background:#071a35;border:1px solid var(--line);border-radius:12px;color:#fff;padding:0 12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}.data-table{width:100%;border-collapse:collapse;min-width:600px;background:#092142}.data-table th,.data-table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);font-size:.82rem}.data-table th{color:#8fa8c9;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.data-table td{color:#dce7f4}.data-table tr:last-child td{border-bottom:0}.profile-card{display:grid;gap:14px}.profile-main{display:flex;align-items:center;gap:14px}.profile-main .avatar{width:70px;height:70px;font-size:1.15rem}.profile-main h2{font-size:1.3rem}.verified{color:#35ebae;font-size:.78rem}.form-stack{display:grid;gap:12px}.form-stack label,.admin-form label{display:grid;gap:6px;color:#aebfda;font-size:.82rem}.form-stack input,.form-stack select,.form-stack textarea,.admin-form input,.admin-form select,.admin-form textarea{width:100%;border:1px solid var(--line);background:#071d3b;color:#fff;border-radius:12px;min-height:46px;padding:10px 12px;outline:none}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:#2aa9ff;box-shadow:0 0 0 3px rgba(42,169,255,.08)}.admin-link{display:inline-flex;margin-top:16px;color:#77b7ff;font-size:.82rem;font-weight:800}.empty-state{text-align:center;padding:32px;border:1px dashed var(--line);border-radius:18px;color:#95abcb}.empty-state b{display:block;color:#fff;margin-bottom:4px}.segmented{display:flex;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:4px;background:#071c39;margin-bottom:14px}.segmented button{min-width:max-content;flex:1;border:0;background:transparent;color:#92a8c7;border-radius:10px;padding:9px 12px;cursor:pointer;font-weight:800}.segmented button.active{background:linear-gradient(90deg,#145ff7,#7545f4);color:#fff}.rules-page article{border-bottom:1px solid rgba(255,255,255,.06);padding:15px 0}.rules-page article:last-child{border-bottom:0}.rules-page h3{font-size:1rem}.rules-page p{font-size:.86rem;margin-top:5px}

/* ADMIN */
.admin-body{padding-bottom:30px}.admin-shell{min-height:100vh}.admin-header{height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border-bottom:1px solid var(--line);background:#06162e;position:sticky;top:0;z-index:30}.admin-header>div{display:flex;align-items:center;gap:8px}.role-pill{border:1px solid rgba(30,231,143,.3);background:rgba(30,231,143,.08);color:#53ecb8;border-radius:999px;padding:6px 9px;font-size:.7rem;font-weight:900}.admin-main{width:min(1180px,calc(100% - 30px));margin:0 auto;padding:28px 0}.admin-grid{display:grid;gap:14px}.admin-form h2,.calc-panel h2{font-size:1.35rem;margin-bottom:16px}.field-grid{display:grid;grid-template-columns:1fr;gap:12px}.switch-row{display:grid;gap:10px;margin:15px 0}.switch-row label{display:flex;align-items:center;gap:9px}.switch-row input{width:18px;height:18px;min-height:auto;accent-color:#1fd5b5}.calc-list{display:grid}.calc-list div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.calc-list span{color:#95abc9}.calc-list strong{white-space:nowrap}.rule-note{font-size:.78rem;color:#95aaca;margin-top:14px;border:1px solid rgba(255,190,63,.18);background:rgba(255,190,63,.05);padding:12px;border-radius:12px}.admin-list-panel{margin-top:14px}.admin-san-list{display:grid;gap:10px}.admin-san-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#092244;padding:13px}.admin-san-item b{display:block}.admin-san-item small{color:#8fa7c6}.admin-san-item .money{font-size:.9rem}

@media (min-width:560px){.shell{width:min(var(--max),calc(100% - 48px))}.steps-grid{grid-template-columns:repeat(2,1fr)}.payer-grid{grid-template-columns:repeat(4,1fr)}.available-grid{grid-template-columns:repeat(2,1fr)}.banks-grid{grid-template-columns:repeat(2,1fr)}.summary-grid{grid-template-columns:repeat(4,1fr)}.stat-card{min-height:120px}.modal{max-width:560px;border-radius:24px;margin:18px;padding:22px}.modal-backdrop{align-items:center}.toast-root{left:auto;right:18px;width:390px}.field-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:820px){.desktop-nav{display:flex}.hero{grid-template-columns:minmax(0,1.05fr) minmax(340px,.65fr);gap:54px;padding:70px 0}.metrics{grid-template-columns:repeat(4,1fr)}.steps-grid{grid-template-columns:repeat(3,1fr)}.split-section{grid-template-columns:1.25fr .75fr}.cta{flex-direction:row;align-items:center;justify-content:space-between;padding:34px}.cta>div{max-width:700px}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr)}.available-grid{grid-template-columns:repeat(3,1fr)}.banks-grid{grid-template-columns:repeat(3,1fr)}.round-live-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)}.payment-layout{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.admin-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.65fr)}.calc-panel{position:sticky;top:92px;height:max-content}}
@media (min-width:1020px){:root{--header:78px}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{display:flex;position:sticky;top:0;height:100vh;padding:24px 16px 18px;border-right:1px solid rgba(255,255,255,.06);background:#06162e;flex-direction:column;z-index:60}.app-brand img{width:165px}.side-nav{display:grid;gap:5px;margin-top:35px}.bottom-nav{display:none}.app-main-wrap{padding-bottom:0}.app-header{padding:0 28px}.mobile-logo{display:none}.search-box{display:flex;align-items:center;gap:10px;width:min(480px,45vw);height:44px;background:#092246;border:1px solid var(--line);border-radius:13px;color:#6f87a9;padding:0 13px}.search-box input{width:100%;background:transparent;border:0;outline:0;color:#fff}.user-chip>span:last-child{display:block}.view{padding:28px 28px 50px}.demo-banner{font-size:.74rem}.page-head h1{font-size:2.3rem}.modal-backdrop{left:250px}.toast-root{bottom:20px}.round-ring{width:390px}.admin-header{padding-inline:28px}.admin-main{width:min(1180px,calc(100% - 56px))}}
@media (min-width:1260px){.app-shell{grid-template-columns:272px minmax(0,1fr)}.sidebar{padding-left:20px;padding-right:20px}.modal-backdrop{left:272px}}
@media (max-width:380px){body{font-size:15px}.view{padding-left:12px;padding-right:12px}.app-header{padding-left:12px;padding-right:12px}.mobile-logo img{width:105px}.summary-grid{grid-template-columns:1fr 1fr}.stat-card{padding:12px}.positions-line{gap:1px}.position-avatar{width:37px;height:37px}.position b{font-size:.64rem}.position small{font-size:.6rem}.card-actions{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.live-row{grid-template-columns:1fr auto}.bank-label{display:none}.round-ring{width:90vw}.ring-user{width:62px}.ring-user .position-avatar{width:42px;height:42px}.bottom-nav .nav-item{font-size:.58rem}.nav-item .nav-ico{font-size:1.15rem}}

/* v0.2.0 · AUTH + MOBILE LEGIBILITY */
.auth-body{min-height:100svh;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,rgba(9,215,204,.14),transparent 38%),linear-gradient(180deg,#06152d,#041023)}
.auth-shell{width:min(100% - 28px,540px);margin:0 auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:28px 0 36px;gap:16px}
.auth-logo{display:block;width:190px;max-width:56vw;margin:0 auto}.auth-logo img{width:100%}.auth-card{padding:18px}.auth-card h1{font-size:clamp(1.8rem,8vw,2.6rem);margin:8px 0}.auth-card>div>p{font-size:.95rem;margin-bottom:18px}.auth-tabs{margin-bottom:20px}.auth-form{margin-top:18px}.auth-form label{font-size:.9rem;color:#c4d4e9}.auth-form input{font-size:1rem;min-height:50px}.input-prefix{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--line);background:#071d3b;border-radius:12px;overflow:hidden}.input-prefix:focus-within{border-color:#2aa9ff;box-shadow:0 0 0 3px rgba(42,169,255,.08)}.input-prefix>span{padding-left:14px;color:#6debc1;font-weight:900}.input-prefix input{border:0!important;box-shadow:none!important;background:transparent!important}.bank-pick{border:0;padding:0;margin:2px 0}.bank-pick legend{font-weight:800;color:#fff;margin-bottom:2px}.bank-pick>p{font-size:.82rem;margin-bottom:10px}.bank-choice-grid{display:grid;gap:9px}.bank-choice{position:relative;display:grid!important;grid-template-columns:42px 1fr 22px;gap:10px;align-items:center!important;border:1px solid var(--line);border-radius:14px;background:#092445;padding:12px;cursor:pointer;min-width:0}.bank-choice input{position:absolute;opacity:0;pointer-events:none}.bank-choice-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#113a6b;border:1px solid rgba(71,183,255,.28);font-size:1.2rem}.bank-choice span:nth-of-type(2){min-width:0}.bank-choice b,.bank-choice small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bank-choice small{color:#8fa7c7;font-size:.78rem}.bank-choice i{font-style:normal;color:#0b274d;background:#56efb5;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;opacity:0;transform:scale(.8);transition:.18s}.bank-choice:has(input:checked){border-color:#31dcb9;background:linear-gradient(135deg,rgba(15,181,255,.11),rgba(30,231,143,.08))}.bank-choice:has(input:checked) i{opacity:1;transform:scale(1)}.check-row{display:flex!important;grid-template-columns:none!important;align-items:flex-start!important;gap:10px!important;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);padding:12px;border-radius:13px}.check-row input{width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 auto;accent-color:#1ee78f}.check-row span{font-size:.84rem;color:#c5d4e8}.auth-foot{text-align:center;font-size:.8rem}.sandbox-login{margin-top:18px;padding:12px;border:1px dashed rgba(255,190,74,.28);background:rgba(255,190,74,.05);border-radius:13px}.sandbox-login b,.sandbox-login small{display:block}.sandbox-login small{color:#b7c7db;margin-top:3px}

/* Never make important UI text microscopic on small phones. */
.position b,.position small,.ring-user b,.ring-user small,.filter-control label,.nav-item,.bottom-nav .nav-item,.demo-banner,.stat-card em,.san-meta small,.activity-item p,.activity-item time,.data-table th,.role-pill,.preview-file small,.current-label{font-size:max(.75rem,12px)}
@media(max-width:380px){body{font-size:15px}.position b,.position small{font-size:.75rem}.bottom-nav .nav-item{font-size:.7rem}.bank-choice{grid-template-columns:38px 1fr 22px;padding:10px}.bank-choice-icon{width:38px;height:38px}.auth-shell{width:min(100% - 22px,540px)}.auth-card{padding:15px}}

/* v0.3.0 · REAL-TIME OPERATIONS, BANK ACCOUNTS, NOTIFICATIONS, DISPUTES */
.optional{font-weight:500;color:#8299b9}.text-action{border:0;background:transparent;color:#74b9ff;font-weight:800;padding:10px 0;cursor:pointer}.verification-grid{display:grid;gap:12px;margin-top:16px}.verify-card{border:1px solid var(--line);background:#082142;border-radius:16px;padding:14px;display:grid;gap:12px}.verify-card>div{display:flex;align-items:center;gap:10px}.verify-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,rgba(15,185,255,.18),rgba(30,231,143,.13));border:1px solid var(--line-strong)}.verify-card label{display:grid;gap:6px;color:#c4d4e9;font-size:.88rem}.verify-card input{width:100%;min-height:50px;border:1px solid var(--line);background:#061a35;color:#fff;border-radius:12px;padding:0 12px;font-size:1rem;letter-spacing:.18em}.sandbox-code{display:block;color:#ffcf6b;background:rgba(255,189,74,.07);border:1px dashed rgba(255,189,74,.24);padding:8px 10px;border-radius:10px;font-size:.78rem}.verify-status{margin:14px 0;border:1px solid rgba(255,189,74,.22);background:rgba(255,189,74,.07);padding:11px 12px;border-radius:12px;color:#ffd57a;font-weight:800}.verify-status.done{border-color:rgba(30,231,143,.28);background:rgba(30,231,143,.08);color:#64efbd}
.payment-center-grid{display:grid;gap:14px}.payment-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.07);background:#092244;border-radius:15px;padding:13px;margin-top:10px}.payment-item-main{display:flex;align-items:flex-start;gap:11px;min-width:0}.payment-item-main>div{min-width:0}.payment-item b,.payment-item p,.payment-item small{display:block;overflow-wrap:anywhere}.payment-item p{font-size:.83rem}.payment-item small{font-size:.78rem;color:#8fa7c7}.mini-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.activity-dot.warning{background:rgba(255,189,74,.14);border-color:rgba(255,189,74,.35);color:#ffcb62}.activity-dot.danger{background:rgba(255,84,117,.14);border-color:rgba(255,84,117,.35);color:#ff8ba2}.state-callout{margin-top:12px;border:1px solid var(--line);border-radius:14px;padding:13px;background:#092244}.state-callout b,.state-callout span{display:block}.state-callout span{color:#95abc9;font-size:.84rem;margin-top:3px}.state-callout.success{border-color:rgba(30,231,143,.3)}.state-callout.warning{border-color:rgba(255,189,74,.35)}.copyable{user-select:all}.review-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#092244;margin-bottom:12px}.review-summary>div{display:flex;align-items:center;gap:10px}.review-summary b,.review-summary small{display:block}.review-summary small{color:#91a7c7}.proof-viewer{height:min(68vh,680px);border-radius:16px;overflow:hidden;background:#020814;border:1px solid var(--line)}.proof-viewer img,.proof-viewer iframe{width:100%;height:100%;object-fit:contain;border:0;background:#fff}.skeleton-list{padding:24px;text-align:center;color:#90a8c7;border:1px dashed var(--line);border-radius:14px}.positions-scroll{overflow-x:auto;padding-bottom:4px}.positions-scroll .positions-line{min-width:430px}.notification-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.notification-card{width:100%;display:grid;grid-template-columns:auto 1fr;gap:10px;text-align:left;border:1px solid var(--line);background:#0a2448;color:#fff;border-radius:14px;padding:12px;margin-bottom:9px;cursor:pointer}.notification-card.read{opacity:.7;background:#081d39}.notification-card span:nth-child(2){min-width:0}.notification-card b,.notification-card small,.notification-card em{display:block}.notification-card small{color:#a5b9d6;margin-top:3px;overflow-wrap:anywhere}.notification-card em{font-style:normal;color:#7189aa;font-size:.75rem;margin-top:5px}.verification-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.verified,.unverified{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:900}.verified{background:rgba(30,231,143,.1);border:1px solid rgba(30,231,143,.25);color:#55eeb7}.unverified{background:rgba(255,189,74,.08);border:1px solid rgba(255,189,74,.25);color:#ffd06d}.dispute-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:15px;background:#092244;padding:14px}.dispute-card h3{margin-top:8px}.dispute-card p{margin-top:4px;overflow-wrap:anywhere}.dispute-card small{display:block;color:#8ea6c6;margin-top:7px}.message-thread{display:grid;gap:9px;margin:12px 0;max-height:360px;overflow:auto}.thread-message{border:1px solid var(--line);background:#092244;border-radius:13px;padding:11px}.thread-message.admin{border-color:rgba(30,231,143,.28);background:rgba(30,231,143,.06)}.thread-message b,.thread-message p,.thread-message small{display:block}.thread-message p{margin-top:3px;color:#d5e0ef}.thread-message small{color:#7690b1;margin-top:5px}.platform-bank-grid{display:grid;gap:10px}.platform-bank-card{border:1px solid var(--line);background:#092244;border-radius:15px;padding:14px;display:grid;gap:9px}.platform-bank-card>div{display:flex;align-items:center;gap:10px}.platform-bank-card>div b,.platform-bank-card>div small{display:block}.platform-bank-card>small{color:#8fa7c7}.admin-inline-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.review-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
@media(min-width:700px){.verification-grid{grid-template-columns:1fr 1fr}.payment-center-grid{grid-template-columns:1fr 1fr}.platform-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1020px){.platform-bank-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){.payment-item{align-items:stretch;flex-direction:column}.mini-actions{justify-content:stretch}.mini-actions .btn{flex:1}.dispute-card{grid-template-columns:1fr}.dispute-card .btn{width:100%}.review-summary{align-items:flex-start}.review-actions{justify-content:stretch}.review-actions .btn{flex:1}.admin-san-item{grid-template-columns:1fr}.admin-inline-actions{justify-content:space-between}.proof-viewer{height:58vh}.notification-card{padding:11px}.payment-center-grid{grid-template-columns:1fr}}

/* v0.5.0 · REAL QUEUE + LIVE BLOCK VISUALIZATION */
.san-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
.san-meta strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.beneficiary-name{font-size:.92rem}
.card-hint{display:block;color:#8fa7c7;font-size:max(.75rem,12px);margin-top:-5px}
.positions-line.real-queue:before{background:linear-gradient(90deg,#12d8e7,#4f8eff 42%,#253d65 72%)}
.live-beneficiary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin:16px 0;padding:16px;border:1px solid rgba(30,231,143,.28);background:linear-gradient(135deg,rgba(30,231,143,.08),rgba(18,112,255,.08));border-radius:18px;overflow:hidden}
.live-beneficiary-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#14c6ff,#3ef0a5);color:#05233a;font-weight:950;border:3px solid rgba(255,255,255,.55);box-shadow:0 0 26px rgba(40,236,182,.2);flex:0 0 auto}
.live-beneficiary h2{font-size:1.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.live-beneficiary p{font-size:.82rem;margin-top:3px}.payout-chip{min-width:112px;text-align:right}.payout-chip small,.payout-chip strong{display:block}.payout-chip small{color:#8fa8c8;font-size:.76rem}.payout-chip strong{font-size:1.25rem;color:#5af0bd}
.block-progress-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:12px}.block-progress-head h3{margin-top:4px}.block-progress-head>strong{font-size:1.4rem;color:#59efbc}.progress.thick{height:11px;margin:10px 0 14px}
.block-slots{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(145px,1fr);gap:9px;overflow-x:auto;padding:2px 1px 10px;scroll-snap-type:x proximity}.block-slot{scroll-snap-align:start;border:1px solid var(--line);background:#082142;border-radius:16px;padding:12px;min-width:0}.block-slot.success{border-color:rgba(30,231,143,.38);background:linear-gradient(180deg,rgba(30,231,143,.09),#082142)}.block-slot.warning{border-color:rgba(255,189,74,.4)}.block-slot.purple{border-color:rgba(139,88,255,.4)}.block-slot.danger{border-color:rgba(255,84,117,.42)}.block-slot-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.slot-number{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#123b6a;border:1px solid #2d78be;font-size:.75rem;font-weight:900}.slot-state{font-size:max(.72rem,12px);color:#8fa9c9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-slot.success .slot-state{color:#57efbb}.block-slot .position-avatar{margin:0 0 8px}.block-slot>b,.block-slot>small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.block-slot>b{white-space:nowrap;font-size:.9rem}.block-slot>small{color:#8ea6c6;font-size:max(.72rem,12px);line-height:1.3;margin-top:2px}
.queue-section{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.my-turn-progress{margin-top:14px;border:1px solid rgba(132,87,255,.28);background:linear-gradient(135deg,rgba(132,87,255,.09),rgba(14,87,170,.08));border-radius:17px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.my-turn-progress h3{margin-top:3px}.my-turn-progress p{font-size:.82rem;margin-top:3px}.my-turn-progress>.progress{grid-column:1/-1;margin:0}.donut[style*="--pct"]{background:conic-gradient(#28ecb6 0 calc(var(--pct) * 1%),#15365e calc(var(--pct) * 1%) 100%)}
.empty-state.compact{padding:18px}.timer-panel strong{overflow-wrap:anywhere}

@media(min-width:820px){.block-slots{grid-auto-flow:initial;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));overflow:visible}.block-slot{min-width:0}}
@media(max-width:560px){.live-beneficiary{grid-template-columns:auto minmax(0,1fr);align-items:start}.payout-chip{grid-column:1/-1;text-align:left;border-top:1px solid rgba(255,255,255,.07);padding-top:10px;display:flex;align-items:center;justify-content:space-between}.payout-chip strong{font-size:1.2rem}.san-meta{gap:6px}.san-meta div{padding:9px 7px}.san-meta strong{font-size:.9rem}.block-progress-head{align-items:flex-start}.block-progress-head h3{font-size:1rem}.my-turn-progress{grid-template-columns:minmax(0,1fr) 68px}.my-turn-progress .donut{width:68px;height:68px}.positions-scroll .positions-line{min-width:410px}}
@media(max-width:380px){.live-beneficiary-avatar{width:50px;height:50px}.live-beneficiary h2{font-size:1.15rem}.block-slots{grid-auto-columns:minmax(132px,1fr)}.san-meta small{font-size:12px}.san-meta strong{font-size:.82rem}.beneficiary-name{font-size:.8rem}.positions-scroll .positions-line{min-width:390px}}
.post-cobro-box{margin-top:14px;border:1px solid rgba(30,231,143,.28);background:linear-gradient(135deg,rgba(30,231,143,.08),rgba(19,135,255,.08));border-radius:16px;padding:14px;display:grid;gap:12px}.post-cobro-box h3{margin-top:4px}.post-cobro-box p{font-size:.82rem;margin-top:4px}.post-cobro-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}@media(max-width:380px){.post-cobro-actions{grid-template-columns:1fr}}


/* v0.5 mobile readability guardrails */
@media(max-width:560px){
  .bottom-nav .nav-item{font-size:max(.72rem,12px);line-height:1.15}
  .position b,.position small{font-size:max(.72rem,12px)}
  .card-hint,.beneficiary-name,.block-slot>small,.slot-state{font-size:max(.75rem,12px)}
  .post-cobro-box p{font-size:max(.78rem,12.5px)}
}

/* v0.5 admin configurability refinements */
.admin-san-main{min-width:0}.admin-san-main b,.admin-san-main small{overflow-wrap:anywhere}.admin-san-main small{display:block;margin-top:3px;line-height:1.35}.admin-switches{grid-template-columns:1fr}.san-edit-stack{min-width:0}.san-edit-stack textarea,.san-edit-stack input,.san-edit-stack select{max-width:100%}.platform-bank-card strong,.platform-bank-card small{overflow-wrap:anywhere}.modal .field-grid>*{min-width:0}
@media(min-width:760px){.admin-switches{grid-template-columns:repeat(2,minmax(0,1fr))}}
.platform-contribution{display:flex;align-items:center;gap:12px;border:1px solid rgba(40,120,255,.34);background:rgba(34,91,210,.09);border-radius:15px;padding:13px}.platform-contribution>span{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#174e97;border:1px solid #3b8fff;font-weight:900}.platform-contribution b,.platform-contribution small{display:block;overflow-wrap:anywhere}.platform-contribution small{color:#95aed0;margin-top:2px}

/* v0.6.0 · ADMIN USERS + OPERATIONAL REPUTATION */
.admin-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.admin-kpi{min-width:0;border:1px solid var(--line);background:linear-gradient(145deg,rgba(11,35,70,.96),rgba(8,27,55,.96));border-radius:18px;padding:14px;box-shadow:0 14px 40px rgba(0,0,0,.12)}.admin-kpi span,.admin-kpi strong,.admin-kpi small{display:block;min-width:0}.admin-kpi span{font-size:max(.76rem,12px);font-weight:800;color:#9fb5d3}.admin-kpi strong{font-size:1.8rem;line-height:1.08;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-kpi small{font-size:max(.75rem,12px);color:#718bac;margin-top:5px;overflow-wrap:anywhere}.admin-user-head{align-items:flex-start}.admin-user-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:10px;margin:14px 0}.admin-user-toolbar label{display:grid;gap:6px;min-width:0}.admin-user-toolbar span{font-size:max(.76rem,12px);color:#9eb4d4;font-weight:800}.admin-user-toolbar input,.admin-user-toolbar select{width:100%;min-width:0}.admin-user-list{display:grid;gap:10px}.admin-user-card{border:1px solid var(--line);background:linear-gradient(145deg,#092244,#081c38);border-radius:18px;padding:14px;display:grid;gap:13px;min-width:0;overflow:hidden}.admin-user-identity{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:center;min-width:0}.user-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#18c8ff,#29e5a4);color:#06203a;font-weight:950;border:2px solid rgba(255,255,255,.45);flex:0 0 auto}.admin-user-identity>div{min-width:0}.user-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.user-title-row b{font-size:1rem;min-width:0;overflow:hidden;text-overflow:ellipsis}.admin-user-identity small{display:block;color:#90a8c8;font-size:max(.76rem,12px);margin-top:3px;overflow-wrap:anywhere}.user-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:max(.7rem,11.5px);font-weight:900;border:1px solid transparent}.user-status.active{color:#60efbd;background:rgba(30,231,143,.08);border-color:rgba(30,231,143,.26)}.user-status.suspended{color:#ff9bad;background:rgba(255,84,117,.08);border-color:rgba(255,84,117,.3)}.admin-user-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.admin-user-metrics>span{min-width:0;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:13px;padding:9px}.admin-user-metrics small,.admin-user-metrics strong,.admin-user-metrics em{display:block;min-width:0}.admin-user-metrics small{font-size:max(.69rem,11.5px);color:#7f99bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-metrics strong{font-size:1rem;margin-top:2px}.admin-user-metrics em{font-style:normal;font-size:max(.68rem,11.5px);color:#9db1cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rep-success{color:#5befbc!important}.rep-info{color:#65cfff!important}.rep-warning{color:#ffd36d!important}.rep-danger{color:#ff8fa8!important}.admin-user-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.06);padding-top:11px}.admin-user-actions small{color:#7892b3;font-size:max(.73rem,12px);overflow-wrap:anywhere}.user-detail-hero{border:1px solid rgba(34,201,239,.22);background:linear-gradient(135deg,rgba(32,145,255,.08),rgba(30,231,143,.06));border-radius:17px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.user-detail-hero h3{font-size:1rem;margin-top:8px}.user-detail-hero p{font-size:max(.78rem,12.5px);margin-top:5px}.user-detail-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.user-rep-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:12px}.user-rep-grid>div{border:1px solid var(--line);background:#082142;border-radius:13px;padding:10px;min-width:0}.user-rep-grid small,.user-rep-grid strong{display:block}.user-rep-grid small{color:#829cbc;font-size:max(.68rem,11.5px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-rep-grid strong{font-size:.95rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.user-detail-grid>section{min-width:0;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.018);border-radius:15px;padding:12px}.user-detail-grid>section>h3{font-size:.96rem;margin-bottom:9px}.user-detail-grid .span-all{grid-column:1/-1}.timeline-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:start;border-top:1px solid rgba(255,255,255,.06);padding:9px 0}.timeline-row:first-child{border-top:0;padding-top:0}.timeline-row>span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#123b6a;border:1px solid #2d78be;font-size:max(.68rem,11px);font-weight:900}.timeline-row div{min-width:0}.timeline-row b,.timeline-row small{display:block;overflow-wrap:anywhere}.timeline-row b{font-size:.86rem}.timeline-row small{font-size:max(.72rem,12px);color:#849dbc;margin-top:2px}.timeline-row time{font-size:max(.67rem,11px);color:#6f89aa;white-space:nowrap}.incident-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid rgba(255,255,255,.06)}.incident-row:first-child{border-top:0;padding-top:0}.incident-row b,.incident-row small{display:block;overflow-wrap:anywhere}.incident-row b{font-size:.84rem}.incident-row small{font-size:max(.72rem,12px);color:#849dbc;margin-top:2px}.severity{min-width:34px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:max(.68rem,11px);font-weight:950;background:#12385f;border:1px solid #2d6fa7}.severity-3{border-color:rgba(255,189,74,.55);color:#ffd36d}.severity-4,.severity-5{border-color:rgba(255,84,117,.5);color:#ff9bad}.bank-mini{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid rgba(255,255,255,.06)}.bank-mini:first-child{border-top:0;padding-top:0}.bank-mini b,.bank-mini small{display:block}.bank-mini small{font-size:max(.72rem,12px);color:#849dbc}.modal{max-width:min(920px,calc(100vw - 24px));max-height:min(92svh,900px);overflow:auto}
@media(min-width:800px){.admin-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-user-card{grid-template-columns:minmax(240px,1.25fr) minmax(340px,1.3fr) auto;align-items:center}.admin-user-actions{display:grid;justify-items:end;border-top:0;border-left:1px solid rgba(255,255,255,.06);padding-top:0;padding-left:12px}.admin-user-actions small{text-align:right}}
@media(max-width:700px){.admin-user-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.user-detail-hero{grid-template-columns:1fr}.user-detail-actions{justify-content:stretch}.user-detail-actions .btn{flex:1}.user-rep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-rep-grid>div:last-child{grid-column:1/-1}.user-detail-grid{grid-template-columns:1fr}.user-detail-grid .span-all{grid-column:auto}.timeline-row{grid-template-columns:30px minmax(0,1fr)}.timeline-row time{grid-column:2;margin-top:-3px}.admin-user-toolbar{grid-template-columns:1fr}.admin-filter{max-width:none}}
@media(max-width:380px){.admin-kpi-grid{grid-template-columns:1fr 1fr}.admin-kpi{padding:12px}.admin-kpi strong{font-size:1.45rem}.admin-user-metrics{grid-template-columns:1fr 1fr}.admin-user-actions{align-items:stretch;flex-direction:column}.admin-user-actions .btn{width:100%}}

/* v0.7.0 · comprobantes, auditoría y seguridad administrativa */
.security-note{border:1px solid rgba(19,185,255,.28);background:linear-gradient(135deg,rgba(19,135,255,.08),rgba(30,231,143,.05));border-radius:14px;padding:12px;display:grid;gap:4px}.security-note b{font-size:.9rem}.security-note span{font-size:max(.76rem,12px);color:#91a8c9;overflow-wrap:anywhere}
.audit-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.audit-list,.incident-global-list{display:grid;gap:8px}.audit-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.018);border-radius:14px;padding:11px;min-width:0}.audit-id{min-width:42px;height:30px;border-radius:9px;background:#102f58;border:1px solid #295f98;display:grid;place-items:center;font-size:max(.7rem,11.5px);font-weight:900;color:#9ecfff}.audit-row>div{min-width:0}.audit-row b,.audit-row small,.audit-row em{display:block;overflow-wrap:anywhere}.audit-row b{font-size:.86rem}.audit-row small{font-size:max(.72rem,12px);color:#91a8c8;margin-top:2px}.audit-row em{font-style:normal;font-size:max(.69rem,11.5px);color:#6f8aaa;margin-top:4px;line-height:1.35}.audit-row time{font-size:max(.68rem,11.5px);color:#718bab;white-space:nowrap}.incident-global-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.018);border-radius:14px;padding:11px;min-width:0}.incident-global-row>div{min-width:0}.incident-global-row b,.incident-global-row small,.incident-global-row em{display:block;overflow-wrap:anywhere}.incident-global-row b{font-size:.86rem}.incident-global-row small{font-size:max(.74rem,12px);color:#94aaca;margin-top:3px}.incident-global-row em{font-style:normal;font-size:max(.69rem,11.5px);color:#6f8aaa;margin-top:4px}.proof-integrity{display:block;margin-top:5px;font-size:max(.72rem,12px)!important;font-weight:800}.proof-integrity.ok{color:#56eeb7!important}.proof-integrity.danger{color:#ff93a8!important}.review-flagged{border-color:rgba(255,84,117,.35)!important;background:linear-gradient(145deg,rgba(82,22,48,.26),rgba(8,29,59,.78))!important}
@media(max-width:700px){.audit-toolbar{grid-template-columns:1fr}.audit-row{grid-template-columns:auto minmax(0,1fr)}.audit-row time{grid-column:2;margin-top:-2px}.admin-inline-actions{flex-wrap:wrap}.admin-inline-actions .btn{min-width:0}}
@media(max-width:380px){.audit-row{padding:10px}.audit-id{min-width:38px}.proof-integrity{line-height:1.35}}

/* ===== SANES 24 v0.8 · queue operations, sessions and privacy retention ===== */
.queue-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.queue-admin-card{min-width:0;padding:18px;border:1px solid rgba(71,193,255,.16);border-radius:20px;background:linear-gradient(180deg,rgba(10,31,61,.92),rgba(6,22,46,.88));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.queue-admin-card.paused{opacity:.76}
.queue-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.queue-admin-head>div{min-width:0}.queue-admin-head h3{font-size:18px;margin:8px 0 4px;overflow-wrap:anywhere}.queue-admin-head p{margin:0;color:#91a7c7;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.queue-admin-head>strong{font-size:25px;color:#55efb2;white-space:nowrap}
.queue-admin-progress{margin:17px 0}.queue-admin-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;font-size:13px;color:#9bb1cf}.queue-admin-progress b{color:#e7f4ff}.queue-admin-progress .progress{height:8px}
.queue-admin-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:15px}.queue-admin-metrics>span{min-width:0;padding:10px 11px;border-radius:14px;background:rgba(8,24,48,.72);border:1px solid rgba(89,166,238,.1)}.queue-admin-metrics small{display:block;color:#8098ba;font-size:11px;margin-bottom:4px}.queue-admin-metrics b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.queue-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:4px 0 16px}.queue-detail-summary>span{padding:12px;border-radius:14px;background:rgba(8,27,53,.85);border:1px solid rgba(70,185,246,.12)}.queue-detail-summary small{display:block;color:#8fa7c7;font-size:11px}.queue-detail-summary strong{display:block;margin-top:4px;font-size:20px;color:#5cf0b5}
.modal-subtitle{margin:20px 0 10px;font-size:15px}.queue-detail-list{display:grid;gap:8px;max-height:42svh;overflow:auto;padding-right:3px}.queue-detail-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:rgba(6,23,46,.78);border:1px solid rgba(98,174,233,.1)}.queue-detail-row .queue-num{font-weight:800;color:#55efb2}.queue-detail-row b,.queue-detail-row small{display:block;overflow-wrap:anywhere}.queue-detail-row small{color:#8ca4c5;font-size:12px;margin-top:2px}.queue-detail-row time{font-size:11px;color:#7890b1;text-align:right;max-width:130px}
.retention-layout{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:18px;align-items:start}.retention-controls{display:grid;gap:12px}.retention-controls>label:not(.check-accept){display:grid;gap:7px;color:#a9bdd8;font-size:13px}.retention-controls input[type=number]{width:100%;min-height:45px}.retention-preview{min-width:0;padding:16px;border-radius:18px;background:rgba(7,24,48,.72);border:1px solid rgba(78,187,246,.12)}.retention-preview>p{color:#96abc8;font-size:13px;line-height:1.55}.retention-kpi{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.retention-kpi small{width:100%;color:#83a0c2}.retention-kpi strong{font-size:34px;color:#5cf0b5}.retention-kpi span{padding-bottom:5px;color:#a7bad2}
.security-panel{min-width:0}.session-list{display:grid;gap:10px;margin:8px 0 14px}.session-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px;border-radius:16px;background:rgba(8,27,53,.78);border:1px solid rgba(75,177,238,.11)}.session-card.current{border-color:rgba(61,237,171,.32);box-shadow:inset 0 0 0 1px rgba(61,237,171,.05)}.session-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(16,190,255,.09);color:#51eeb1}.session-copy{min-width:0}.session-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.session-copy b,.session-copy small,.session-copy em{display:block;overflow-wrap:anywhere}.session-copy small{color:#91a7c7;font-size:12px;margin-top:4px}.session-copy em{font-style:normal;color:#6f88a9;font-size:11px;margin-top:2px}

@media(max-width:760px){.queue-admin-grid{grid-template-columns:1fr}.retention-layout{grid-template-columns:1fr}.queue-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-detail-row{grid-template-columns:44px minmax(0,1fr)}.queue-detail-row time{grid-column:2;text-align:left;max-width:none}.session-card{grid-template-columns:34px minmax(0,1fr)}.session-card>.btn{grid-column:2;width:100%;margin-top:2px}.security-panel .panel-head{align-items:flex-start}.security-panel .panel-head>.btn{width:100%;margin-top:10px}}
@media(max-width:380px){.queue-admin-card{padding:14px}.queue-admin-head h3{font-size:16px}.queue-admin-metrics{grid-template-columns:1fr 1fr}.queue-detail-summary{grid-template-columns:1fr 1fr}.retention-kpi strong{font-size:28px}.session-card{padding:11px}.session-title b{font-size:14px}}

/* ===== SANES 24 v0.9 · consent receipts + system health ===== */
.consent-link{margin-top:11px;width:100%;min-height:42px;border:1px solid rgba(83,226,181,.18);background:rgba(13,50,72,.42);color:#9fd8c7;border-radius:12px;font:inherit;font-size:max(.78rem,12px);font-weight:800;cursor:pointer;text-align:center;padding:9px 12px;overflow-wrap:anywhere}.consent-link:hover{border-color:rgba(83,226,181,.38);color:#d9fff2}
.consent-receipt{display:grid;gap:13px;min-width:0}.consent-stamp{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 14px;border:1px solid rgba(61,237,171,.28);background:linear-gradient(135deg,rgba(25,170,126,.12),rgba(12,52,80,.34));border-radius:15px}.consent-stamp span{font-size:max(.74rem,12px);font-weight:950;letter-spacing:.12em;color:#5cf0b5}.consent-stamp b{font-size:max(.76rem,12px);text-align:right;overflow-wrap:anywhere}.consent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.consent-grid>div{min-width:0;padding:11px 12px;border-radius:13px;background:rgba(7,25,49,.76);border:1px solid rgba(65,166,230,.1)}.consent-grid small{display:block;color:#829bbd;font-size:max(.7rem,11.5px);margin-bottom:4px}.consent-grid b{display:block;font-size:max(.82rem,13px);overflow-wrap:anywhere}.consent-version{font-size:max(.72rem,12px);color:#7f98b9;overflow-wrap:anywhere;padding:0 2px}
.system-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.system-health-card{min-width:0;padding:13px 14px;border-radius:15px;background:rgba(7,25,49,.76);border:1px solid rgba(73,171,231,.12);display:grid;gap:4px}.system-health-card.ok{border-color:rgba(61,237,171,.24)}.system-health-card.danger{border-color:rgba(255,86,117,.38)}.system-health-card small{font-size:max(.7rem,11.5px);color:#8099ba}.system-health-card b{font-size:max(.86rem,13.5px);overflow-wrap:anywhere}.system-health-card span{font-size:max(.72rem,12px);color:#8fa7c7;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:760px){.system-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.consent-stamp{align-items:flex-start;flex-direction:column}.consent-stamp b{text-align:left}.consent-grid{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.system-health-grid{grid-template-columns:1fr}.consent-grid{grid-template-columns:1fr}.consent-link{font-size:12px}}
.mini-link{margin-top:5px;border:0;background:transparent;color:#61dcb3;padding:0;font:inherit;font-size:max(.72rem,12px);font-weight:800;cursor:pointer;text-align:left}.mini-link:hover{text-decoration:underline}


/* ===== SANES 24 v0.10 · accessibility + operational observability ===== */
:focus-visible{outline:3px solid rgba(85,239,178,.92);outline-offset:3px}
button,a,input,select,textarea{scroll-margin:90px}
.ops-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ops-metric-card{min-width:0;padding:14px;border-radius:16px;background:rgba(7,25,49,.78);border:1px solid rgba(72,180,235,.13);display:grid;gap:4px}
.ops-metric-card.warning{border-color:rgba(255,194,93,.32)}.ops-metric-card.danger{border-color:rgba(255,86,117,.4)}.ops-metric-card.ok{border-color:rgba(61,237,171,.24)}
.ops-metric-card small{font-size:max(.72rem,12px);color:#829cbd}.ops-metric-card strong{font-size:clamp(1.25rem,4vw,1.8rem);color:#eef8ff;overflow-wrap:anywhere}.ops-metric-card span{font-size:max(.74rem,12px);line-height:1.4;color:#91a8c7;overflow-wrap:anywhere}
.ops-queue-list{grid-column:1/-1;display:grid;gap:8px;margin-top:2px}.ops-queue-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border-radius:14px;background:rgba(6,22,44,.76);border:1px solid rgba(72,180,235,.09)}.ops-queue-row>div{min-width:0}.ops-queue-row b,.ops-queue-row small{display:block;overflow-wrap:anywhere}.ops-queue-row small{font-size:max(.72rem,12px);color:#88a0c1;margin-top:3px}.ops-queue-row strong{white-space:nowrap;color:#56eeb7}
@media(max-width:760px){.ops-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}input,select,textarea{font-size:16px!important}.btn,.icon-btn,.text-action,button{min-height:44px}}
@media(max-width:380px){.ops-metrics-grid{grid-template-columns:1fr}.ops-queue-row{grid-template-columns:1fr}.ops-queue-row strong{white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* v0.11 observabilidad y seguridad */
.ops-history-layout{display:grid;gap:14px}.ops-history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ops-history-summary>div{padding:14px;border:1px solid rgba(116,255,217,.14);border-radius:16px;background:rgba(5,24,48,.72);min-width:0}.ops-history-summary small,.ops-history-summary b{display:block}.ops-history-summary small{font-size:.78rem;color:var(--muted)}.ops-history-summary b{margin-top:4px;font-size:1rem}.ops-alert-list{grid-column:1/-1;display:grid;gap:8px}.ops-alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;border:1px solid rgba(116,255,217,.12);background:rgba(5,24,48,.65);min-width:0}.ops-alert>span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:10px;font-weight:800}.ops-alert>div{min-width:0}.ops-alert b,.ops-alert small{display:block;overflow-wrap:anywhere}.ops-alert small{margin-top:3px;color:var(--muted);font-size:.8rem}.ops-alert.ok{border-color:rgba(55,230,169,.28)}.ops-alert.ok>span{background:rgba(55,230,169,.12)}.ops-alert.warning{border-color:rgba(255,196,90,.32)}.ops-alert.warning>span{background:rgba(255,196,90,.12)}.ops-alert.critical{border-color:rgba(255,96,120,.38)}.ops-alert.critical>span{background:rgba(255,96,120,.14)}.ops-snapshot-list{display:grid;gap:8px}.ops-snapshot-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;background:rgba(5,24,48,.62);border:1px solid rgba(116,255,217,.1);min-width:0}.ops-snapshot-row>div{min-width:0}.ops-snapshot-row b,.ops-snapshot-row small{display:block;overflow-wrap:anywhere}.ops-snapshot-row small{font-size:.78rem;color:var(--muted);margin-top:2px}.ops-snapshot-row>span{font-size:.8rem;white-space:nowrap;color:var(--muted)}
@media(max-width:720px){.ops-history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-snapshot-row{grid-template-columns:minmax(0,1fr);gap:4px}.ops-snapshot-row>span{white-space:normal}.system-health-card b{overflow-wrap:anywhere}}

/* ===== SANES 24 v0.12 · step-up admin + key rotation ===== */
.stepup-layer{position:fixed;inset:0;z-index:9999}.stepup-backdrop{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,10,24,.78);backdrop-filter:blur(9px)}.stepup-card{width:min(440px,100%);padding:24px;border-radius:24px;border:1px solid rgba(82,239,183,.28);background:linear-gradient(180deg,rgba(8,30,58,.98),rgba(5,20,42,.98));box-shadow:0 24px 90px rgba(0,0,0,.48);display:grid;gap:12px}.stepup-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(53,229,169,.1);border:1px solid rgba(53,229,169,.2);font-size:22px}.stepup-card h2{margin:0;font-size:clamp(1.2rem,4vw,1.55rem)}.stepup-card p{margin:0;color:var(--muted);line-height:1.5}.stepup-card label{display:grid;gap:7px;color:#b6c8df;font-size:max(.78rem,12px);font-weight:700}.stepup-card input{width:100%;min-height:48px}.stepup-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:2px}.stepup-card>small{color:#7893b4;line-height:1.45;font-size:max(.7rem,11px)}
@media(max-width:520px){.stepup-backdrop{padding:12px;align-items:end}.stepup-card{border-radius:24px 24px 18px 18px;padding:20px}.stepup-actions{grid-template-columns:1fr}.admin-inline-actions{width:100%}.admin-inline-actions .btn{flex:1 1 130px}}

/* ===== SANES 24 v0.14 · actividad de seguridad de cuenta ===== */
.security-event-list{display:grid;gap:10px;margin-top:8px}.security-event-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:start;padding:13px;border-radius:16px;background:rgba(8,27,53,.78);border:1px solid rgba(75,177,238,.11)}.security-event-card.warning{border-color:rgba(255,192,74,.24)}.security-event-card.critical{border-color:rgba(255,97,120,.28)}.security-event-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(81,238,177,.08);font-weight:900}.security-event-card.warning .security-event-icon{background:rgba(255,192,74,.10)}.security-event-card.critical .security-event-icon{background:rgba(255,97,120,.10)}.security-event-card b,.security-event-card small,.security-event-card em{display:block;overflow-wrap:anywhere}.security-event-card small{color:#91a7c7;font-size:12px;line-height:1.45;margin-top:4px}.security-event-card em{font-style:normal;color:#6f88a9;font-size:11px;margin-top:4px}
@media(max-width:380px){.security-event-card{padding:11px;grid-template-columns:34px minmax(0,1fr)}.security-event-icon{width:32px;height:32px}}

/* v0.24: legibilidad móvil final; evita textos operativos por debajo de 12px. */
@media(max-width:760px){
  .queue-admin-metrics small,.queue-detail-summary small,.queue-detail-row time,.session-copy em,.security-event-card em{font-size:12px}
  .queue-detail-row small,.session-copy small,.security-event-card small,.consent-link{font-size:13px}
  .admin-inline-actions{gap:8px}
  .admin-inline-actions .btn{white-space:normal;line-height:1.2;padding-block:9px}
}

/* SANES 24 v0.25.1 — modular admin shell + reusable media + shared-host performance fixes */
.admin-v025{background:#051329;overflow-x:hidden}.admin-app-shell{min-height:100svh;display:grid;grid-template-columns:260px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;height:100svh;padding:18px 14px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(5,20,43,.99),rgba(6,24,50,.98));display:flex;flex-direction:column;z-index:60;overflow:auto}.admin-sidebar-brand{display:grid;gap:4px;padding:5px 8px 18px}.admin-sidebar-brand img{width:142px}.admin-sidebar-brand span{font-size:.78rem;font-weight:800;color:#7895ba}.admin-nav{display:grid;gap:5px}.admin-nav button{width:100%;min-height:46px;border:1px solid transparent;border-radius:13px;background:transparent;color:#9eb4d4;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;text-align:left;padding:0 12px;cursor:pointer;font-weight:800}.admin-nav button span{font-size:1rem;text-align:center}.admin-nav button b{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-nav button:hover{background:rgba(255,255,255,.035);color:#fff}.admin-nav button.active{background:linear-gradient(135deg,rgba(19,135,255,.18),rgba(30,231,143,.08));border-color:rgba(51,173,255,.28);color:#fff;box-shadow:inset 3px 0 0 #1edba9}.admin-sidebar-foot{margin-top:auto;display:grid;gap:10px;padding:18px 6px 4px}.sandbox-badge{display:inline-flex;align-items:center;gap:8px;color:#77efc2;font-size:.75rem;font-weight:900;letter-spacing:.08em}.sandbox-badge i,.sandbox-dot{width:8px;height:8px;border-radius:50%;background:#2ce7a7;box-shadow:0 0 0 5px rgba(44,231,167,.08)}.admin-workspace{min-width:0}.admin-topbar{min-height:76px;position:sticky;top:0;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px clamp(16px,3vw,34px);border-bottom:1px solid rgba(117,191,255,.16);background:rgba(5,19,41,.9);backdrop-filter:blur(18px)}.admin-topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.admin-topbar h1{font-size:1.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-topbar .eyebrow{font-size:.69rem}.admin-topbar-actions{display:flex;align-items:center;gap:10px}.admin-menu-toggle{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#0a2448;color:#fff;font-size:1.2rem;cursor:pointer}.admin-content{width:min(1540px,100%);margin-inline:auto;padding:22px clamp(16px,3vw,34px) 56px}.admin-view{display:none;animation:adminViewIn .18s ease}.admin-view.active{display:block}@keyframes adminViewIn{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}.admin-page-intro{margin-bottom:16px}.admin-page-intro h2{font-size:clamp(1.55rem,3vw,2.35rem);margin-top:6px}.admin-page-intro p{max-width:800px;margin-top:8px}.admin-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.admin-dashboard-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px}.admin-dashboard-card .dashboard-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(19,135,255,.11);border:1px solid rgba(19,135,255,.24);font-size:1.2rem}.admin-dashboard-card h3{font-size:1rem}.admin-dashboard-card p{font-size:.82rem;margin-top:4px}.admin-sandbox-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.admin-sandbox-summary>div{display:flex;align-items:center;gap:12px}.admin-sandbox-summary b,.admin-sandbox-summary small{display:block}.admin-sandbox-summary small{color:#8da5c5;margin-top:3px}.admin-san-create-grid{align-items:start}.media-upload-field{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px 13px;align-items:center;margin:0 0 15px}.media-upload-field .btn{justify-self:start}.media-upload-field>small{grid-column:2;color:#8099ba}.media-upload-preview{grid-row:1/3;width:96px;height:96px;border:1px dashed rgba(80,185,255,.4);border-radius:17px;background:rgba(255,255,255,.025);display:grid;place-items:center;align-content:center;overflow:hidden;color:#7cdcc9}.media-upload-preview img{width:100%;height:100%;object-fit:cover}.media-upload-preview span{font-size:1.55rem}.media-upload-preview small{font-size:.68rem;margin-top:5px;color:#8ca5c5;text-align:center}.entity-media-thumb{width:54px;height:54px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:#0c2b53;border:1px solid rgba(75,180,255,.28);flex:0 0 auto}.entity-media-thumb.round{border-radius:50%}.entity-media-thumb img{width:100%;height:100%;object-fit:cover}.entity-media-thumb>span{font-weight:900}.admin-san-item.with-media{grid-template-columns:auto minmax(0,1fr) auto}.admin-san-item.with-media .admin-san-main{align-self:center}.platform-bank-card .entity-media-thumb{width:52px;height:52px}.platform-bank-card .bank-logo-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.media-actions{display:flex;gap:7px;flex-wrap:wrap}.media-file-input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.user-avatar.has-image,.profile-avatar-media{overflow:hidden;padding:0}.user-avatar.has-image img,.profile-avatar-media img{width:100%;height:100%;object-fit:cover}.user-detail-profile{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center}.user-detail-profile .entity-media-thumb{width:76px;height:76px}.user-detail-profile .media-actions{margin-top:8px}.media-policy-card{display:grid;gap:16px}.media-policy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.media-policy-grid span{border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(255,255,255,.02)}.media-policy-grid b,.media-policy-grid small{display:block}.media-policy-grid small{color:#87a0c1;margin-top:3px}.san-cover-strip{width:100%;height:128px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#0a2b55,#0b2445);margin-bottom:12px;position:relative}.san-cover-strip img{width:100%;height:100%;object-fit:cover}.san-cover-strip .san-cover-fallback{height:100%;display:grid;place-items:center;color:#65e5c6;font-size:2rem}.san-cover-strip:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(3,14,31,.38))}.san-media-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.san-gallery-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.san-gallery-preview img{width:100%;aspect-ratio:1.25/1;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.admin-sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,7,17,.62);z-index:55}.admin-view .glass-panel+.glass-panel{margin-top:14px}.admin-view .page-head+ .glass-panel{margin-top:0}.admin-view .admin-grid+.glass-panel{margin-top:14px}.admin-view .page-head{padding:0}.admin-view .admin-list-panel{margin-bottom:0}.admin-view .admin-kpi-grid{margin-bottom:14px}

/* media in end-user cards */
.bank-icon.media-logo{padding:0;overflow:hidden}.bank-icon.media-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.san-card-cover,.available-card-cover{height:118px;border-radius:15px;overflow:hidden;margin-bottom:12px;border:1px solid rgba(117,191,255,.18);background:#082142}.san-card-cover img,.available-card-cover img{width:100%;height:100%;object-fit:cover}.profile-photo-control{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:12px}.profile-card .profile-main>.avatar.has-image,.user-chip .avatar.has-image{overflow:hidden;padding:0}.profile-card .profile-main>.avatar.has-image img,.user-chip .avatar.has-image img{width:100%;height:100%;object-fit:cover}

@media(max-width:1100px){.admin-app-shell{grid-template-columns:220px minmax(0,1fr)}.admin-sidebar{padding-inline:10px}.admin-dashboard-grid{grid-template-columns:1fr}.admin-dashboard-card{grid-template-columns:auto minmax(0,1fr)}.admin-dashboard-card .btn{grid-column:2;justify-self:start}.media-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.admin-app-shell{display:block}.admin-sidebar{position:fixed;left:0;top:0;width:min(84vw,300px);height:100svh;transform:translateX(-105%);transition:transform .22s ease;box-shadow:20px 0 60px rgba(0,0,0,.38)}.admin-sidebar.open{transform:translateX(0)}.admin-sidebar-backdrop.open{display:block}.admin-menu-toggle{display:grid;place-items:center}.admin-topbar{min-height:68px;padding-inline:14px}.admin-topbar-actions .role-pill{display:none}.admin-content{padding:16px 14px 44px}.admin-dashboard-grid{grid-template-columns:1fr}.admin-sandbox-summary{align-items:flex-start;flex-direction:column}.admin-san-item.with-media{grid-template-columns:auto minmax(0,1fr)}.admin-san-item.with-media>.admin-inline-actions{grid-column:1/-1}.media-policy-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.admin-topbar-actions .btn{display:none}.admin-content{padding-inline:12px}.admin-page-intro h2{font-size:1.55rem}.admin-dashboard-card{grid-template-columns:42px minmax(0,1fr);padding:14px}.admin-dashboard-card .dashboard-icon{width:42px;height:42px}.admin-dashboard-card .btn{grid-column:1/-1;width:100%}.media-upload-field{grid-template-columns:82px minmax(0,1fr)}.media-upload-preview{width:82px;height:82px}.media-policy-grid{grid-template-columns:1fr}.admin-san-item.with-media{grid-template-columns:1fr}.admin-san-item.with-media>.entity-media-thumb{width:100%;height:132px;border-radius:14px}.admin-san-item.with-media>.entity-media-thumb.round{width:58px;height:58px;border-radius:50%}.san-gallery-preview{grid-template-columns:repeat(2,1fr)}.user-detail-profile{grid-template-columns:62px minmax(0,1fr)}.user-detail-profile .entity-media-thumb{width:62px;height:62px}.admin-user-toolbar{grid-template-columns:1fr}.admin-kpi-grid{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.admin-kpi-grid{grid-template-columns:1fr}.admin-topbar h1{font-size:1.16rem}.admin-nav button{min-height:44px}.media-upload-field{grid-template-columns:1fr}.media-upload-preview{grid-row:auto;width:100%;height:120px}.media-upload-field>small{grid-column:auto}}

/* v0.25 media finishing */
.media-gallery-item{position:relative;min-width:0}.media-gallery-item img{display:block;width:100%;aspect-ratio:1.25/1;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.media-gallery-item .close-btn{position:absolute;top:6px;right:6px;width:30px;height:30px;min-height:0;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(4,16,35,.86);color:#fff;display:grid;place-items:center;font-weight:900;cursor:pointer;z-index:2}.media-gallery-item .close-btn:hover{background:rgba(255,84,117,.88)}.media-help{display:block;color:#819abc;font-size:.76rem;margin-top:6px}.profile-avatar-media{width:64px;height:64px;min-width:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#13a9ff,#8150ff);font-weight:900}.profile-photo-control .btn{min-height:38px}.user-chip .avatar.has-image img{border-radius:50%}

/* v0.25.1: prevent generic form controls from stretching checkboxes */
.form-stack .check-accept,.admin-form .check-accept{display:flex;align-items:center;gap:10px}
.form-stack .check-accept input[type=checkbox],.admin-form .check-accept input[type=checkbox]{appearance:auto;width:20px!important;height:20px!important;min-height:20px!important;padding:0!important;flex:0 0 20px;border-radius:4px;accent-color:#1fd6bd}

/* ===== SANES 24 v0.26.0 · end-user experience overhaul ===== */
.app-body{
  --user-surface:#081d3a;
  --user-surface-2:#0a2548;
  --user-surface-3:#0c2c54;
  --user-border:rgba(117,191,255,.16);
  --user-border-strong:rgba(67,180,255,.34);
  --user-muted:#94aac9;
  --user-soft:#c8d6e9;
  --user-shadow:0 18px 48px rgba(0,7,20,.24);
  background:
    radial-gradient(circle at 75% -15%,rgba(19,135,255,.08),transparent 30%),
    linear-gradient(180deg,#06152d 0%,#06162f 55%,#041126 100%);
}
.app-body .app-shell{grid-template-columns:264px minmax(0,1fr)}
.app-body .sidebar{
  width:auto;padding:25px 18px 18px;background:linear-gradient(180deg,#06162e 0%,#06162e 70%,#051329 100%);
  border-right:1px solid rgba(111,185,255,.11);box-shadow:18px 0 45px rgba(0,7,20,.12)
}
.app-body .app-brand{display:flex;align-items:center;min-height:44px;padding:0 4px}
.app-body .app-brand img{width:158px}
.app-body .side-nav{gap:5px;margin-top:27px}
.app-body .side-nav button{
  min-height:47px;padding:0 13px;border:1px solid transparent;border-radius:13px;color:#9db2cf;
  font-weight:750;letter-spacing:-.01em;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease
}
.app-body .side-nav button:hover{background:rgba(255,255,255,.035);color:#e9f4ff;transform:translateX(2px)}
.app-body .side-nav button.active{background:linear-gradient(90deg,rgba(29,93,220,.27),rgba(18,95,175,.11));border-color:rgba(70,146,255,.28);box-shadow:inset 3px 0 0 #24ddb6;color:#fff}
.app-body .side-nav button .nav-ico{width:22px;color:#8fc4ff;font-size:1rem}
.app-body .admin-link{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 13px;border-radius:12px;border:1px solid rgba(117,191,255,.12);background:rgba(255,255,255,.025);color:#8ebcff;margin-top:14px}
.app-body .side-card{padding:15px;border-radius:16px;border-color:rgba(117,191,255,.14);background:linear-gradient(180deg,rgba(11,43,81,.74),rgba(7,28,57,.78));box-shadow:none}
.app-body .side-card-icon{font-size:1.15rem!important;color:#5cf0b5}
.app-body .side-card b{font-size:.9rem;margin-top:7px}.app-body .side-card p{font-size:.75rem;line-height:1.48;margin-top:5px}.app-body .side-card small{display:inline-flex;margin-top:9px;padding:4px 8px;border-radius:999px;background:rgba(35,230,161,.08);border:1px solid rgba(35,230,161,.18);color:#65eabd;font-size:.67rem;font-weight:850;letter-spacing:.04em}
.app-body .app-header{height:72px;padding:0 clamp(16px,2.2vw,30px);background:rgba(5,19,42,.94);border-bottom-color:rgba(117,191,255,.11);box-shadow:0 8px 28px rgba(0,8,22,.08)}
.app-body .search-box{width:min(510px,48vw);height:42px;border-radius:12px;background:#082142;border-color:rgba(117,191,255,.18);transition:border-color .16s ease,box-shadow .16s ease}
.app-body .search-box:focus-within{border-color:rgba(43,173,255,.52);box-shadow:0 0 0 3px rgba(43,173,255,.08)}
.app-body .search-box input{font-size:.88rem;color:#eef7ff}.app-body .search-box input::placeholder{color:#758eaf}
.app-body .icon-btn{width:40px;height:40px;border-radius:12px;background:#092347;border-color:rgba(117,191,255,.19)}
.app-body .user-chip{min-height:42px;padding:0 8px 0 3px;border-radius:13px}.app-body .user-chip:hover{background:rgba(255,255,255,.035)}
.app-body .user-chip .avatar{width:35px;height:35px;border:1px solid rgba(255,255,255,.5)}
.app-body .demo-banner{display:flex;align-items:center;justify-content:center;gap:8px;min-height:31px;padding:5px 14px;color:#f1c879;background:rgba(243,177,58,.055);border-bottom-color:rgba(243,177,58,.13);font-size:.69rem;letter-spacing:.01em}
.app-body .demo-banner strong{font-size:.68rem;letter-spacing:.07em}.app-body .demo-dot{width:7px;height:7px;border-radius:50%;background:#f0bb53;box-shadow:0 0 0 4px rgba(240,187,83,.08)}.app-body .demo-separator{opacity:.45}
.app-body .view{width:min(1320px,100%);padding:28px clamp(18px,2.4vw,34px) 56px}
.app-body .page-head{margin-bottom:18px;align-items:flex-end}.app-body .page-head>div:first-child{min-width:0}.app-body .page-head h1{font-size:clamp(1.85rem,3.2vw,2.45rem);margin-top:5px}.app-body .page-head p{max-width:760px;color:#9bb0ce;font-size:.91rem;line-height:1.6}.app-body .eyebrow{color:#61e6c0;letter-spacing:.11em;font-size:.72rem}
.app-body .panel{background:linear-gradient(180deg,rgba(10,37,72,.91),rgba(7,28,57,.94));border-color:var(--user-border);border-radius:18px;padding:18px;box-shadow:0 1px 0 rgba(255,255,255,.02)}
.app-body .panel-head{margin-bottom:15px}.app-body .panel-head h2{font-size:1.13rem}.app-body .panel-head p{font-size:.79rem;color:#91a7c7;line-height:1.48}.app-body .section-kicker{display:block;margin-bottom:4px;color:#65e6c1;font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}

/* dashboard */
.user-welcome{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:15px;padding:21px 22px;border:1px solid rgba(85,178,255,.16);border-radius:20px;background:linear-gradient(135deg,rgba(10,42,82,.95),rgba(8,29,59,.92) 64%,rgba(19,84,111,.78));box-shadow:var(--user-shadow);position:relative;overflow:hidden}
.user-welcome:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-100px;top:-150px;background:radial-gradient(circle,rgba(35,230,161,.15),transparent 67%);pointer-events:none}
.user-welcome-copy{min-width:0;position:relative;z-index:1}.user-welcome h1{font-size:clamp(1.8rem,3.6vw,2.55rem);margin-top:5px}.user-welcome p{font-size:.9rem;margin-top:7px;max-width:700px}.trust-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px}.trust-chip{display:inline-flex;align-items:center;min-height:27px;padding:4px 9px;border-radius:999px;border:1px solid rgba(117,191,255,.16);background:rgba(255,255,255,.035);color:#a9bdd7;font-size:.7rem;font-weight:780}.trust-chip.success{border-color:rgba(35,230,161,.22);background:rgba(35,230,161,.07);color:#72edc1}.trust-chip.warning{border-color:rgba(255,189,74,.23);background:rgba(255,189,74,.07);color:#f6cb77}.quick-actions{display:flex;gap:9px;flex:0 0 auto;position:relative;z-index:1}.quick-actions .btn{min-width:128px}
.app-body .summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}
.app-body .stat-card{min-height:126px;padding:15px 16px;border-radius:17px;border-color:rgba(117,191,255,.16);background:linear-gradient(180deg,#0b2850,#092143);display:grid;grid-template-rows:auto 1fr auto;align-items:start;gap:7px;justify-content:stretch;overflow:hidden;box-shadow:none}
.app-body .stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:.85}.app-body .stat-card:after{width:110px;height:110px;right:-45px;bottom:-60px;opacity:.075}
.app-body .stat-card-head{display:flex;align-items:center;gap:8px;min-width:0}.app-body .stat-card .stat-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);font-size:.82rem;flex:0 0 auto}.app-body .stat-card small{display:block;color:#91a7c7;font-size:.74rem;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-body .stat-card strong{display:block;align-self:center;font-size:clamp(1.4rem,2.5vw,1.8rem);line-height:1.05;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-body .stat-card em{display:block;color:#7ee9c3;font-size:.68rem;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.user-action-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(117,191,255,.13);border-radius:15px;background:rgba(8,31,61,.72)}.user-action-strip>div{display:flex;align-items:center;gap:11px;min-width:0}.action-strip-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(35,230,161,.09);border:1px solid rgba(35,230,161,.18);color:#64eabd;font-weight:950;flex:0 0 auto}.user-action-strip b{font-size:.84rem}.user-action-strip p{font-size:.73rem;margin-top:2px;line-height:1.4}
.app-body .dashboard-grid{grid-template-columns:minmax(0,1.62fr) minmax(300px,.72fr);gap:14px}.primary-panel,.activity-panel{min-height:100%}.compatible-panel{margin-top:14px}

/* cards and lists */
.app-body .san-card{border-color:rgba(67,163,243,.28);border-radius:16px;background:linear-gradient(160deg,#0d2a51,#092244);padding:15px}.app-body .san-card-cover{height:148px;border-radius:13px;margin:-2px -2px 13px}.app-body .san-card-top{gap:11px}.app-body .san-title b{font-size:1rem}.app-body .san-title span{font-size:.75rem}.app-body .status-pill{font-size:.68rem;padding:5px 8px}.app-body .san-meta{gap:7px;margin:13px 0}.app-body .san-meta div{padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.025)}.app-body .san-meta small{font-size:.67rem}.app-body .san-meta strong{font-size:.8rem}.app-body .progress-row{font-size:.72rem}.app-body .card-actions{margin-top:13px;gap:8px}.app-body .card-actions .btn{min-height:42px;font-size:.8rem}
.app-body .activity-item{padding:11px 0;gap:9px}.app-body .activity-dot{width:33px;height:33px}.app-body .activity-item b{font-size:.78rem}.app-body .activity-item p{font-size:.69rem}.app-body .activity-item time{font-size:.65rem}
.app-body .available-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.app-body .available-card{border-color:rgba(63,158,241,.25);border-radius:16px;background:linear-gradient(160deg,#0c294f,#08203f);padding:14px;gap:11px;box-shadow:none;transition:transform .17s ease,border-color .17s ease}.app-body .available-card:hover{transform:translateY(-2px);border-color:rgba(72,181,255,.42)}.app-body .available-card-cover{height:126px;border-radius:12px;margin-bottom:0}.app-body .available-card .amount{font-size:1.45rem}.app-body .available-card .facts{font-size:.72rem}.app-body .card-hint{color:#7f99bb;font-size:.67rem;line-height:1.35}
.app-body .bank-icon{width:44px;height:44px;border-radius:12px;font-size:1.15rem}.app-body .bank-icon.media-logo img{padding:3px}
.app-body .positions-line{margin:15px 0 11px}.app-body .position-avatar{width:39px;height:39px}.app-body .position b{font-size:.65rem}.app-body .position small{font-size:.62rem}

/* explore */
.explore-filters{grid-template-columns:minmax(230px,1.45fr) minmax(150px,.8fr) minmax(140px,.72fr) minmax(150px,.7fr);gap:9px;margin-bottom:12px}.app-body .filter-control{min-height:58px;padding:8px 11px;border-radius:13px;background:#082243;border-color:rgba(117,191,255,.16)}.app-body .filter-control label{font-size:.64rem;color:#7f97b9;text-transform:uppercase;letter-spacing:.06em}.app-body .filter-control input,.app-body .filter-control select{width:100%;min-height:28px;padding:2px 0;background:transparent;border:0;outline:0;color:#fff;font-weight:750}.filter-search input::placeholder{color:#718aab}.app-body button.filter-toggle{cursor:pointer;font-weight:760;border-style:solid}.app-body button.filter-toggle.is-on{border-color:rgba(35,230,161,.25);background:rgba(24,100,84,.17)}.result-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 13px;color:#b9c9dc;font-size:.78rem}.result-summary small{color:#7f98ba}.span-all{grid-column:1/-1}

/* my sanes */
.my-filter-tabs{position:sticky;top:82px;z-index:18;background:rgba(6,21,45,.94);backdrop-filter:blur(12px);box-shadow:0 8px 20px rgba(0,7,20,.08)}.my-sanes-panel>.san-card+.san-card{margin-top:12px}

/* payments / bank / profile */
.app-body .payment-center-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.app-body .payment-item{border-color:rgba(117,191,255,.13);background:#082244;padding:12px 13px;border-radius:13px}.app-body .payment-item b{font-size:.8rem}.app-body .payment-item p,.app-body .payment-item small{font-size:.72rem}
.app-body .banks-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.app-body .bank-card{border-color:rgba(117,191,255,.16);border-radius:16px;background:linear-gradient(160deg,#0b284f,#082140);padding:15px}.app-body .bank-card strong{font-size:.9rem}.app-body .bank-card small{font-size:.72rem}
.app-body .profile-main{align-items:flex-start}.app-body .profile-card{gap:16px}.app-body .profile-main h2{font-size:1.25rem}.app-body .verification-pills{margin-top:9px}.app-body .verified,.app-body .unverified{font-size:.68rem;padding:4px 8px}.app-body .session-card,.app-body .security-event-card{border-color:rgba(117,191,255,.12);background:rgba(7,28,56,.74)}
.app-body .referral-hero{border-color:rgba(130,93,255,.28);background:linear-gradient(135deg,rgba(91,56,190,.18),rgba(9,89,151,.15));box-shadow:none}.app-body .referral-hero .balance{font-size:2rem}

/* trust / rules */
.trust-explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.trust-explainer>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;padding:14px;border:1px solid rgba(117,191,255,.14);border-radius:15px;background:rgba(8,31,61,.72)}.trust-explainer-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(35,230,161,.08);border:1px solid rgba(35,230,161,.17);color:#64eabd;font-weight:900}.trust-explainer b{font-size:.82rem}.trust-explainer p{font-size:.72rem;line-height:1.48;margin-top:3px}.app-body .rules-page{padding:7px 18px}.app-body .rules-page article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:16px 0}.app-body .rules-page article>span{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#0a2a50;border:1px solid rgba(117,191,255,.14);color:#62e6c0;font-size:.72rem;font-weight:900}.app-body .rules-page h3{font-size:.9rem}.app-body .rules-page p{font-size:.78rem;line-height:1.55}

/* loading, empty and feedback states */
.app-body .skeleton-list{position:relative;overflow:hidden;min-height:76px;display:grid;place-items:center;padding:18px;border-color:rgba(117,191,255,.13);background:rgba(255,255,255,.015);color:#8fa7c7}.app-body .skeleton-list:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);animation:userShimmer 1.4s infinite}@keyframes userShimmer{100%{transform:translateX(100%)}}
.app-body .empty-state{padding:28px 18px;border-color:rgba(117,191,255,.14);background:rgba(255,255,255,.012)}.app-body .empty-state b{font-size:.9rem}.app-body .empty-state span{font-size:.76rem;line-height:1.48}
.app-body .toast{border-radius:13px;box-shadow:0 18px 45px rgba(0,7,20,.34)}

/* modals */
.app-body .modal{border-radius:20px;border-color:rgba(117,191,255,.2);background:linear-gradient(180deg,#0a274c,#071d3a);box-shadow:0 28px 80px rgba(0,0,0,.46)}.app-body .modal-head{padding-bottom:13px;border-bottom:1px solid rgba(117,191,255,.11)}.app-body .modal-head h2{font-size:1.3rem}.app-body .modal-section{border-color:rgba(117,191,255,.12);background:rgba(255,255,255,.015)}

/* mobile and tablet */
@media(max-width:1180px){
  .app-body .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-body .available-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .explore-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-body .banks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1019px){
  .app-body .app-shell{display:block}.app-body .app-main-wrap{padding-bottom:calc(var(--bottom) + 18px)}
  .app-body .view{padding:18px 14px 30px}.app-body .demo-banner{flex-wrap:wrap;gap:5px 7px}
  .user-welcome{padding:17px 16px}.user-welcome h1{font-size:1.85rem}.quick-actions{display:none}
  .app-body .dashboard-grid{grid-template-columns:1fr}.activity-panel{order:2}
  .app-body .available-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .my-filter-tabs{top:70px}
}
@media(max-width:700px){
  .app-body .view{padding:16px 12px 28px}.app-body .page-head{margin-bottom:14px}.app-body .page-head h1{font-size:1.65rem}.app-body .page-head p{font-size:.82rem;line-height:1.5}
  .user-welcome{margin-bottom:11px;border-radius:17px}.user-welcome p{font-size:.8rem}.trust-row{margin-top:11px}.trust-chip{font-size:.64rem;min-height:25px}
  .app-body .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:11px}.app-body .stat-card{min-height:112px;padding:12px 13px;gap:5px}.app-body .stat-card .stat-icon{width:25px;height:25px;border-radius:8px}.app-body .stat-card small{font-size:.67rem}.app-body .stat-card strong{font-size:1.35rem}.app-body .stat-card em{font-size:.62rem}
  .user-action-strip{align-items:flex-start;padding:11px 12px}.user-action-strip .btn{display:none}.user-action-strip b{font-size:.78rem}.user-action-strip p{font-size:.68rem}
  .app-body .panel{padding:14px;border-radius:16px}.app-body .panel-head{margin-bottom:12px}.app-body .panel-head h2{font-size:1.04rem}.app-body .panel-head p{font-size:.72rem}
  .app-body .available-grid{grid-template-columns:1fr}.app-body .available-card{padding:13px}.app-body .available-card-cover{height:142px}.app-body .san-card-cover{height:134px}
  .app-body .san-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.app-body .position b{font-size:.61rem}.app-body .position small{font-size:.58rem}
  .explore-filters{grid-template-columns:1fr 1fr;gap:8px}.explore-filters .filter-search{grid-column:1/-1}.result-summary{align-items:flex-start;flex-direction:column;gap:2px}
  .app-body .payment-center-grid,.app-body .banks-grid{grid-template-columns:1fr}.trust-explainer{grid-template-columns:1fr}.app-body .rules-page article{grid-template-columns:36px minmax(0,1fr);gap:10px}.app-body .rules-page article>span{width:32px;height:32px}
  .app-body .activity-item time{font-size:.61rem}.app-body .bottom-nav{height:calc(68px + env(safe-area-inset-bottom))}.app-body .nav-item{font-size:.62rem}.app-body .nav-item .nav-ico{font-size:1.08rem}
}
@media(max-width:430px){
  .app-body .app-header{height:64px;padding:0 10px}.app-body .mobile-logo img{width:108px}.app-body .icon-btn{width:38px;height:38px}.app-body .user-chip .avatar{width:34px;height:34px}.app-body .demo-banner{font-size:.62rem;min-height:28px;padding:5px 8px}.app-body .demo-separator{display:none}
  .app-body .summary-grid{grid-template-columns:1fr 1fr}.app-body .stat-card{min-width:0}.app-body .stat-card strong{font-size:1.27rem}.app-body .stat-card small,.app-body .stat-card em{overflow-wrap:anywhere}.app-body .stat-card small{white-space:normal}
  .explore-filters{grid-template-columns:1fr}.explore-filters .filter-search{grid-column:auto}.app-body .filter-control{min-height:55px}
  .app-body .card-actions{grid-template-columns:1fr}.app-body .san-card-top{align-items:flex-start}.app-body .san-card-top .status-pill{white-space:nowrap}
  .app-body .positions-scroll{margin-inline:-4px}.app-body .positions-scroll .positions-line{min-width:410px}
  .app-body .referral-code{flex-direction:column}.app-body .referral-code input{min-height:44px}.app-body .referral-hero-grid{grid-template-columns:1fr}
  .app-body .profile-main{flex-direction:column}.app-body .profile-photo-control{margin-top:10px}
}

/* v0.26 user-facing landing/auth trust polish */
.auth-trust-note{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:start;margin:14px 0 16px;padding:11px 12px;border:1px solid rgba(35,230,161,.18);border-radius:13px;background:rgba(35,230,161,.055)}.auth-trust-note>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(35,230,161,.1);color:#66ebbe;font-weight:950}.auth-trust-note b,.auth-trust-note small{display:block}.auth-trust-note b{font-size:.78rem;color:#e8fff7}.auth-trust-note small{margin-top:2px;color:#91a9c8;font-size:.68rem;line-height:1.45}.auth-safety{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;width:min(520px,100%);margin:14px auto 0;padding:12px 13px;border-radius:14px;border:1px solid rgba(117,191,255,.14);background:rgba(7,27,54,.72);text-align:left}.auth-safety>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(19,135,255,.08)}.auth-safety b{font-size:.76rem}.auth-safety p{font-size:.68rem;line-height:1.5;margin-top:2px}.landing-body .trust-row{display:flex;gap:9px;flex-wrap:wrap}.landing-body .trust-row span{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;border:1px solid rgba(35,230,161,.17);background:rgba(35,230,161,.055);font-size:.75rem;font-weight:750;color:#bfeedd}.landing-body .metrics article{border-color:rgba(117,191,255,.14);background:rgba(9,34,67,.7)}.landing-body .metrics strong{font-size:1.15rem}.landing-body .metrics span{font-size:.74rem;color:#92a9c8}
.user-action-strip .action-strip-icon.warning{background:rgba(255,189,74,.08);border-color:rgba(255,189,74,.2);color:#f6cb77}


/* v0.28.0 — sandbox payment simulator */
.demo-payment-box{margin-top:12px;padding:16px;border:1px solid rgba(54,217,178,.42);border-radius:16px;background:linear-gradient(135deg,rgba(27,198,164,.12),rgba(45,111,255,.10));display:grid;gap:7px;overflow:hidden}
.demo-payment-box b{font-size:1rem;color:#f6fbff}.demo-payment-box p{margin:0 0 5px;color:#a9bdd8;line-height:1.5}.demo-payment-box .eyebrow{color:#54e6c4}
@media(max-width:640px){.demo-payment-box{padding:14px;border-radius:14px}.demo-payment-box .btn{min-height:46px;white-space:normal}}


/* v0.28.0 — round entry modal hardening */
.app-body .enter-round-modal{overflow-x:hidden;max-width:min(820px,calc(100vw - 24px))}
.app-body .enter-round-modal *{box-sizing:border-box;min-width:0}
.required-bank-card{margin-top:10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;max-width:100%;padding:12px;border:1px solid rgba(72,178,255,.24);border-radius:14px;background:#092445;overflow:hidden}
.required-bank-card .bank-icon{width:46px;height:46px}.required-bank-card b,.required-bank-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.required-bank-card small{color:#8fa7c7;margin-top:2px}.required-bank-card .status-pill{white-space:nowrap}
.round-rules{max-height:210px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-right:8px}
.round-entry-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.round-entry-summary>div{padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)}.round-entry-summary span,.round-entry-summary b{display:block}.round-entry-summary span{font-size:.72rem;color:#91a8c9}.round-entry-summary b{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:640px){.app-body .enter-round-modal{max-width:100vw;border-radius:20px 20px 0 0}.round-entry-summary{grid-template-columns:1fr}.required-bank-card{grid-template-columns:auto minmax(0,1fr)}.required-bank-card .status-pill{grid-column:1/-1;justify-self:start}.round-rules{max-height:190px}}


/* ===== SANES 24 v0.29.0 · premium user experience ===== */
.app-body{
  --premium-bg:#041126;--premium-surface:rgba(8,29,58,.88);--premium-surface-2:rgba(10,38,74,.92);
  --premium-line:rgba(113,190,255,.14);--premium-line-strong:rgba(71,184,255,.31);
  --premium-text:#f7fbff;--premium-muted:#8fa9ca;--premium-cyan:#20d8ff;--premium-green:#35e6ae;--premium-violet:#855cff;
  background:
    radial-gradient(circle at 82% -8%,rgba(41,121,255,.13),transparent 28%),
    radial-gradient(circle at 58% 18%,rgba(23,222,190,.055),transparent 24%),
    linear-gradient(180deg,#05142b 0%,#06162f 54%,#041126 100%);
}
.app-body .view{width:min(1380px,100%);padding:30px clamp(18px,2.7vw,38px) 64px}
.app-body .app-main-wrap{background:transparent;min-width:0}
.app-body .sidebar{background:linear-gradient(180deg,rgba(5,20,43,.99),rgba(4,16,35,.99));border-right:1px solid rgba(120,195,255,.10);box-shadow:24px 0 70px rgba(0,6,18,.16)}
.app-body .side-nav button{position:relative;overflow:hidden}
.app-body .side-nav button.active:after{content:"";position:absolute;inset:8px auto 8px 0;width:3px;border-radius:999px;background:linear-gradient(#26e2c0,#24a8ff);box-shadow:0 0 18px rgba(41,225,192,.55)}
.app-body .app-header{background:rgba(5,19,42,.82);border-bottom:1px solid rgba(126,190,255,.08);box-shadow:0 10px 35px rgba(0,7,20,.08)}
.app-body .search-box{background:rgba(9,33,65,.78);border-color:rgba(118,193,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.app-body .icon-btn,.app-body .user-chip .avatar{box-shadow:0 8px 24px rgba(0,7,20,.2)}
.app-body .demo-banner{background:linear-gradient(90deg,rgba(255,189,74,.055),rgba(255,189,74,.10),rgba(255,189,74,.055));border-color:rgba(255,190,76,.16)}

/* Shared premium hierarchy */
.app-body .page-head{position:relative;margin-bottom:22px;align-items:end}
.app-body .page-head:after{content:"";position:absolute;left:0;bottom:-11px;width:54px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--premium-green),var(--premium-cyan));opacity:.9}
.app-body .page-head h1{font-size:clamp(1.8rem,3vw,2.35rem);letter-spacing:-.04em}
.app-body .page-head p{max-width:760px;color:#91a9c8;line-height:1.55}
.app-body .eyebrow,.app-body .section-kicker,.premium-label{font-size:.68rem;letter-spacing:.115em;text-transform:uppercase;font-weight:900;color:#5ce7c5}
.app-body .panel,.app-body .san-card,.app-body .available-card,.app-body .bank-card,.app-body .referral-hero{
  border-color:var(--premium-line);background:linear-gradient(155deg,rgba(10,38,74,.90),rgba(6,25,52,.94));
  box-shadow:0 18px 45px rgba(0,7,20,.13),inset 0 1px 0 rgba(255,255,255,.025)
}
.app-body .panel{border-radius:20px;padding:18px}
.app-body .panel:hover{border-color:rgba(113,190,255,.20)}
.app-body .panel-head h2,.premium-section-head h2{font-size:1.12rem;letter-spacing:-.025em}
.app-body .panel-head p,.premium-section-head p{font-size:.74rem;line-height:1.48;color:#879fbe}
.premium-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.soft-badge,.position-highlight{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;border:1px solid rgba(93,186,255,.16);background:rgba(62,139,255,.07);color:#9dc8f3;font-size:.68rem;font-weight:800;white-space:nowrap}
.position-highlight b{margin-left:4px;color:#fff}

/* Buttons and feedback */
.app-body .btn{border-radius:12px;min-height:44px;box-shadow:none;transition:transform .16s ease,border-color .16s ease,filter .16s ease,background .16s ease}
.app-body .btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.app-body .btn-primary{background:linear-gradient(100deg,#16bffa,#3478ff 58%,#7f54ff);box-shadow:0 11px 26px rgba(41,111,255,.18)}
.app-body .btn-secondary{background:rgba(12,43,82,.68);border-color:rgba(86,179,255,.27)}
.app-body .btn-ghost{background:rgba(255,255,255,.018);border-color:rgba(113,190,255,.12)}
.app-body .toast{border:1px solid rgba(117,191,255,.18);background:#092142;backdrop-filter:blur(16px)}

/* Dashboard */
.user-welcome{overflow:hidden;position:relative;padding:23px 24px;border-radius:22px;border:1px solid rgba(85,193,255,.18);background:linear-gradient(125deg,rgba(12,44,84,.96),rgba(8,32,65,.95) 58%,rgba(12,88,101,.46));box-shadow:0 20px 55px rgba(0,7,20,.16)}
.user-welcome:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-150px;top:-240px;background:radial-gradient(circle,rgba(35,230,174,.20),transparent 63%);pointer-events:none}
.user-welcome:after{content:"";position:absolute;inset:auto -8% -65% 55%;height:170px;background:linear-gradient(90deg,transparent,rgba(72,127,255,.12));filter:blur(35px);pointer-events:none}
.user-welcome-copy,.quick-actions{position:relative;z-index:1}
.user-welcome h1{font-size:clamp(2rem,3.5vw,2.85rem);letter-spacing:-.05em;margin-top:5px}
.user-welcome p{color:#a3b7d2}
.trust-row{gap:7px;margin-top:15px}.trust-chip{min-height:28px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(130,197,255,.12);color:#afc5df;font-size:.67rem;font-weight:800}.trust-chip.success{background:rgba(35,230,161,.07);border-color:rgba(35,230,161,.17);color:#6ee9bf}.trust-chip.warning{background:rgba(255,189,74,.07);border-color:rgba(255,189,74,.16);color:#f2c978}
.app-body .summary-grid{gap:12px;margin:14px 0}
.app-body .stat-card{min-height:120px;padding:15px 16px;border-radius:17px;border-color:rgba(113,190,255,.14);background:linear-gradient(160deg,rgba(11,42,81,.94),rgba(7,29,59,.94));box-shadow:0 13px 30px rgba(0,7,20,.1)}
.app-body .stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent,#20cfff);opacity:.85}
.app-body .stat-card:after{width:120px;height:120px;right:-50px;bottom:-66px;opacity:.08}
.app-body .stat-card-head{align-items:center}.app-body .stat-card .stat-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(48,145,255,.08);border:1px solid rgba(96,183,255,.13);font-size:.9rem}.app-body .stat-card small{font-size:.7rem}.app-body .stat-card strong{font-size:1.55rem;letter-spacing:-.03em}.app-body .stat-card em{font-size:.65rem;font-weight:750}
.user-action-strip{border-radius:15px;border-color:rgba(113,190,255,.13);background:rgba(8,31,61,.78);box-shadow:none}
.app-body .dashboard-grid{gap:14px;grid-template-columns:minmax(0,1.75fr) minmax(290px,.75fr)}
.activity-panel{background:linear-gradient(160deg,rgba(9,34,66,.92),rgba(6,25,52,.94))!important}

/* San cards / Explore / My Sanes */
.app-body .available-grid{gap:14px}
.app-body .available-card{position:relative;padding:14px;border-radius:18px;gap:11px;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.app-body .available-card:hover{transform:translateY(-3px);border-color:rgba(65,184,255,.34);box-shadow:0 22px 42px rgba(0,8,22,.2)}
.app-body .available-card-cover,.app-body .san-card-cover{height:142px;border-radius:14px;border-color:rgba(113,190,255,.12);background:linear-gradient(135deg,#0a2b52,#071c39);position:relative}
.app-body .available-card-cover:after,.app-body .san-card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(3,15,32,.34));pointer-events:none}
.app-body .available-card-header .bank-icon{width:42px;height:42px;border-radius:12px}.app-body .available-card .amount{font-size:1.52rem;letter-spacing:-.035em}.app-body .available-card .facts{font-size:.7rem}.app-body .card-hint{font-size:.66rem}.app-body .available-card .progress{height:6px;background:#11315a}
.app-body .san-card{border-radius:18px;padding:15px;box-shadow:0 16px 38px rgba(0,7,20,.12)}
.app-body .san-card-top{align-items:center}.app-body .san-meta div{background:rgba(255,255,255,.018);border-color:rgba(117,191,255,.09)}
.app-body .status-pill{border-color:rgba(35,230,161,.19);background:rgba(35,230,161,.07);color:#63eabe}
.app-body .filter-control{border-color:rgba(113,190,255,.13);background:rgba(8,33,65,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
.app-body .filter-control:focus-within{border-color:rgba(61,180,255,.38);box-shadow:0 0 0 3px rgba(38,151,255,.06)}
.my-filter-tabs{border:1px solid rgba(113,190,255,.11);background:rgba(6,24,50,.88);padding:5px;border-radius:13px}.my-filter-tabs button{border-radius:9px}.my-filter-tabs button.active{background:linear-gradient(90deg,rgba(42,119,255,.26),rgba(78,73,255,.18));color:#fff}

/* Payments */
.app-body .payment-center-grid{gap:14px}
.app-body .payment-item{position:relative;border-color:rgba(113,190,255,.10);background:rgba(7,28,57,.75);border-radius:14px;padding:13px}.app-body .payment-item:hover{border-color:rgba(113,190,255,.19);background:rgba(8,33,65,.82)}
.app-body .payee-card,.app-body .bank-details,.app-body .amount-box,.app-body .timer-box{border-color:rgba(113,190,255,.12);background:rgba(255,255,255,.018)}
.app-body .upload-box{border-style:dashed;border-color:rgba(59,180,255,.32);background:rgba(25,118,218,.035)}

/* Referrals */
.premium-referral-hero{padding:22px!important;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(77,61,184,.19),rgba(8,100,139,.13),rgba(7,30,59,.92))!important}
.premium-referral-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-110px;top:-170px;background:radial-gradient(circle,rgba(135,87,255,.24),transparent 64%);pointer-events:none}
.referral-balance-head{display:flex;justify-content:space-between;gap:20px;position:relative;z-index:1}.referral-shield{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(126,94,255,.12);border:1px solid rgba(144,112,255,.22);font-size:1.2rem}.app-body .referral-hero .balance{font-size:2.55rem;letter-spacing:-.05em;margin:5px 0}
.referral-link-box{position:relative;z-index:1;margin-top:15px;padding:13px;border-radius:14px;border:1px solid rgba(119,181,255,.13);background:rgba(5,24,49,.48)}.referral-link-box>span{display:block;margin-bottom:7px;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#8fa8c7;font-weight:900}.referral-link-box>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.referral-link-box input{min-width:0;width:100%;height:43px;border-radius:11px;border:1px solid rgba(113,190,255,.14);background:#071d3a;color:#dce8f7;padding:0 12px;outline:0}.referral-link-box small{display:block;margin-top:7px;color:#7893b4;font-size:.66rem;line-height:1.45}.referral-link-box.compact{margin-top:14px}.referral-link-box.compact>div{grid-template-columns:minmax(0,1fr) auto}

/* Banks */
.app-body .bank-card{position:relative;overflow:hidden;border-radius:18px;padding:16px;transition:transform .16s ease,border-color .16s ease}.app-body .bank-card:hover{transform:translateY(-2px);border-color:rgba(66,184,255,.31)}.app-body .bank-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-60px;top:-60px;background:rgba(32,216,255,.035);pointer-events:none}.app-body .bank-card-top{position:relative;z-index:1}.app-body .bank-card .bank-icon{width:48px;height:48px;border-radius:14px}

/* History, disputes, rules */
.app-body .data-table{border-collapse:separate;border-spacing:0 7px}.app-body .data-table tbody tr{background:rgba(8,31,61,.6)}.app-body .data-table td{border-top:1px solid rgba(117,191,255,.08);border-bottom:1px solid rgba(117,191,255,.08)}.app-body .data-table td:first-child{border-left:1px solid rgba(117,191,255,.08);border-radius:11px 0 0 11px}.app-body .data-table td:last-child{border-right:1px solid rgba(117,191,255,.08);border-radius:0 11px 11px 0}
.app-body .dispute-card{border-color:rgba(113,190,255,.11);background:rgba(7,29,58,.74)}
.trust-explainer>div{background:linear-gradient(155deg,rgba(9,37,72,.88),rgba(6,26,53,.92));border-color:rgba(113,190,255,.12);box-shadow:0 13px 32px rgba(0,7,20,.09)}
.app-body .rules-page article{border-bottom:1px solid rgba(113,190,255,.08)}.app-body .rules-page article:last-child{border-bottom:0}

/* Profile and security */
.app-body .profile-card{background:linear-gradient(145deg,rgba(11,42,82,.94),rgba(7,29,58,.94))}.app-body .profile-avatar-media{width:78px;height:78px;min-width:78px;box-shadow:0 0 0 5px rgba(42,151,255,.06),0 14px 32px rgba(0,7,20,.22)}
.app-body .session-card,.app-body .security-event-card{border-radius:14px;background:rgba(7,29,58,.68);border-color:rgba(113,190,255,.09)}

/* Premium live command center */
.live-command-layout{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,.72fr);gap:14px;align-items:start}
.live-command-main,.live-rail{display:grid;gap:14px;min-width:0}
.live-rail{position:sticky;top:92px}
.live-hero-card{position:relative;overflow:hidden;border:1px solid rgba(75,188,255,.19);border-radius:24px;padding:20px;background:linear-gradient(145deg,rgba(10,42,81,.97),rgba(6,27,55,.97) 60%,rgba(6,60,72,.72));box-shadow:0 24px 70px rgba(0,7,20,.18)}
.live-hero-card:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-230px;top:-250px;background:radial-gradient(circle,rgba(32,216,255,.17),transparent 65%);pointer-events:none}
.live-round-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(117,191,255,.10)}
.live-round-identity{display:flex;align-items:center;gap:12px;min-width:0}.live-round-identity .bank-icon{width:48px;height:48px;border-radius:14px}.live-round-identity h2{font-size:1.25rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-round-identity p{font-size:.72rem;margin-top:3px}.live-status-chip{display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:5px 10px;border-radius:999px;border:1px solid rgba(35,230,161,.19);background:rgba(35,230,161,.07);color:#64eabd;font-size:.68rem;font-weight:900;white-space:nowrap}.live-status-chip i{width:7px;height:7px;border-radius:50%;background:#2ee5aa;box-shadow:0 0 0 5px rgba(46,229,170,.07),0 0 18px rgba(46,229,170,.7)}
.live-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:12px;margin-top:14px}.turn-focus,.my-focus-card{border:1px solid rgba(117,191,255,.12);border-radius:17px;background:rgba(5,24,50,.49);padding:15px}.turn-focus-top{display:flex;align-items:center;justify-content:space-between}.turn-number{display:grid;place-items:center;min-width:34px;height:28px;border-radius:9px;background:rgba(36,139,255,.09);border:1px solid rgba(81,174,255,.16);font-size:.72rem;font-weight:900;color:#a7cdf6}.turn-person{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;margin-top:12px}.turn-avatar{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#20cef4,#34e6aa);color:#05243c;font-weight:950;font-size:1.05rem;box-shadow:0 12px 30px rgba(22,202,217,.14)}.turn-person small{color:#7f9aba;font-size:.65rem}.turn-person h3{font-size:1.04rem;margin-top:2px}.turn-person p{font-size:.7rem;line-height:1.45;margin-top:3px}.turn-amount{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(117,191,255,.08)}.turn-amount span{font-size:.68rem;color:#8098b8}.turn-amount strong{font-size:1.4rem;letter-spacing:-.04em;color:#63e9be}.my-focus-card{display:flex;flex-direction:column;justify-content:center;min-height:170px}.my-focus-card.is-current{border-color:rgba(51,230,173,.25);background:linear-gradient(155deg,rgba(31,138,121,.12),rgba(7,29,58,.72))}.my-focus-position{display:flex;align-items:baseline;gap:8px;margin:9px 0 3px}.my-focus-position strong{font-size:2rem;line-height:1;letter-spacing:-.06em}.my-focus-position span{font-size:.69rem;color:#86a0bf}.my-focus-card h3{font-size:1rem}.my-focus-card p{font-size:.69rem;line-height:1.45;margin-top:4px}.my-focus-card>.btn{margin-top:12px}.my-focus-meter{margin-top:13px}.my-focus-meter>div:first-child{display:flex;justify-content:space-between;font-size:.67rem;color:#819aba}.my-focus-meter .progress{height:6px;margin:6px 0 0}
.live-block-meter{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:end;margin-top:13px;padding:14px 15px;border:1px solid rgba(117,191,255,.11);border-radius:16px;background:rgba(5,23,48,.40)}.live-block-meter h3{font-size:.98rem;margin-top:3px}.live-meter-value{text-align:right}.live-meter-value strong,.live-meter-value span{display:block}.live-meter-value strong{font-size:1.25rem}.live-meter-value span{font-size:.62rem;color:#7f98b8}.live-block-meter .progress{grid-column:1/-1;height:7px;margin:3px 0 0}
.live-milestones{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.live-milestone{display:grid;grid-template-columns:31px minmax(0,1fr);gap:8px;align-items:center;padding:9px;border:1px solid rgba(117,191,255,.08);border-radius:12px;background:rgba(4,20,43,.42);opacity:.62}.live-milestone>span{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#0b2b52;border:1px solid rgba(117,191,255,.14);font-size:.68rem;font-weight:900}.live-milestone b,.live-milestone small{display:block}.live-milestone b{font-size:.69rem}.live-milestone small{font-size:.58rem;color:#7891b1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-milestone.done{opacity:1;border-color:rgba(35,230,161,.13)}.live-milestone.done>span{background:rgba(35,230,161,.1);border-color:rgba(35,230,161,.20);color:#62e9bc}.live-milestone.current{opacity:1;border-color:rgba(72,166,255,.24);box-shadow:0 0 0 3px rgba(40,131,255,.035)}.live-milestone.current>span{background:linear-gradient(135deg,#1c9dff,#7255ff);color:#fff;border-color:transparent}
.live-block-panel,.live-queue-panel{padding:17px}.premium-positions-scroll{padding:5px 0 1px}.premium-positions-scroll .positions-line{margin:10px 0}.premium-positions-scroll .position-avatar{box-shadow:0 0 0 4px rgba(7,28,56,.95)}
.live-next-card{position:relative;overflow:hidden;border-color:rgba(75,188,255,.18)!important;background:linear-gradient(155deg,rgba(11,43,82,.96),rgba(7,29,58,.96))!important}.live-next-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-90px;top:-100px;background:rgba(31,206,244,.06);pointer-events:none}.live-next-card h2{font-size:1.22rem;margin:5px 0}.live-next-card>p{font-size:.73rem;line-height:1.5}.next-card-status{display:flex;align-items:center;gap:11px;margin:15px 0;padding:11px 12px;border-radius:13px;border:1px solid rgba(117,191,255,.10);background:rgba(4,20,42,.44)}.pulse-ring{width:12px;height:12px;border-radius:50%;background:#35e6ae;box-shadow:0 0 0 5px rgba(53,230,174,.08),0 0 18px rgba(53,230,174,.44);flex:0 0 auto}.next-card-status small,.next-card-status strong{display:block}.next-card-status small{font-size:.62rem;color:#7e97b7}.next-card-status strong{font-size:.95rem;margin-top:1px}.live-activity-card .activity-item{padding:10px 0}.live-activity-card .activity-dot{width:32px;height:32px}.live-activity-card .activity-item b{font-size:.76rem}.live-activity-card .activity-item p,.live-activity-card .activity-item time{font-size:.64rem}.live-trust-card h3{font-size:.97rem;margin:5px 0 10px}.trust-mini-list{display:grid;gap:8px}.trust-mini-list>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:start;padding:9px;border-radius:11px;background:rgba(255,255,255,.015);border:1px solid rgba(117,191,255,.07)}.trust-mini-list>div>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(35,230,161,.07);color:#5be8ba;font-size:.68rem;font-weight:900}.trust-mini-list p b,.trust-mini-list p small{display:block}.trust-mini-list p b{font-size:.68rem}.trust-mini-list p small{font-size:.59rem;line-height:1.4;color:#748dac;margin-top:2px}
.app-body .block-slots{gap:9px}.app-body .block-slot{border-radius:14px;background:rgba(6,27,55,.75);border-color:rgba(117,191,255,.10);padding:11px}.app-body .block-slot.success{background:linear-gradient(155deg,rgba(20,117,95,.12),rgba(6,27,55,.8));border-color:rgba(35,230,161,.20)}

/* Modals */
.app-body .modal-backdrop{background:rgba(1,8,20,.76);backdrop-filter:blur(10px)}
.app-body .modal{border-radius:22px;border-color:rgba(103,187,255,.20);background:linear-gradient(160deg,#0a294f,#061b36);box-shadow:0 35px 100px rgba(0,0,0,.48)}
.app-body .modal-section{border-color:rgba(113,190,255,.10);background:rgba(255,255,255,.014)}
.app-body .close-btn{background:rgba(7,29,58,.88);border-color:rgba(117,191,255,.15)}

/* Responsive integrity */
@media(max-width:1180px){
  .live-command-layout{grid-template-columns:1fr}.live-rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.live-trust-card{grid-column:1/-1}
  .live-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr)}
}
@media(max-width:1019px){
  .app-body .view{padding-top:20px}.app-body .dashboard-grid{grid-template-columns:1fr}.app-body .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .live-command-layout{grid-template-columns:1fr}.live-rail{grid-template-columns:1fr 1fr}.live-trust-card{grid-column:1/-1}
}
@media(max-width:760px){
  .app-body .page-head{align-items:flex-start}.app-body .page-actions{width:100%}.app-body .page-actions .btn{flex:1}
  .user-welcome{padding:18px 16px}.user-welcome h1{font-size:2rem}.app-body .summary-grid{gap:8px}
  .live-hero-card{padding:15px;border-radius:19px}.live-round-header{align-items:flex-start}.live-round-identity .bank-icon{width:43px;height:43px}.live-round-identity h2{font-size:1.05rem}.live-hero-grid{grid-template-columns:1fr}.my-focus-card{min-height:0}.live-milestones{grid-template-columns:1fr 1fr}.live-rail{grid-template-columns:1fr}.live-trust-card{grid-column:auto}.premium-section-head{flex-direction:column;align-items:flex-start}.soft-badge,.position-highlight{white-space:normal}
  .referral-link-box>div{grid-template-columns:1fr 1fr}.referral-link-box>div input{grid-column:1/-1}.referral-link-box.compact>div{grid-template-columns:1fr}.referral-balance-head{align-items:flex-start}.app-body .profile-avatar-media{width:68px;height:68px;min-width:68px}
}
@media(max-width:520px){
  .app-body .view{padding-inline:11px}.app-body .panel{padding:13px;border-radius:16px}.app-body .summary-grid{grid-template-columns:1fr 1fr}.app-body .stat-card{min-height:107px;padding:12px}.app-body .stat-card strong{font-size:1.3rem}.app-body .stat-card small{font-size:.63rem}.app-body .stat-card em{font-size:.59rem}
  .live-round-header{display:grid;grid-template-columns:1fr}.live-status-chip{justify-self:start}.turn-focus,.my-focus-card{padding:12px}.turn-person{grid-template-columns:48px minmax(0,1fr)}.turn-avatar{width:48px;height:48px;border-radius:15px}.turn-amount strong{font-size:1.18rem}.live-block-meter{grid-template-columns:1fr auto;padding:12px}.live-milestones{grid-template-columns:1fr}.live-milestone small{white-space:normal}.premium-positions-scroll{margin-inline:-2px}.live-next-card h2{font-size:1.08rem}
  .referral-link-box>div{grid-template-columns:1fr}.referral-link-box>div input{grid-column:auto}.referral-link-box .btn{width:100%}.premium-referral-hero{padding:16px!important}
}
@media(max-width:390px){
  .app-body .summary-grid{grid-template-columns:1fr}.user-welcome h1{font-size:1.8rem}.app-body .stat-card{min-height:96px}.live-hero-card{padding:13px}.turn-person p{font-size:.66rem}.live-block-meter{grid-template-columns:1fr}.live-meter-value{text-align:left;display:flex;gap:6px;align-items:baseline}.live-block-meter .progress{grid-column:1}.app-body .modal{max-width:100vw}
}
@media(prefers-reduced-motion:reduce){.app-body *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* ===== SANES24 v0.30.0 · WOW visual system ===== */
:root{--wow-cyan:#18d7ff;--wow-green:#20e6a4;--wow-purple:#7c4dff;--wow-blue:#168cff;--wow-gold:#ffc34f;--wow-ink:#041428;--wow-panel:#08264a}
.app-body{background:radial-gradient(circle at 75% -15%,rgba(20,119,255,.15),transparent 35%),linear-gradient(180deg,#041428 0%,#031224 100%)}
.app-body .sidebar{background:linear-gradient(180deg,rgba(3,20,40,.99),rgba(3,17,35,.99));border-right:1px solid rgba(77,171,255,.14);box-shadow:20px 0 50px rgba(0,0,0,.12)}
.app-body .side-nav button{border-radius:12px;padding:12px 14px}.app-body .side-nav button.active{background:linear-gradient(100deg,rgba(20,166,255,.22),rgba(107,67,255,.20));border-color:rgba(39,196,255,.5);box-shadow:0 0 25px rgba(59,104,255,.08)}
.app-body .app-header{background:rgba(4,20,40,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(92,176,255,.12)}
.app-body .search-box{border-color:rgba(90,181,255,.20);background:rgba(7,37,70,.65);border-radius:12px}.app-body .user-chip{border-radius:999px}
.wow-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start;max-width:1440px;margin:0 auto}.wow-main{min-width:0;display:grid;gap:16px}.wow-rail{display:grid;gap:14px;position:sticky;top:86px}.wow-hero{position:relative;min-height:236px;border-radius:22px;overflow:hidden;border:1px solid rgba(94,190,255,.18);background:linear-gradient(105deg,rgba(4,23,46,.96),rgba(7,40,77,.82)),var(--hero-image);background-size:cover;background-position:center;box-shadow:0 24px 70px rgba(0,0,0,.24)}.wow-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 45%,rgba(0,224,255,.14),transparent 33%),linear-gradient(90deg,rgba(2,18,36,.18),rgba(2,18,36,0));pointer-events:none}.wow-hero-copy{position:relative;z-index:2;width:min(620px,64%);padding:30px 32px}.wow-hero-copy h1{font-size:1.25rem;font-weight:800;margin:5px 0 2px}.wow-hero-copy h2{font-size:2.1rem;line-height:1.03;letter-spacing:-.045em;margin:4px 0 9px}.wow-hero-copy>p{font-size:.92rem;color:#c1d9f4;font-weight:700;letter-spacing:.02em}.wow-hero-copy blockquote{margin:15px 0;color:#9cb7d5;font-style:italic;font-size:.85rem;border:0;padding:0}.hero-actions{display:flex;gap:10px;margin-top:18px}.wow-hero-art{position:absolute;z-index:1;right:24px;bottom:24px;width:280px;height:170px;display:flex;align-items:end;justify-content:end;text-align:right;color:#a6c1dc;font-size:.8rem}.wow-hero-art b{display:block;font-size:1.4rem;color:#33e8b4;font-style:italic;transform:rotate(-3deg);text-shadow:0 0 22px rgba(42,228,178,.18)}.hero-glow{position:absolute;right:0;bottom:0;width:220px;height:150px;border-radius:55% 45% 45% 55%;background:radial-gradient(circle,rgba(26,222,213,.18),transparent 67%);filter:blur(4px)}
.wow-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.premium-quick-tile{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:10px;align-items:center;text-align:left;min-height:74px;border-radius:14px;padding:12px;border:1px solid rgba(255,255,255,.11);color:white;cursor:pointer;transition:.18s transform,.18s filter;background:linear-gradient(135deg,#116a49,#0b9d61)}.premium-quick-tile.blue{background:linear-gradient(135deg,#0867ac,#148aff)}.premium-quick-tile.purple{background:linear-gradient(135deg,#5b2cbd,#8e42ff)}.premium-quick-tile.orange{background:linear-gradient(135deg,#8a4a19,#b44556)}.premium-quick-tile:hover{transform:translateY(-2px);filter:brightness(1.08)}.premium-quick-tile>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:1.25rem}.premium-quick-tile b,.premium-quick-tile small{display:block}.premium-quick-tile b{font-size:.82rem}.premium-quick-tile small{font-size:.64rem;color:rgba(255,255,255,.8);margin-top:2px}.premium-quick-tile>i{font-style:normal;font-size:1.1rem}
.wow-section{min-width:0}.wow-section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:3px 0 9px}.wow-section-head h2{font-size:1.15rem}.wow-section-head p{font-size:.69rem;color:#7794b7;margin-top:2px}.wow-sanes-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.wow-sanes-row .available-card{min-width:0}.wow-my-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wow-my-grid .san-card{margin:0}.wow-summary,.wow-activity,.wow-tip{background:linear-gradient(155deg,rgba(9,43,81,.95),rgba(5,25,50,.96));border-color:rgba(91,181,255,.16)}.summary-list{display:grid}.summary-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid rgba(107,182,255,.09);font-size:.75rem}.summary-list>div:last-child{border-bottom:0}.summary-list span{color:#9cb7d6}.summary-list b{color:#fff}.wow-referral-card{position:relative;min-height:150px;padding:18px;border-radius:18px;overflow:hidden;border:1px solid rgba(92,188,255,.17);background:linear-gradient(135deg,#123359,#0a756a),var(--promo-image);background-size:cover;background-position:center;box-shadow:0 20px 55px rgba(0,0,0,.15)}.wow-referral-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,22,43,.92),rgba(5,22,43,.35));pointer-events:none}.wow-referral-card>div{position:relative;z-index:2;max-width:230px}.wow-referral-card h3{font-size:1.1rem;margin:4px 0}.wow-referral-card p{font-size:.7rem;line-height:1.45;margin-bottom:12px}.wow-referral-card.purple{background-image:linear-gradient(135deg,#3b236e,#0c7a6f),var(--promo-image)}.wow-tip{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start}.wow-tip>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,188,65,.12)}.wow-tip small,.wow-tip b{display:block}.wow-tip small{font-size:.58rem;color:#7f9bbb;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.wow-tip b{font-size:.77rem;margin:3px 0}.wow-tip p{font-size:.64rem;color:#86a1bf;line-height:1.45}
.app-body .available-card{border-radius:17px;background:linear-gradient(160deg,#0a2d56,#071f3e);border-color:rgba(78,170,255,.18);box-shadow:0 18px 42px rgba(0,0,0,.15);transition:.18s transform,.18s border-color}.app-body .available-card:hover{transform:translateY(-3px);border-color:rgba(44,206,255,.42)}.app-body .available-card-cover{height:122px;border-radius:13px;background:linear-gradient(135deg,#0e4173,#0b274d)}.app-body .available-card .amount{font-size:1.55rem}.app-body .btn-primary{background:linear-gradient(100deg,#17bdff,#446eff 52%,#8a42ff);box-shadow:0 9px 25px rgba(69,95,255,.16)}
.appearance-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(120deg,rgba(13,61,111,.98),rgba(25,53,102,.9),rgba(64,37,119,.68));overflow:hidden}.appearance-hero h2{font-size:1.4rem}.appearance-hero p{max-width:720px}.appearance-hero-badges{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.appearance-hero-badges span{padding:7px 10px;border-radius:999px;background:rgba(5,21,43,.42);border:1px solid rgba(145,205,255,.16);font-size:.65rem;font-weight:800}.visual-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.visual-editor-card{padding:16px;border-radius:18px;border:1px solid rgba(100,184,255,.15);background:linear-gradient(155deg,#0a2c54,#071d3a);box-shadow:0 20px 55px rgba(0,0,0,.14)}.visual-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:11px}.visual-editor-head h3{font-size:1rem;margin-top:2px}.visual-editor-head small{font-size:.62rem;color:#7894b6}.visual-preview-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:9px}.visual-preview{height:132px;border-radius:13px;overflow:hidden;border:1px solid rgba(102,186,255,.13);background:#061a34}.visual-preview.mobile{height:132px}.visual-preview img{width:100%;height:100%;object-fit:cover}.visual-preview-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7694b5;gap:3px;text-align:center}.visual-preview-empty>span{font-size:1.35rem}.visual-preview-empty b{font-size:.7rem}.visual-preview-empty small{font-size:.58rem}.visual-upload-actions{display:flex;gap:7px;margin:9px 0 12px}.visual-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.visual-editor-fields label{font-size:.63rem;color:#85a2c3}.visual-editor-fields .span-2{grid-column:1/-1}.visual-editor-fields input,.visual-editor-fields textarea,.visual-editor-fields select{margin-top:4px}.visual-toggle{display:flex!important;align-items:center;gap:8px;padding-top:20px}.visual-toggle input{width:auto!important;margin:0!important}
@media(max-width:1260px){.wow-dashboard{grid-template-columns:1fr}.wow-rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.wow-summary,.wow-activity{min-height:100%}.wow-referral-card,.wow-tip{min-height:100%}.wow-sanes-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.wow-hero-copy{width:75%}.wow-hero-art{opacity:.68}.wow-quick-grid{grid-template-columns:1fr 1fr}.visual-admin-grid{grid-template-columns:1fr}.appearance-hero{align-items:flex-start;flex-direction:column}.appearance-hero-badges{justify-content:flex-start}}
@media(max-width:760px){.wow-dashboard{display:block}.wow-main{gap:13px}.wow-rail{display:grid;grid-template-columns:1fr;margin-top:14px}.wow-hero{min-height:280px;border-radius:19px}.wow-hero-copy{width:100%;padding:20px 18px}.wow-hero-copy h1{font-size:1.02rem}.wow-hero-copy h2{font-size:1.82rem;max-width:330px}.wow-hero-copy blockquote{max-width:270px}.wow-hero-art{right:14px;bottom:10px;height:98px;width:190px}.wow-hero-art span{font-size:.65rem}.wow-hero-art b{font-size:1.05rem}.wow-sanes-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;gap:10px}.wow-sanes-row .available-card{flex:0 0 min(84vw,340px);scroll-snap-align:start}.wow-my-grid{grid-template-columns:1fr}.wow-section-head{align-items:center}.visual-preview-grid{grid-template-columns:1fr 110px}.visual-editor-fields{grid-template-columns:1fr}.visual-editor-fields .span-2{grid-column:auto}}
@media(max-width:520px){.wow-quick-grid{grid-template-columns:1fr 1fr}.premium-quick-tile{grid-template-columns:38px minmax(0,1fr);min-height:68px;padding:10px}.premium-quick-tile>span{width:38px;height:38px}.premium-quick-tile>i{display:none}.premium-quick-tile small{font-size:.58rem}.wow-hero-copy h2{font-size:1.55rem}.hero-actions .btn{flex:1;padding-inline:8px}.wow-referral-card{min-height:140px}.appearance-hero-badges{display:grid;grid-template-columns:1fr 1fr}.visual-upload-actions{display:grid;grid-template-columns:1fr 1fr}}
.wow-page-hero{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;min-height:155px;margin-bottom:16px;padding:24px 26px;border-radius:21px;overflow:hidden;border:1px solid rgba(92,184,255,.18);background:linear-gradient(110deg,rgba(6,31,61,.97),rgba(9,49,89,.80)),var(--page-image);background-size:cover;background-position:center;box-shadow:0 22px 60px rgba(0,0,0,.17)}.wow-page-hero:after{content:"";position:absolute;right:-40px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(24,215,255,.14),transparent 67%);pointer-events:none}.wow-page-hero.purple:after{background:radial-gradient(circle,rgba(124,77,255,.18),transparent 67%)}.wow-page-hero.green:after{background:radial-gradient(circle,rgba(32,230,164,.16),transparent 67%)}.wow-page-hero.gold:after{background:radial-gradient(circle,rgba(255,195,79,.14),transparent 67%)}.wow-page-copy{position:relative;z-index:1;max-width:760px}.wow-page-copy h1{font-size:1.9rem;line-height:1.02;letter-spacing:-.04em;margin:5px 0 7px}.wow-page-copy p{font-size:.84rem;color:#a9c3df;max-width:680px}.wow-page-copy small{display:block;margin-top:9px;color:#7896b8;font-size:.67rem;max-width:680px;line-height:1.45}.wow-page-hero .page-actions{position:relative;z-index:2;display:flex;gap:8px;flex-wrap:wrap}.wow-trust-footer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px;padding:13px;border:1px solid rgba(93,181,255,.13);border-radius:17px;background:rgba(6,29,57,.72)}.wow-trust-footer article{display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center;padding:8px 10px;border-right:1px solid rgba(95,180,255,.08)}.wow-trust-footer article:last-child{border-right:0}.wow-trust-footer article>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(31,221,174,.09);color:#4de7b7;font-weight:900}.wow-trust-footer b,.wow-trust-footer small{display:block}.wow-trust-footer b{font-size:.7rem}.wow-trust-footer small{font-size:.58rem;color:#7996b6;line-height:1.35;margin-top:2px}
@media(max-width:900px){.wow-trust-footer{grid-template-columns:1fr 1fr}.wow-trust-footer article:nth-child(2){border-right:0}.wow-page-hero{align-items:flex-start;flex-direction:column}.wow-page-hero .page-actions{width:100%}}
@media(max-width:520px){.wow-page-hero{min-height:135px;padding:18px 16px;border-radius:18px}.wow-page-copy h1{font-size:1.5rem}.wow-page-copy p{font-size:.75rem}.wow-page-hero .page-actions .btn{flex:1}.wow-trust-footer{grid-template-columns:1fr}.wow-trust-footer article{border-right:0;border-bottom:1px solid rgba(95,180,255,.08)}.wow-trust-footer article:last-child{border-bottom:0}}

/* ===== SANES24 v0.31.0 · Deep visual finish / platform-wide quality ===== */
:root{
  --v31-surface:#082443;--v31-surface-2:#0a2a4d;--v31-line:rgba(106,185,255,.16);
  --v31-line-strong:rgba(68,207,255,.34);--v31-text:#f7fbff;--v31-muted:#90a9c8;
  --v31-cyan:#1bd8ff;--v31-green:#2fe0ac;--v31-purple:#8257ff;--v31-shadow:0 22px 65px rgba(0,0,0,.22)
}
.app-body *,.admin-body *{box-sizing:border-box;min-width:0}
.app-body img,.admin-body img{max-width:100%;height:auto}
.app-body p,.app-body small,.app-body b,.app-body strong,.app-body span,.admin-body p,.admin-body small,.admin-body b,.admin-body strong,.admin-body span{overflow-wrap:anywhere}
.app-body button,.app-body input,.app-body select,.app-body textarea,.admin-body button,.admin-body input,.admin-body select,.admin-body textarea{font:inherit}
.app-body input,.app-body select,.app-body textarea,.admin-body input,.admin-body select,.admin-body textarea{max-width:100%}
.app-body .view,.admin-body .admin-content{isolation:isolate}
.app-body .panel,.app-body .san-card,.app-body .available-card,.admin-body .glass-panel{overflow:hidden}
.app-body .btn,.admin-body .btn{min-height:44px;line-height:1.15;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.app-body .btn-small,.admin-body .btn-small{min-height:38px}
.app-body .empty-state,.admin-body .empty-state{min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;padding:22px;border:1px dashed rgba(106,185,255,.15);border-radius:16px;background:rgba(7,31,59,.38)}

/* Home: organic density instead of stretched/floating cards */
.v031-home .wow-main{align-content:start}
.v031-home .wow-sanes-row{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));align-items:stretch}
.v031-home .wow-sanes-row.count-1{grid-template-columns:minmax(260px,420px);justify-content:start}
.v031-home .wow-sanes-row.count-2{grid-template-columns:repeat(2,minmax(260px,1fr))}
.v031-home .wow-sanes-row.count-3{grid-template-columns:repeat(3,minmax(210px,1fr))}
.v031-home .available-card{height:100%}
.home-my-flow{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);gap:12px;align-items:start}
.home-my-flow.count-2{grid-template-columns:1fr}.home-my-flow.count-2 .wow-my-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-my-flow .wow-my-grid{grid-template-columns:minmax(0,1fr)}
.home-next-card{position:relative;overflow:hidden;border:1px solid rgba(70,204,255,.2);border-radius:18px;padding:18px;background:linear-gradient(150deg,rgba(10,42,78,.98),rgba(6,27,54,.98));box-shadow:var(--v31-shadow);min-height:100%}
.home-next-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-85px;top:-85px;background:radial-gradient(circle,rgba(35,221,180,.15),transparent 70%);pointer-events:none}
.home-next-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-next-top .status-pill{font-size:.62rem}
.home-next-card h3{font-size:1.12rem;line-height:1.15;margin:6px 0}.home-next-card>p{color:#91a9c8;font-size:.76rem;line-height:1.5;margin:7px 0 15px}
.home-next-identity{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px;padding:12px;border:1px solid rgba(109,187,255,.1);border-radius:14px;background:rgba(3,20,41,.36);margin:13px 0}
.home-next-identity b,.home-next-identity small{display:block}.home-next-identity b{font-size:.88rem}.home-next-identity small{color:#88a5c7;font-size:.69rem;margin-top:2px}
.home-next-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:13px}.home-next-metrics>div{padding:10px;border-radius:12px;background:rgba(4,22,44,.5);border:1px solid rgba(102,185,255,.09)}.home-next-metrics small,.home-next-metrics strong{display:block}.home-next-metrics small{font-size:.65rem;color:#82a1c4}.home-next-metrics strong{font-size:1rem;margin-top:2px}
.home-next-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.home-next-empty{display:flex;flex-direction:column;justify-content:center}
.v031-home .wow-rail{align-content:start}
.v031-home .wow-summary,.v031-home .wow-activity,.v031-home .wow-referral-card,.v031-home .wow-tip{height:auto;min-height:0}
.v031-home .wow-section{scroll-margin-top:95px}

/* Mobile dashboard: designed as mobile, not compressed desktop */
@media(max-width:760px){
  .app-body .view{padding:14px 12px calc(var(--bottom) + 26px)}
  .app-body .app-header{height:58px;padding-inline:13px}.mobile-logo img{width:112px}.icon-btn{width:40px;height:40px;border-radius:12px}.user-chip{height:40px}.avatar{width:36px;height:36px}
  .demo-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 6px;padding:6px 10px;font-size:.61rem;min-height:30px}.demo-banner .demo-separator{display:none}.demo-banner strong{letter-spacing:.06em}
  .v031-home .wow-dashboard{display:block}.v031-home .wow-main{gap:12px}.v031-home .wow-rail{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}
  .v031-home .wow-hero{min-height:0;border-radius:18px;background-position:58% center}
  .v031-home .wow-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,18,37,.08),rgba(3,18,37,.76) 76%,rgba(3,18,37,.9));pointer-events:none}
  .v031-home .wow-hero-copy{width:100%;padding:19px 18px 20px;min-height:284px;display:flex;flex-direction:column;justify-content:flex-end}
  .v031-home .wow-hero-copy .eyebrow{margin-bottom:auto;padding-top:2px}.v031-home .wow-hero-copy h1{font-size:1rem;margin:0 0 4px}.v031-home .wow-hero-copy h2{font-size:clamp(1.55rem,7vw,1.95rem);line-height:.99;max-width:330px;margin:0 0 8px}.v031-home .wow-hero-copy>p{font-size:.8rem}.v031-home .wow-hero-copy blockquote{font-size:.73rem;line-height:1.45;margin:10px 0 14px;max-width:280px}
  .v031-home .wow-hero-art{display:none}.v031-home .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:0}.v031-home .hero-actions .btn{width:100%;min-height:46px;padding-inline:8px;font-size:.82rem}
  .v031-home .wow-quick-grid{grid-template-columns:1fr 1fr;gap:9px}.v031-home .premium-quick-tile{grid-template-columns:38px minmax(0,1fr);min-height:72px;padding:10px;border-radius:15px}.v031-home .premium-quick-tile>span{width:38px;height:38px}.v031-home .premium-quick-tile>i{display:none}.v031-home .premium-quick-tile b{font-size:.76rem}.v031-home .premium-quick-tile small{font-size:.61rem;line-height:1.35}
  .v031-home .wow-section-head{align-items:flex-end;margin:2px 0 9px}.v031-home .wow-section-head h2{font-size:1.15rem}.v031-home .wow-section-head p{font-size:.66rem;max-width:240px}.v031-home .wow-section-head .link-btn{font-size:.75rem;padding-right:0}
  .v031-home .wow-sanes-row{display:flex!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;gap:10px;padding:1px 2px 8px;margin-inline:0;overscroll-behavior-inline:contain;scrollbar-width:none}.v031-home .wow-sanes-row::-webkit-scrollbar{display:none}.v031-home .wow-sanes-row .available-card{flex:0 0 calc(100vw - 44px);max-width:354px;scroll-snap-align:start}.v031-home .wow-sanes-row.count-1 .available-card{flex-basis:100%;max-width:none}
  .v031-home .available-card-cover{height:150px}.v031-home .available-card{padding:14px}.v031-home .available-card .amount{font-size:1.45rem}
  .home-my-flow,.home-my-flow.count-2{grid-template-columns:1fr;gap:10px}.home-my-flow.count-2 .wow-my-grid{grid-template-columns:1fr}.home-next-card{padding:15px;min-height:0}.home-next-actions{grid-template-columns:1fr 1fr}
  .v031-home .wow-summary{order:1}.v031-home .wow-activity{order:2}.v031-home .wow-referral-card{order:3}.v031-home .wow-tip{order:4}
  .bottom-nav{height:calc(68px + env(safe-area-inset-bottom));padding:4px 6px env(safe-area-inset-bottom)}.nav-item{font-size:.61rem;border-radius:12px}.nav-item .nav-ico{font-size:1.15rem}.nav-item.active{background:linear-gradient(180deg,rgba(25,114,255,.16),rgba(25,114,255,0))}
}
@media(max-width:390px){
  .app-body .view{padding-inline:10px}.v031-home .wow-hero-copy{padding-inline:16px}.v031-home .wow-hero-copy h2{font-size:1.48rem}.v031-home .premium-quick-tile{padding:9px}.v031-home .wow-sanes-row .available-card{flex-basis:calc(100vw - 34px)}
}

/* Live screen: visible activity without fake motion or heavy effects */
.live-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.live-page-heading h1{font-size:2rem;line-height:1;margin:5px 0 6px;letter-spacing:-.04em}.live-page-heading p{color:#91aaca;font-size:.82rem}.live-kicker{display:inline-flex;align-items:center;gap:7px;color:#55e7c0;font-size:.68rem;font-weight:900;letter-spacing:.12em}.live-kicker>i{width:7px;height:7px;border-radius:50%;background:#34e8ae;box-shadow:0 0 0 5px rgba(52,232,174,.09),0 0 18px rgba(52,232,174,.65);animation:v31Pulse 1.7s ease-in-out infinite}
.live-sync-badge{display:flex;align-items:center;gap:11px;padding:10px 13px;border:1px solid rgba(47,226,177,.2);border-radius:14px;background:rgba(5,37,63,.68);box-shadow:0 0 32px rgba(30,215,189,.06)}.live-sync-badge b,.live-sync-badge small{display:block}.live-sync-badge b{font-size:.67rem;letter-spacing:.08em;color:#5ce9c6}.live-sync-badge small{font-size:.62rem;color:#80a2c2;margin-top:2px}.live-wave{display:flex;align-items:end;gap:2px;width:24px;height:22px}.live-wave i{display:block;width:4px;border-radius:4px;background:linear-gradient(#31e9b4,#23cfff);animation:v31Wave 1.15s ease-in-out infinite}.live-wave i:nth-child(1){height:8px}.live-wave i:nth-child(2){height:18px;animation-delay:.13s}.live-wave i:nth-child(3){height:12px;animation-delay:.26s}
.live-motion .live-hero-card{position:relative;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.28),0 0 0 1px rgba(46,212,255,.03) inset}.live-motion .live-hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(35,218,255,.025) 50%,transparent 80%);transform:translateX(-100%);animation:v31Sheen 7s ease-in-out infinite;pointer-events:none}.live-scanline{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(46,234,204,.65),transparent);opacity:.65;animation:v31Scan 6s linear infinite;pointer-events:none;z-index:1}.live-ambient{position:absolute;border-radius:50%;filter:blur(5px);pointer-events:none}.ambient-a{width:240px;height:240px;right:-120px;top:-140px;background:radial-gradient(circle,rgba(36,215,255,.13),transparent 68%)}.ambient-b{width:190px;height:190px;left:-110px;bottom:-120px;background:radial-gradient(circle,rgba(130,87,255,.12),transparent 68%)}
.live-status-chip{display:grid!important;grid-template-columns:auto auto;align-items:center;column-gap:6px;row-gap:0;padding:7px 11px!important}.live-status-chip i{grid-row:1/3}.live-status-chip b{font-size:.62rem;letter-spacing:.1em;color:#67f1ca}.live-status-chip small{font-size:.55rem;color:#81a6c5}
.live-telemetry{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:8px 10px;border-radius:12px;border:1px solid rgba(95,185,255,.08);background:rgba(3,20,42,.35)}.live-telemetry span{display:inline-flex;align-items:center;gap:6px;color:#8da9c8;font-size:.64rem}.signal-dot{width:6px;height:6px;border-radius:50%;background:#34e5a9;box-shadow:0 0 10px rgba(52,229,169,.75)}.signal-dot.cyan{background:#29d6ff;box-shadow:0 0 10px rgba(41,214,255,.75)}.signal-dot.purple{background:#8d68ff;box-shadow:0 0 10px rgba(141,104,255,.75)}
.turn-focus{position:relative;overflow:hidden}.turn-live-halo{position:absolute;width:120px;height:120px;border-radius:50%;left:-50px;top:-45px;background:radial-gradient(circle,rgba(46,229,183,.14),transparent 68%);animation:v31Breath 3s ease-in-out infinite;pointer-events:none}
.live-progress{position:relative;overflow:hidden}.live-progress i:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.45),transparent 78%);transform:translateX(-100%);animation:v31Progress 3.8s ease-in-out infinite}
.live-event-new{position:relative;background:linear-gradient(90deg,rgba(45,226,179,.055),transparent);border-radius:12px;padding-inline:9px!important}.live-event-new:after{content:"NUEVO";position:absolute;right:6px;top:5px;font-size:.46rem;letter-spacing:.08em;font-weight:900;color:#43e5b7;opacity:.8}
.live-feed-foot{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:9px;border-top:1px solid rgba(103,183,255,.08)}.live-feed-foot small{font-size:.58rem;color:#7393b4}.live-feed-pulse{width:7px;height:7px;border-radius:50%;background:#39e7af;box-shadow:0 0 0 4px rgba(57,231,175,.08);animation:v31Pulse 1.8s ease-in-out infinite}
.live-loading-panel{display:flex;align-items:center;justify-content:center;gap:18px;min-height:220px}.live-loading-panel b,.live-loading-panel p{display:block}.live-loading-panel p{font-size:.75rem;margin-top:4px}.live-loading-orbit{width:48px;height:48px;border-radius:50%;border:2px solid rgba(57,218,255,.14);border-top-color:#32e0d0;border-right-color:#795cff;animation:v31Spin .9s linear infinite}
@keyframes v31Pulse{0%,100%{transform:scale(.88);opacity:.65}50%{transform:scale(1.08);opacity:1}}
@keyframes v31Wave{0%,100%{transform:scaleY(.55);opacity:.65}50%{transform:scaleY(1);opacity:1}}
@keyframes v31Sheen{0%,62%{transform:translateX(-110%)}82%,100%{transform:translateX(110%)}}
@keyframes v31Scan{0%{top:0;opacity:0}12%{opacity:.7}88%{opacity:.5}100%{top:100%;opacity:0}}
@keyframes v31Breath{0%,100%{transform:scale(.9);opacity:.55}50%{transform:scale(1.12);opacity:1}}
@keyframes v31Progress{0%,52%{transform:translateX(-120%)}80%,100%{transform:translateX(130%)}}
@keyframes v31Spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.live-page-heading{align-items:flex-start;flex-direction:column}.live-page-heading h1{font-size:1.62rem}.live-sync-badge{width:100%;justify-content:flex-start}.live-telemetry{gap:6px}.live-telemetry span{font-size:.58rem}.live-event-new:after{display:none}}
@media(prefers-reduced-motion:reduce){.live-kicker>i,.live-wave i,.live-motion .live-hero-card:before,.live-scanline,.turn-live-halo,.live-progress i:after,.live-feed-pulse,.live-loading-orbit{animation:none!important}}

/* Admin: professional density, readable controls and resilient grids */
.admin-body{font-size:14px}.admin-workspace{min-width:0}.admin-content{width:min(100%,1480px);margin:0 auto;padding:clamp(18px,2vw,30px);overflow-x:hidden}.admin-view{min-width:0}.admin-page-intro{margin-bottom:18px}.admin-page-intro h2{font-size:clamp(1.55rem,2.1vw,2.05rem);line-height:1.05}.admin-page-intro p{font-size:.86rem;line-height:1.5;max-width:780px}
.admin-body label{font-size:.78rem;line-height:1.35;color:#9ab2d0}.admin-body input,.admin-body select,.admin-body textarea{width:100%;min-height:44px;border-radius:11px;font-size:.86rem;line-height:1.4}.admin-body textarea{min-height:104px;resize:vertical}.admin-body .field-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.admin-body .field-grid .span-2{grid-column:1/-1}.admin-body .panel-head{gap:14px}.admin-body .panel-head h2{font-size:1.2rem}.admin-body .panel-head p{font-size:.78rem;line-height:1.45}.admin-body .eyebrow{font-size:.67rem}.admin-body small{line-height:1.4}.admin-body .glass-panel{border-color:rgba(94,183,255,.14);box-shadow:0 18px 50px rgba(0,0,0,.14)}
.admin-kpi-grid,.admin-dashboard-grid,.admin-grid,.system-health-grid,.ops-metrics-grid,.platform-bank-grid,.admin-bank-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;align-items:start}.admin-san-create-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr)!important}.admin-inline-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-inline-actions .btn{flex:0 0 auto}.switch-row.admin-switches{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important}.admin-switches label{min-height:44px;padding:10px 12px;border:1px solid rgba(100,184,255,.09);border-radius:11px;background:rgba(4,24,47,.34)}
.admin-body .modal{overflow-x:hidden}.admin-body .modal *{min-width:0}.admin-body .modal-head h2{font-size:1.5rem}.admin-body .form-stack{gap:13px}.admin-body .form-stack label{display:grid;gap:6px}

/* Appearance becomes a CMS overview, not a wall of forms */
.visual-admin-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))!important;gap:14px!important;margin-top:16px}.visual-content-card{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.25fr);gap:15px;padding:14px;border:1px solid rgba(100,188,255,.14);border-radius:18px;background:linear-gradient(150deg,rgba(9,42,80,.96),rgba(5,26,52,.98));box-shadow:0 20px 55px rgba(0,0,0,.16);transition:.18s border-color,.18s transform}.visual-content-card:hover{transform:translateY(-2px);border-color:rgba(60,211,255,.3)}.visual-content-card.is-hidden{opacity:.72}.visual-card-media{position:relative;min-height:170px}.visual-card-media>.visual-preview{height:170px!important}.visual-mobile-peek{position:absolute;right:8px;bottom:8px;width:72px;height:116px;border:4px solid #07172d;border-radius:15px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.35)}.visual-mobile-peek .visual-preview{height:100%!important;border-radius:10px}.visual-card-copy{display:flex;flex-direction:column}.visual-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.visual-card-top h3{font-size:1.05rem;line-height:1.2;margin-top:4px}.visual-card-copy>p{font-size:.75rem;line-height:1.48;color:#8ea9c8;margin:10px 0 12px}.visual-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.visual-card-meta span{padding:5px 7px;border-radius:999px;background:rgba(7,31,59,.58);border:1px solid rgba(105,185,255,.09);font-size:.58rem;color:#82a1c2}.visual-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.visual-card-actions .btn{min-height:40px;font-size:.78rem}
.visual-modal-head{padding-bottom:4px}.visual-modal-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:18px}.visual-modal-preview{padding:14px;border:1px solid rgba(94,184,255,.12);border-radius:16px;background:rgba(3,22,43,.35);align-self:start}.visual-modal-preview .visual-preview-grid{grid-template-columns:1fr 120px}.visual-modal-preview .visual-preview{height:220px}.visual-modal-preview .visual-preview.mobile{height:220px}.visual-modal-preview .visual-upload-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.visual-editor-note{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:10px;border-radius:12px;background:rgba(40,220,181,.055);border:1px solid rgba(40,220,181,.11)}.visual-editor-note>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(45,228,181,.1);color:#4be3bc}.visual-editor-note b,.visual-editor-note small{display:block}.visual-editor-note b{font-size:.72rem}.visual-editor-note small{font-size:.62rem;color:#83a1c1;margin-top:2px}.visual-modal-fields{display:flex;flex-direction:column}.visual-modal-fields .field-grid{grid-template-columns:1fr 1fr}.visual-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(102,185,255,.09)}.visual-toggle{min-height:44px;padding:0 12px!important;border:1px solid rgba(100,184,255,.1);border-radius:11px;background:rgba(4,24,47,.35)}.visual-toggle input{width:18px!important;height:18px;min-height:0!important}.visual-toggle span{font-size:.78rem;color:#d9e7f6}
@media(max-width:980px){.admin-san-create-grid{grid-template-columns:1fr!important}.visual-modal-layout{grid-template-columns:1fr}.visual-modal-preview .visual-preview{height:190px}.visual-modal-preview .visual-preview.mobile{height:190px}}
@media(max-width:760px){.admin-content{padding:14px 12px 28px}.admin-page-intro h2{font-size:1.48rem}.admin-body .field-grid{grid-template-columns:1fr}.admin-body .field-grid .span-2{grid-column:auto}.visual-admin-grid{grid-template-columns:1fr!important}.visual-content-card{grid-template-columns:1fr}.visual-card-media{min-height:180px}.visual-card-media>.visual-preview{height:180px!important}.visual-card-actions{grid-template-columns:1fr}.appearance-hero{padding:16px}.appearance-hero h2{font-size:1.15rem}.appearance-hero-badges{grid-template-columns:1fr 1fr;width:100%}.visual-modal-preview .visual-preview-grid{grid-template-columns:1fr 96px}.visual-modal-preview .visual-preview,.visual-modal-preview .visual-preview.mobile{height:168px}.visual-modal-preview .visual-upload-actions{grid-template-columns:1fr}.visual-modal-fields .field-grid{grid-template-columns:1fr}.visual-modal-actions{display:grid;grid-template-columns:1fr 1fr}.admin-inline-actions .btn{flex:1 1 140px}}
@media(max-width:420px){.admin-content{padding-inline:10px}.visual-mobile-peek{width:62px;height:100px}.visual-modal-preview .visual-preview-grid{grid-template-columns:1fr}.visual-modal-preview .visual-preview.mobile{display:none}.visual-modal-actions{grid-template-columns:1fr}.admin-body .btn{width:100%}}

/* ========================================================================== */
/* SANES24 v0.32.0 — SIGNATURE VISUAL SYSTEM                                  */
/* Deep visual redesign only. No financial/queue business rules are changed.   */
/* ========================================================================== */

:root{
  --s32-space-1:4px;--s32-space-2:8px;--s32-space-3:12px;--s32-space-4:16px;--s32-space-5:20px;
  --s32-space-6:24px;--s32-space-7:32px;--s32-space-8:40px;--s32-space-9:48px;
  --s32-radius-sm:12px;--s32-radius-md:16px;--s32-radius-lg:22px;--s32-radius-xl:28px;
  --s32-bg:#041126;--s32-bg-soft:#06172f;--s32-surface:#08203f;--s32-surface-2:#0a294f;--s32-surface-3:#0c315d;
  --s32-line:rgba(115,194,255,.14);--s32-line-strong:rgba(76,187,255,.32);
  --s32-text:#f7fbff;--s32-muted:#90a9c8;--s32-cyan:#26d9ff;--s32-mint:#3cebb6;--s32-violet:#825dff;
  --s32-shadow:0 24px 72px rgba(0,6,18,.28);--s32-shadow-soft:0 12px 36px rgba(0,6,18,.18);
}

.sanes32-ui{--radius:var(--s32-radius-md);--shadow:var(--s32-shadow)}
.sanes32-ui,.sanes32-ui *{scrollbar-color:rgba(87,171,238,.35) rgba(4,18,39,.4)}
.sanes32-ui ::-webkit-scrollbar{width:9px;height:9px}.sanes32-ui ::-webkit-scrollbar-track{background:rgba(4,18,39,.45)}.sanes32-ui ::-webkit-scrollbar-thumb{background:rgba(87,171,238,.32);border:2px solid rgba(4,18,39,.45);border-radius:999px}.sanes32-ui ::-webkit-scrollbar-thumb:hover{background:rgba(87,171,238,.48)}

/* --- global surface discipline ------------------------------------------------ */
.app-body.sanes32-ui{
  background:
    radial-gradient(circle at 76% -12%,rgba(35,141,255,.11),transparent 30%),
    radial-gradient(circle at 28% 110%,rgba(47,232,181,.055),transparent 33%),
    linear-gradient(180deg,#041126 0%,#05152c 45%,#031023 100%);
  color:var(--s32-text);
}
.app-body.sanes32-ui .app-shell{grid-template-columns:252px minmax(0,1fr)}
.app-body.sanes32-ui .app-main-wrap{min-width:0}
.app-body.sanes32-ui .view{width:min(1440px,100%);padding:32px clamp(22px,2.7vw,42px) 72px;overflow:visible}
.app-body.sanes32-ui .view>[class*="grid"],.app-body.sanes32-ui .view>[class*="layout"]{min-width:0}
.app-body.sanes32-ui .panel,
.app-body.sanes32-ui .san-card,
.app-body.sanes32-ui .available-card,
.app-body.sanes32-ui .home-next-card,
.app-body.sanes32-ui .wow-page-hero,
.app-body.sanes32-ui .live-hero-card,
.admin-body.sanes32-ui .glass-panel,
.admin-body.sanes32-ui .visual-content-card{
  border-color:var(--s32-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),var(--s32-shadow-soft);
}
.app-body.sanes32-ui .panel{padding:clamp(18px,1.6vw,24px);border-radius:var(--s32-radius-lg);background:linear-gradient(155deg,rgba(10,39,75,.94),rgba(5,24,50,.97))}
.app-body.sanes32-ui .panel-head{gap:18px;margin-bottom:20px}.app-body.sanes32-ui .panel-head h2{font-size:1.22rem}.app-body.sanes32-ui .panel-head p{font-size:.8rem;line-height:1.55;margin-top:5px}
.app-body.sanes32-ui .eyebrow,.admin-body.sanes32-ui .eyebrow{font-size:.72rem;letter-spacing:.12em;color:#64ecc8}
.app-body.sanes32-ui .section-kicker{font-size:.67rem;letter-spacing:.115em;color:#62e9c4;margin-bottom:6px}
.app-body.sanes32-ui .link-btn{min-height:34px;padding:4px 2px;color:#8ec7ff;font-size:.82rem;white-space:nowrap}
.app-body.sanes32-ui .btn{border-radius:13px;min-height:46px;padding:0 18px;font-size:.9rem;letter-spacing:-.01em;box-shadow:none;position:relative;overflow:hidden}
.app-body.sanes32-ui .btn-primary{background:linear-gradient(100deg,#18bfff 0%,#287dff 48%,#8752ff 100%);box-shadow:0 10px 28px rgba(45,114,255,.22)}
.app-body.sanes32-ui .btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.12),transparent 82%);transform:translateX(-125%);transition:transform .55s ease}.app-body.sanes32-ui .btn-primary:hover:after{transform:translateX(125%)}
.app-body.sanes32-ui .btn-secondary{background:linear-gradient(180deg,rgba(12,49,91,.88),rgba(7,32,64,.92));border-color:rgba(91,180,255,.28)}
.app-body.sanes32-ui .btn:focus-visible,.admin-body.sanes32-ui .btn:focus-visible,.sanes32-ui button:focus-visible,.sanes32-ui a:focus-visible,.sanes32-ui input:focus-visible,.sanes32-ui select:focus-visible,.sanes32-ui textarea:focus-visible{outline:2px solid #45d8ff;outline-offset:2px}

/* --- signature navigation ----------------------------------------------------- */
.app-body.sanes32-ui .sidebar{padding:24px 14px 20px;background:linear-gradient(180deg,rgba(4,18,39,.99),rgba(4,18,39,.97));border-right:1px solid rgba(104,183,245,.11);box-shadow:18px 0 50px rgba(0,6,18,.12)}
.app-body.sanes32-ui .app-brand{padding:0 8px}.app-body.sanes32-ui .app-brand img{width:150px}
.app-body.sanes32-ui .side-nav{gap:7px;margin-top:30px}.app-body.sanes32-ui .side-nav button{min-height:49px;padding:0 14px;border-radius:14px;color:#9bb1cf;font-size:.9rem;font-weight:760}.app-body.sanes32-ui .side-nav button .nav-ico{width:24px;color:#8ec8ff}.app-body.sanes32-ui .side-nav button:hover{background:rgba(255,255,255,.035);transform:translateX(2px)}.app-body.sanes32-ui .side-nav button.active{background:linear-gradient(90deg,rgba(31,109,255,.25),rgba(119,74,255,.14));border-color:rgba(70,159,255,.34);box-shadow:inset 3px 0 0 #27e0c0,0 12px 34px rgba(15,92,255,.08)}
.app-body.sanes32-ui .admin-link{margin:24px 2px 0;padding:0 13px;min-height:45px;border-radius:14px;background:rgba(9,42,79,.58);border:1px solid rgba(109,188,255,.17)}
.app-body.sanes32-ui .side-card{margin:18px 2px 0;padding:17px;border-radius:18px;background:linear-gradient(155deg,rgba(10,43,82,.92),rgba(6,27,55,.96));border-color:rgba(87,176,245,.16)}
.app-body.sanes32-ui .side-card b{font-size:.92rem;line-height:1.35}.app-body.sanes32-ui .side-card p{font-size:.74rem;line-height:1.55;margin-top:7px}.app-body.sanes32-ui .side-card small{margin-top:12px}
.app-body.sanes32-ui .app-header{height:72px;padding:0 clamp(22px,2.7vw,42px);background:rgba(4,18,39,.84);backdrop-filter:blur(24px) saturate(130%);border-bottom:1px solid rgba(101,183,247,.09)}
.app-body.sanes32-ui .search-box{height:43px;width:min(500px,46vw);background:rgba(8,34,68,.8);border-color:rgba(101,183,247,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
.app-body.sanes32-ui .search-box:focus-within{border-color:rgba(66,198,255,.48);box-shadow:0 0 0 4px rgba(44,173,255,.07)}
.app-body.sanes32-ui .icon-btn{background:rgba(8,35,69,.84);border-color:rgba(107,185,248,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.app-body.sanes32-ui .user-chip{padding-right:3px;gap:9px}.app-body.sanes32-ui .user-chip>span:last-child{font-size:.88rem}.app-body.sanes32-ui .demo-banner{min-height:32px;background:linear-gradient(90deg,rgba(243,177,58,.035),rgba(243,177,58,.075),rgba(243,177,58,.035));border-bottom-color:rgba(243,177,58,.12)}

/* --- home / hero -------------------------------------------------------------- */
.app-body.sanes32-ui .wow-dashboard{grid-template-columns:minmax(0,1fr) 330px;gap:22px;max-width:none}
.app-body.sanes32-ui .wow-main{gap:22px}.app-body.sanes32-ui .wow-rail{gap:16px;top:92px}
.app-body.sanes32-ui .wow-hero{min-height:286px;border-radius:var(--s32-radius-xl);border-color:rgba(82,188,255,.22);background-image:linear-gradient(92deg,rgba(3,17,35,.98) 0%,rgba(3,21,42,.92) 43%,rgba(3,21,42,.35) 75%,rgba(3,21,42,.16) 100%),var(--hero-image);background-size:cover;background-position:center;box-shadow:0 30px 80px rgba(0,4,14,.34),inset 0 1px 0 rgba(255,255,255,.03)}
.app-body.sanes32-ui .wow-hero:before{background:radial-gradient(circle at 68% 36%,rgba(28,211,255,.13),transparent 30%),linear-gradient(90deg,rgba(3,18,37,.16),transparent)}
.app-body.sanes32-ui .wow-hero-copy{width:min(660px,62%);padding:38px 38px 34px}.app-body.sanes32-ui .wow-hero-copy h1{font-size:1.16rem;margin:8px 0 3px;color:#dce9f8}.app-body.sanes32-ui .wow-hero-copy h2{font-size:clamp(2.15rem,3.4vw,3.05rem);line-height:.97;letter-spacing:-.055em;margin:5px 0 12px;max-width:660px}.app-body.sanes32-ui .wow-hero-copy>p{font-size:1rem;color:#d1e4f8}.app-body.sanes32-ui .wow-hero-copy blockquote{font-size:.89rem;line-height:1.6;margin:20px 0 20px;color:#9eb7d4;max-width:520px}.app-body.sanes32-ui .hero-actions{gap:11px}.app-body.sanes32-ui .hero-actions .btn{min-width:148px}
.app-body.sanes32-ui .wow-hero-art{right:28px;bottom:28px;width:230px;height:115px;pointer-events:none}.app-body.sanes32-ui .wow-hero-art span{padding:10px 12px;border-radius:14px;background:rgba(3,20,40,.38);backdrop-filter:blur(8px);border:1px solid rgba(96,184,255,.09)}.app-body.sanes32-ui .wow-hero-art b{font-size:1.3rem;margin-top:1px}.app-body.sanes32-ui .hero-glow{width:250px;height:180px}
.app-body.sanes32-ui .wow-quick-grid{gap:12px}.app-body.sanes32-ui .premium-quick-tile{min-height:82px;border-radius:18px;padding:13px 14px;box-shadow:0 13px 30px rgba(0,5,18,.12);transition:transform .18s ease,filter .18s ease,border-color .18s ease}.app-body.sanes32-ui .premium-quick-tile:hover{transform:translateY(-3px);filter:saturate(1.08) brightness(1.035)}.app-body.sanes32-ui .premium-quick-tile>span{width:44px;height:44px}.app-body.sanes32-ui .premium-quick-tile b{font-size:.86rem}.app-body.sanes32-ui .premium-quick-tile small{font-size:.65rem;line-height:1.35;margin-top:2px}
.app-body.sanes32-ui .wow-section-head{margin:0 0 13px;gap:18px}.app-body.sanes32-ui .wow-section-head h2{font-size:1.3rem}.app-body.sanes32-ui .wow-section-head p{font-size:.74rem;line-height:1.5;margin-top:3px}.app-body.sanes32-ui .home-featured-section,.app-body.sanes32-ui .home-my-section{padding-top:2px}
.app-body.sanes32-ui .wow-sanes-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.app-body.sanes32-ui .wow-sanes-row.count-1{grid-template-columns:minmax(300px,430px)}.app-body.sanes32-ui .wow-sanes-row.count-2{grid-template-columns:repeat(2,minmax(280px,1fr))}.app-body.sanes32-ui .wow-sanes-row.count-3{grid-template-columns:repeat(3,minmax(230px,1fr))}
.app-body.sanes32-ui .available-card{padding:14px;border-radius:20px;gap:13px;background:linear-gradient(155deg,rgba(11,44,83,.96),rgba(5,27,54,.98));border-color:rgba(83,176,248,.18);box-shadow:0 16px 40px rgba(0,6,18,.17);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.app-body.sanes32-ui .available-card:hover{transform:translateY(-4px);border-color:rgba(74,202,255,.34);box-shadow:0 24px 54px rgba(0,7,22,.24)}
.app-body.sanes32-ui .available-card-cover{height:160px;border-radius:15px;overflow:hidden;background:#071b37}.app-body.sanes32-ui .available-card-cover img{width:100%;height:100%;object-fit:cover;object-position:center}.app-body.sanes32-ui .available-card-header{gap:10px;padding:0 2px}.app-body.sanes32-ui .available-card-header .bank-icon{width:38px;height:38px;border-radius:11px}.app-body.sanes32-ui .available-card-header .bank-icon.media-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.app-body.sanes32-ui .available-card-header b{font-size:.9rem}.app-body.sanes32-ui .available-card-header small{font-size:.69rem}.app-body.sanes32-ui .available-card .amount{font-size:1.65rem;margin-top:1px}.app-body.sanes32-ui .available-card p{font-size:.76rem;line-height:1.45}.app-body.sanes32-ui .available-card .facts{font-size:.69rem;gap:10px}.app-body.sanes32-ui .available-card .progress{height:7px;margin:2px 0}.app-body.sanes32-ui .card-hint{font-size:.65rem;min-height:20px}.app-body.sanes32-ui .available-card>.btn{margin-top:auto}
.app-body.sanes32-ui .wow-my-grid{gap:14px}.app-body.sanes32-ui .san-card{padding:17px;border-radius:20px;background:linear-gradient(155deg,rgba(11,43,82,.96),rgba(5,27,53,.98));border-color:rgba(83,176,248,.18)}.app-body.sanes32-ui .san-card-cover{height:175px;border-radius:15px;margin:-2px -2px 15px;overflow:hidden}.app-body.sanes32-ui .san-card-cover img{width:100%;height:100%;object-fit:cover}.app-body.sanes32-ui .san-card-top{gap:10px}.app-body.sanes32-ui .san-card-top .bank-icon{width:40px;height:40px;border-radius:11px}.app-body.sanes32-ui .san-card-top .bank-icon.media-logo img{width:100%;height:100%;object-fit:contain;padding:4px}.app-body.sanes32-ui .san-title b{font-size:.95rem}.app-body.sanes32-ui .san-title span{font-size:.7rem}.app-body.sanes32-ui .san-meta{gap:9px;margin:16px 0}.app-body.sanes32-ui .san-meta div{padding:11px 12px;border-radius:12px}.app-body.sanes32-ui .san-meta small{font-size:.66rem}.app-body.sanes32-ui .san-meta strong{font-size:.8rem;margin-top:3px}
.app-body.sanes32-ui .home-my-flow{grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:14px}.app-body.sanes32-ui .home-next-card{padding:20px;border-radius:20px;min-height:0}.app-body.sanes32-ui .home-next-identity{gap:12px;padding:13px;margin:15px 0;border-radius:14px}.app-body.sanes32-ui .home-next-identity .bank-icon{width:40px;height:40px;border-radius:11px}.app-body.sanes32-ui .home-next-identity .bank-icon.media-logo img{object-fit:contain;padding:4px}.app-body.sanes32-ui .home-next-identity b{font-size:.88rem;line-height:1.35}.app-body.sanes32-ui .home-next-identity small{font-size:.67rem;line-height:1.45;margin-top:3px}.app-body.sanes32-ui .home-next-metrics{gap:9px;margin-bottom:14px}.app-body.sanes32-ui .home-next-metrics>div{padding:11px 12px}.app-body.sanes32-ui .home-next-card>.btn{margin-top:2px}
.app-body.sanes32-ui .wow-summary,.app-body.sanes32-ui .wow-activity,.app-body.sanes32-ui .wow-tip{border-radius:20px}.app-body.sanes32-ui .summary-list>div{padding:12px 1px;font-size:.77rem}.app-body.sanes32-ui .wow-referral-card{border-radius:20px;min-height:164px;padding:20px}.app-body.sanes32-ui .wow-tip{padding:17px}.app-body.sanes32-ui .wow-tip p{font-size:.68rem;line-height:1.5}

/* --- route heroes / every user page ------------------------------------------ */
.app-body.sanes32-ui .wow-page-hero{min-height:170px;margin-bottom:22px;padding:26px 28px;border-radius:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;overflow:hidden;position:relative;background-image:linear-gradient(100deg,rgba(4,22,44,.96),rgba(7,42,77,.82) 55%,rgba(7,42,77,.38)),var(--page-image);background-size:cover;background-position:center}
.app-body.sanes32-ui .wow-page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(34,219,255,.13),transparent 30%);pointer-events:none}.app-body.sanes32-ui .wow-page-copy{position:relative;z-index:1;max-width:760px}.app-body.sanes32-ui .wow-page-copy h1{font-size:clamp(1.8rem,3vw,2.5rem);margin:6px 0 7px}.app-body.sanes32-ui .wow-page-copy p{font-size:.9rem;line-height:1.55;max-width:680px}.app-body.sanes32-ui .wow-page-copy small{display:block;margin-top:8px;color:#89a6c6;font-size:.74rem}.app-body.sanes32-ui .wow-page-hero .page-actions{position:relative;z-index:1;align-self:flex-end}
.app-body.sanes32-ui .filters{gap:12px;margin-bottom:20px}.app-body.sanes32-ui .filter-control{border-radius:14px;padding:9px 12px;background:rgba(8,35,68,.82);border-color:rgba(104,186,247,.14)}.app-body.sanes32-ui .filter-control label{font-size:.65rem;margin-bottom:2px}.app-body.sanes32-ui .result-summary{margin-bottom:14px}
.app-body.sanes32-ui .available-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:15px}.app-body.sanes32-ui .banks-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.app-body.sanes32-ui .payment-center-grid{gap:16px}.app-body.sanes32-ui .trust-explainer{gap:14px;margin-bottom:16px}.app-body.sanes32-ui .trust-explainer>div{padding:17px 18px;border-radius:17px}.app-body.sanes32-ui .rules-page{padding:8px 22px}.app-body.sanes32-ui .rules-page article{padding:20px 0;gap:14px}.app-body.sanes32-ui .rules-page h3{font-size:.96rem}.app-body.sanes32-ui .rules-page p{font-size:.8rem;line-height:1.62}
.app-body.sanes32-ui .bank-card{padding:19px;border-radius:20px}.app-body.sanes32-ui .bank-card .bank-icon{width:44px;height:44px}.app-body.sanes32-ui .bank-card .bank-icon.media-logo img{object-fit:contain;padding:4px}
.app-body.sanes32-ui .activity-item{padding:13px 0}.app-body.sanes32-ui .activity-item b{font-size:.8rem}.app-body.sanes32-ui .activity-item p{font-size:.7rem;line-height:1.45}.app-body.sanes32-ui .activity-item time{font-size:.64rem}
.app-body.sanes32-ui .empty-state{min-height:150px;padding:28px;border-radius:18px;background:linear-gradient(145deg,rgba(8,35,68,.52),rgba(5,24,50,.36));border-color:rgba(100,184,245,.14)}.app-body.sanes32-ui .empty-state b{font-size:.95rem}.app-body.sanes32-ui .empty-state span{font-size:.75rem;max-width:420px;color:#88a4c3}

/* --- signature live experience ------------------------------------------------ */
.app-body.sanes32-ui[data-route="live"] .view{max-width:1460px}.app-body.sanes32-ui .live-page-heading{margin-bottom:18px}.app-body.sanes32-ui .live-page-heading h1{font-size:2.15rem}.app-body.sanes32-ui .live-sync-badge{padding:11px 14px;border-radius:15px;background:linear-gradient(155deg,rgba(5,42,65,.8),rgba(4,31,57,.72));box-shadow:0 0 42px rgba(30,215,189,.075)}
.app-body.sanes32-ui .live-command-layout{grid-template-columns:minmax(0,1fr) 340px;gap:18px}.app-body.sanes32-ui .live-command-main{gap:16px}.app-body.sanes32-ui .live-rail{gap:16px}.app-body.sanes32-ui .live-hero-card{padding:22px;border-radius:26px;border-color:rgba(75,192,255,.22);background:linear-gradient(145deg,rgba(10,44,83,.98),rgba(5,27,55,.98) 60%,rgba(5,64,76,.73));box-shadow:0 30px 90px rgba(0,5,18,.25)}
.app-body.sanes32-ui .live-round-header{padding-bottom:16px}.app-body.sanes32-ui .live-round-identity{gap:13px}.app-body.sanes32-ui .live-round-identity .bank-icon{width:46px;height:46px}.app-body.sanes32-ui .live-round-identity .bank-icon.media-logo img{object-fit:contain;padding:4px}.app-body.sanes32-ui .live-status-chip{padding:6px 11px}
.app-body.sanes32-ui .live-telemetry{gap:8px 13px;padding:10px 12px;margin-top:12px;border-radius:12px}.app-body.sanes32-ui .live-hero-grid{gap:14px;margin-top:16px}.app-body.sanes32-ui .turn-focus,.app-body.sanes32-ui .my-focus-card{padding:17px;border-radius:18px}.app-body.sanes32-ui .turn-person{gap:13px;margin-top:14px}.app-body.sanes32-ui .turn-avatar{width:60px;height:60px}.app-body.sanes32-ui .turn-amount{margin-top:16px;padding-top:14px}.app-body.sanes32-ui .live-block-meter{margin-top:15px;padding:16px;border-radius:16px}.app-body.sanes32-ui .live-milestones{gap:9px;margin-top:13px}.app-body.sanes32-ui .live-milestone{min-height:70px;padding:10px 11px;border-radius:14px}.app-body.sanes32-ui .live-milestone.current{box-shadow:0 0 0 1px rgba(114,87,255,.2),0 0 25px rgba(114,87,255,.08)}
.app-body.sanes32-ui .premium-section{padding:20px}.app-body.sanes32-ui .block-slots{gap:10px}.app-body.sanes32-ui .block-slot{padding:13px;border-radius:15px}.app-body.sanes32-ui .live-next-card,.app-body.sanes32-ui .live-activity-card,.app-body.sanes32-ui .live-trust-card{border-radius:20px}.app-body.sanes32-ui .next-card-status{margin:15px 0}.app-body.sanes32-ui .live-feed-foot{margin-top:11px;padding-top:11px}

/* --- all forms, tables and modals -------------------------------------------- */
.sanes32-ui input,.sanes32-ui select,.sanes32-ui textarea{border-radius:12px!important;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.sanes32-ui input:focus,.sanes32-ui select:focus,.sanes32-ui textarea:focus{border-color:rgba(62,200,255,.42)!important;box-shadow:0 0 0 4px rgba(45,171,255,.07)!important}
.app-body.sanes32-ui .data-table{border-spacing:0 9px}.app-body.sanes32-ui .data-table td{padding-block:13px}.app-body.sanes32-ui .table-wrap{border-radius:15px}
.app-body.sanes32-ui .modal-backdrop{padding:18px;background:rgba(0,7,18,.78);backdrop-filter:blur(14px) saturate(110%);align-items:center}.app-body.sanes32-ui .modal{width:min(900px,100%);max-height:min(90svh,920px);border-radius:24px;padding:22px;background:linear-gradient(155deg,#09284d,#061a35);border-color:rgba(95,188,255,.22);box-shadow:0 36px 110px rgba(0,0,0,.58);overflow-x:hidden}.app-body.sanes32-ui .modal-head{margin-bottom:18px;padding-bottom:16px}.app-body.sanes32-ui .modal-section{padding:16px;border-radius:16px}.app-body.sanes32-ui .close-btn{width:40px;height:40px}
.app-body.sanes32-ui .skeleton-list,.app-body.sanes32-ui .skeleton-card,.admin-body.sanes32-ui .skeleton-list{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(77,149,205,.06),rgba(122,190,240,.12),rgba(77,149,205,.06));background-size:220% 100%;animation:s32Skeleton 1.45s ease-in-out infinite;color:#7f9ab9;border-radius:14px}
@keyframes s32Skeleton{0%{background-position:200% 0}100%{background-position:-20% 0}}

/* --- admin signature system --------------------------------------------------- */
.admin-body.sanes32-ui{background:linear-gradient(180deg,#041126,#05152c 50%,#031023);font-size:14px}
.admin-body.sanes32-ui .admin-app-shell{grid-template-columns:252px minmax(0,1fr)}
.admin-body.sanes32-ui .admin-sidebar{background:linear-gradient(180deg,rgba(4,18,39,.99),rgba(4,18,39,.97));border-right:1px solid rgba(104,183,245,.11);padding:24px 14px 18px}
.admin-body.sanes32-ui .admin-sidebar-brand{padding:0 8px 20px}.admin-body.sanes32-ui .admin-sidebar-brand img{width:145px}.admin-body.sanes32-ui .admin-sidebar-brand span{font-size:.68rem;color:#7997b8;margin-top:3px}
.admin-body.sanes32-ui .admin-nav{gap:7px}.admin-body.sanes32-ui .admin-nav button{min-height:48px;border-radius:14px;padding:0 13px;color:#9bb1cf}.admin-body.sanes32-ui .admin-nav button.active{background:linear-gradient(90deg,rgba(31,109,255,.25),rgba(119,74,255,.14));border-color:rgba(70,159,255,.34);box-shadow:inset 3px 0 0 #27e0c0}.admin-body.sanes32-ui .admin-sidebar-foot{padding:16px 2px 0;gap:10px}
.admin-body.sanes32-ui .admin-topbar{min-height:74px;padding:0 clamp(20px,2.4vw,36px);background:rgba(4,18,39,.88);backdrop-filter:blur(20px);border-bottom-color:rgba(103,183,247,.1)}.admin-body.sanes32-ui .admin-topbar-left h1{font-size:1.12rem;margin-top:2px}.admin-body.sanes32-ui .role-pill{padding:6px 9px}
.admin-body.sanes32-ui .admin-content{width:min(100%,1500px);padding:32px clamp(22px,2.7vw,42px) 72px}.admin-body.sanes32-ui .admin-page-intro{margin-bottom:22px}.admin-body.sanes32-ui .admin-page-intro h2{font-size:clamp(1.65rem,2.3vw,2.15rem);margin-top:5px}.admin-body.sanes32-ui .admin-page-intro p{font-size:.84rem;line-height:1.55;margin-top:6px}.admin-body.sanes32-ui .glass-panel{padding:20px;border-radius:20px;background:linear-gradient(155deg,rgba(10,39,75,.95),rgba(5,24,50,.98));border-color:rgba(95,184,247,.14)}
.admin-body.sanes32-ui .admin-kpi-grid,.admin-body.sanes32-ui .admin-dashboard-grid,.admin-body.sanes32-ui .admin-grid,.admin-body.sanes32-ui .system-health-grid,.admin-body.sanes32-ui .ops-metrics-grid,.admin-body.sanes32-ui .platform-bank-grid,.admin-body.sanes32-ui .admin-bank-grid{gap:15px!important}.admin-body.sanes32-ui .admin-kpi{min-height:135px;padding:18px;border-radius:19px;background:linear-gradient(155deg,rgba(10,42,81,.96),rgba(6,27,54,.98));border:1px solid rgba(95,184,247,.14);box-shadow:var(--s32-shadow-soft)}.admin-body.sanes32-ui .admin-kpi strong{font-size:2rem;margin-top:10px}.admin-body.sanes32-ui .admin-dashboard-card{min-height:160px;gap:16px}.admin-body.sanes32-ui .dashboard-icon{width:46px;height:46px;border-radius:14px}
.admin-body.sanes32-ui .admin-list-panel{margin-top:18px}.admin-body.sanes32-ui .admin-form{padding:22px}.admin-body.sanes32-ui .field-grid{gap:14px 12px}.admin-body.sanes32-ui label{font-size:.77rem;line-height:1.4}.admin-body.sanes32-ui input,.admin-body.sanes32-ui select,.admin-body.sanes32-ui textarea{min-height:45px;font-size:.85rem}.admin-body.sanes32-ui textarea{min-height:110px}.admin-body.sanes32-ui .admin-switches{gap:10px!important}.admin-body.sanes32-ui .admin-switches label{min-height:48px;padding:11px 13px;border-radius:12px}
.admin-body.sanes32-ui .appearance-hero{padding:22px;border-radius:20px;margin-bottom:18px;background:linear-gradient(120deg,rgba(12,61,111,.98),rgba(26,56,107,.92),rgba(67,41,124,.7))}.admin-body.sanes32-ui .appearance-hero h2{font-size:1.5rem}.admin-body.sanes32-ui .appearance-hero p{font-size:.8rem;line-height:1.55;margin-top:6px}
.admin-body.sanes32-ui .visual-admin-grid{grid-template-columns:repeat(auto-fit,minmax(410px,1fr))!important;gap:16px!important}.admin-body.sanes32-ui .visual-content-card{gap:17px;padding:16px;border-radius:20px}.admin-body.sanes32-ui .visual-card-media{min-height:184px}.admin-body.sanes32-ui .visual-card-media>.visual-preview{height:184px!important;border-radius:14px}.admin-body.sanes32-ui .visual-mobile-peek{width:76px;height:122px;right:10px;bottom:10px}.admin-body.sanes32-ui .visual-card-top h3{font-size:1.1rem}.admin-body.sanes32-ui .visual-card-copy>p{font-size:.76rem;line-height:1.55;margin:11px 0 14px}.admin-body.sanes32-ui .visual-card-meta{gap:7px}.admin-body.sanes32-ui .visual-card-meta span{padding:6px 8px;font-size:.6rem}.admin-body.sanes32-ui .visual-card-actions{gap:9px;margin-top:14px}
.admin-body.sanes32-ui .visual-modal-layout{gap:22px}.admin-body.sanes32-ui .visual-modal-preview{padding:16px;border-radius:17px}.admin-body.sanes32-ui .visual-modal-preview .visual-preview{height:240px}.admin-body.sanes32-ui .visual-editor-note{margin-top:10px}.admin-body.sanes32-ui .visual-modal-fields .field-grid{gap:13px 12px}.admin-body.sanes32-ui .visual-modal-actions{padding-top:16px}
.admin-body.sanes32-ui .modal-backdrop{padding:20px;background:rgba(0,7,18,.8);backdrop-filter:blur(14px)}.admin-body.sanes32-ui .modal{width:min(980px,100%);max-height:min(92svh,950px);border-radius:24px;padding:22px;background:linear-gradient(155deg,#09284d,#061a35);border-color:rgba(95,188,255,.22);box-shadow:0 36px 110px rgba(0,0,0,.58);overflow-x:hidden}

/* --- auth + landing finishing ------------------------------------------------- */
.auth-body.sanes32-ui,.landing-body.sanes32-ui{background:radial-gradient(circle at 75% -10%,rgba(35,141,255,.12),transparent 30%),linear-gradient(180deg,#041126,#05152c 50%,#031023)}
.auth-body.sanes32-ui .auth-card,.landing-body.sanes32-ui .glass-panel{border-color:rgba(102,186,247,.16);box-shadow:0 28px 90px rgba(0,5,18,.28)}

/* --- desktop responsive balance --------------------------------------------- */
@media(max-width:1320px){
  .app-body.sanes32-ui .wow-dashboard{grid-template-columns:minmax(0,1fr) 300px;gap:18px}
  .app-body.sanes32-ui .wow-hero-copy{width:66%}.app-body.sanes32-ui .wow-hero-copy h2{font-size:2.35rem}
  .app-body.sanes32-ui .live-command-layout{grid-template-columns:minmax(0,1fr) 310px}
}
@media(max-width:1120px){
  .app-body.sanes32-ui .wow-dashboard{grid-template-columns:1fr}.app-body.sanes32-ui .wow-rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.app-body.sanes32-ui .wow-referral-card,.app-body.sanes32-ui .wow-tip{min-height:100%}
  .app-body.sanes32-ui .live-command-layout{grid-template-columns:1fr}.app-body.sanes32-ui .live-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.app-body.sanes32-ui .live-trust-card{grid-column:1/-1}
  .admin-body.sanes32-ui .visual-admin-grid{grid-template-columns:1fr!important}
}

/* --- mobile: a real product, not a compressed desktop ------------------------ */
@media(max-width:760px){
  :root{--bottom:72px}
  .app-body.sanes32-ui .app-main-wrap{padding-bottom:calc(var(--bottom) + env(safe-area-inset-bottom) + 10px)}
  .app-body.sanes32-ui .app-header{height:60px;padding:0 14px;background:rgba(4,18,39,.95)}.app-body.sanes32-ui .mobile-logo img{width:112px}.app-body.sanes32-ui .search-box{display:none}.app-body.sanes32-ui .user-chip>span:last-child{display:none}.app-body.sanes32-ui .icon-btn{width:39px;height:39px}.app-body.sanes32-ui .user-chip .avatar{width:37px;height:37px}
  .app-body.sanes32-ui .demo-banner{min-height:34px;padding:6px 10px;gap:4px 7px;font-size:.59rem;line-height:1.35}.app-body.sanes32-ui .demo-banner strong{font-size:.61rem}.app-body.sanes32-ui .demo-banner .demo-separator{display:none}
  .app-body.sanes32-ui .view{padding:18px 12px calc(var(--bottom) + env(safe-area-inset-bottom) + 34px)}
  .app-body.sanes32-ui .panel{padding:17px;border-radius:18px}.app-body.sanes32-ui .panel-head{margin-bottom:16px}.app-body.sanes32-ui .panel-head h2{font-size:1.08rem}
  .app-body.sanes32-ui .wow-dashboard{display:block}.app-body.sanes32-ui .wow-main{gap:16px}.app-body.sanes32-ui .wow-rail{grid-template-columns:1fr;gap:14px;margin-top:16px}
  .app-body.sanes32-ui .wow-hero{min-height:328px;border-radius:21px;background-image:linear-gradient(180deg,rgba(3,17,35,.08),rgba(3,19,39,.52) 42%,rgba(3,19,39,.96) 79%),var(--hero-image);background-size:cover;background-position:center top}
  .app-body.sanes32-ui .wow-hero:before{background:linear-gradient(180deg,rgba(3,17,35,.03),rgba(3,17,35,.84) 72%,rgba(3,17,35,.98))}.app-body.sanes32-ui .wow-hero-copy{width:100%;min-height:328px;padding:20px 18px 19px;display:flex;flex-direction:column;justify-content:flex-end}.app-body.sanes32-ui .wow-hero-copy .eyebrow{margin-bottom:auto;padding-top:2px}.app-body.sanes32-ui .wow-hero-copy h1{font-size:1rem;margin:0 0 4px}.app-body.sanes32-ui .wow-hero-copy h2{font-size:clamp(1.6rem,7vw,1.95rem);line-height:.99;max-width:330px;margin:0 0 9px}.app-body.sanes32-ui .wow-hero-copy>p{font-size:.82rem}.app-body.sanes32-ui .wow-hero-copy blockquote{font-size:.73rem;line-height:1.48;margin:11px 0 15px;max-width:285px}.app-body.sanes32-ui .wow-hero-art{display:none}.app-body.sanes32-ui .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:0}.app-body.sanes32-ui .hero-actions .btn{min-width:0;width:100%;min-height:46px;padding:0 8px;font-size:.82rem}
  .app-body.sanes32-ui .wow-quick-grid{grid-template-columns:1fr 1fr;gap:10px}.app-body.sanes32-ui .premium-quick-tile{grid-template-columns:40px minmax(0,1fr);min-height:76px;padding:11px;border-radius:16px}.app-body.sanes32-ui .premium-quick-tile>span{width:40px;height:40px}.app-body.sanes32-ui .premium-quick-tile>i{display:none}.app-body.sanes32-ui .premium-quick-tile b{font-size:.77rem}.app-body.sanes32-ui .premium-quick-tile small{font-size:.61rem;line-height:1.4}
  .app-body.sanes32-ui .wow-section-head{align-items:flex-end;margin-bottom:11px}.app-body.sanes32-ui .wow-section-head h2{font-size:1.18rem}.app-body.sanes32-ui .wow-section-head p{font-size:.66rem;max-width:245px}.app-body.sanes32-ui .wow-section-head .link-btn{font-size:.74rem}
  .app-body.sanes32-ui .wow-sanes-row{display:flex!important;overflow-x:auto;overflow-y:hidden;gap:11px;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:1px 1px 9px;margin:0;scrollbar-width:none}.app-body.sanes32-ui .wow-sanes-row::-webkit-scrollbar{display:none}.app-body.sanes32-ui .wow-sanes-row .available-card{flex:0 0 calc(100vw - 44px);max-width:360px;scroll-snap-align:start}.app-body.sanes32-ui .wow-sanes-row.count-1 .available-card{flex-basis:100%;max-width:none}.app-body.sanes32-ui .available-card{padding:13px;border-radius:18px}.app-body.sanes32-ui .available-card-cover{height:166px;border-radius:14px}.app-body.sanes32-ui .available-card-header .bank-icon{width:36px;height:36px}.app-body.sanes32-ui .available-card .amount{font-size:1.48rem}
  .app-body.sanes32-ui .home-my-flow,.app-body.sanes32-ui .home-my-flow.count-2{grid-template-columns:1fr;gap:12px}.app-body.sanes32-ui .home-my-flow.count-2 .wow-my-grid{grid-template-columns:1fr}.app-body.sanes32-ui .home-next-card{padding:17px}.app-body.sanes32-ui .home-next-top{align-items:flex-start;flex-direction:column}.app-body.sanes32-ui .home-next-identity{grid-template-columns:40px minmax(0,1fr);padding:12px;margin:13px 0}.app-body.sanes32-ui .home-next-identity b{font-size:.84rem}.app-body.sanes32-ui .home-next-identity small{font-size:.65rem}.app-body.sanes32-ui .home-next-metrics{gap:8px}.app-body.sanes32-ui .home-next-metrics>div{padding:10px}.app-body.sanes32-ui .home-next-card>.btn{min-height:46px}
  .app-body.sanes32-ui .wow-page-hero{min-height:150px;padding:20px 18px;border-radius:20px;margin-bottom:17px;align-items:flex-end}.app-body.sanes32-ui .wow-page-copy h1{font-size:1.65rem}.app-body.sanes32-ui .wow-page-copy p{font-size:.78rem}.app-body.sanes32-ui .wow-page-hero .page-actions{width:100%}.app-body.sanes32-ui .wow-page-hero{flex-direction:column;align-items:stretch}.app-body.sanes32-ui .wow-page-hero .page-actions .btn{width:100%}
  .app-body.sanes32-ui .available-grid,.app-body.sanes32-ui .banks-grid,.app-body.sanes32-ui .payment-center-grid{grid-template-columns:1fr;gap:12px}.app-body.sanes32-ui .filters{grid-template-columns:1fr;gap:9px}.app-body.sanes32-ui .filter-control{min-height:54px}
  .app-body.sanes32-ui .modal-backdrop{padding:0;align-items:flex-end}.app-body.sanes32-ui .modal{width:100%;max-width:100vw;max-height:92svh;border-radius:22px 22px 0 0;padding:19px 15px calc(22px + env(safe-area-inset-bottom))}.app-body.sanes32-ui .modal-head{margin-bottom:15px;padding-bottom:14px}.app-body.sanes32-ui .modal-head h2{font-size:1.25rem}.app-body.sanes32-ui .modal-section{padding:14px}
  .app-body.sanes32-ui .live-page-heading{gap:11px;margin-bottom:15px}.app-body.sanes32-ui .live-page-heading h1{font-size:1.72rem}.app-body.sanes32-ui .live-sync-badge{width:100%;padding:10px 12px}.app-body.sanes32-ui .live-command-layout{grid-template-columns:1fr;gap:13px}.app-body.sanes32-ui .live-hero-card{padding:15px;border-radius:20px}.app-body.sanes32-ui .live-round-header{gap:10px;align-items:flex-start}.app-body.sanes32-ui .live-round-identity .bank-icon{width:42px;height:42px}.app-body.sanes32-ui .live-status-chip{padding:5px 8px}.app-body.sanes32-ui .live-status-chip small{display:none}.app-body.sanes32-ui .live-telemetry{gap:6px;padding:9px}.app-body.sanes32-ui .live-telemetry span{font-size:.57rem}.app-body.sanes32-ui .live-hero-grid{grid-template-columns:1fr}.app-body.sanes32-ui .turn-focus,.app-body.sanes32-ui .my-focus-card{padding:14px}.app-body.sanes32-ui .live-milestones{grid-template-columns:1fr 1fr;gap:8px}.app-body.sanes32-ui .live-milestone{min-height:66px;padding:9px}.app-body.sanes32-ui .live-rail{grid-template-columns:1fr;gap:12px}.app-body.sanes32-ui .premium-section{padding:16px}.app-body.sanes32-ui .premium-section-head{gap:8px}
  .app-body.sanes32-ui .bottom-nav{height:calc(68px + env(safe-area-inset-bottom));padding:4px 6px env(safe-area-inset-bottom);background:rgba(4,18,39,.94);backdrop-filter:blur(22px) saturate(130%);border-top-color:rgba(101,183,247,.14);box-shadow:0 -12px 34px rgba(0,6,18,.22)}.app-body.sanes32-ui .nav-item{border-radius:13px;font-size:.6rem;gap:3px}.app-body.sanes32-ui .nav-item .nav-ico{font-size:1.12rem}.app-body.sanes32-ui .nav-item.active{background:linear-gradient(180deg,rgba(26,117,255,.18),rgba(26,117,255,0));color:#fff}

  .admin-body.sanes32-ui .admin-content{padding:20px 12px 42px}.admin-body.sanes32-ui .admin-page-intro{margin-bottom:18px}.admin-body.sanes32-ui .admin-page-intro h2{font-size:1.5rem}.admin-body.sanes32-ui .glass-panel{padding:16px;border-radius:18px}.admin-body.sanes32-ui .field-grid{grid-template-columns:1fr;gap:12px}.admin-body.sanes32-ui .admin-inline-actions{gap:8px}.admin-body.sanes32-ui .admin-inline-actions .btn{flex:1 1 150px}.admin-body.sanes32-ui .visual-admin-grid{grid-template-columns:1fr!important;gap:13px!important}.admin-body.sanes32-ui .visual-content-card{grid-template-columns:1fr;padding:14px}.admin-body.sanes32-ui .visual-card-media{min-height:190px}.admin-body.sanes32-ui .visual-card-media>.visual-preview{height:190px!important}.admin-body.sanes32-ui .visual-card-actions{grid-template-columns:1fr;gap:8px}.admin-body.sanes32-ui .visual-modal-layout{grid-template-columns:1fr;gap:14px}.admin-body.sanes32-ui .visual-modal-preview .visual-preview-grid{grid-template-columns:1fr 96px}.admin-body.sanes32-ui .visual-modal-preview .visual-preview,.admin-body.sanes32-ui .visual-modal-preview .visual-preview.mobile{height:170px}.admin-body.sanes32-ui .visual-modal-fields .field-grid{grid-template-columns:1fr}.admin-body.sanes32-ui .modal-backdrop{padding:0;align-items:flex-end}.admin-body.sanes32-ui .modal{width:100%;max-width:100vw;max-height:92svh;border-radius:22px 22px 0 0;padding:18px 14px calc(20px + env(safe-area-inset-bottom))}
}
@media(max-width:420px){
  .app-body.sanes32-ui .view{padding-inline:10px}.app-body.sanes32-ui .wow-hero-copy{padding-inline:16px}.app-body.sanes32-ui .wow-hero-copy h2{font-size:1.52rem}.app-body.sanes32-ui .premium-quick-tile{padding:9px}.app-body.sanes32-ui .wow-sanes-row .available-card{flex-basis:calc(100vw - 32px)}.app-body.sanes32-ui .hero-actions{gap:7px}.app-body.sanes32-ui .hero-actions .btn{font-size:.78rem}.app-body.sanes32-ui .home-next-actions{grid-template-columns:1fr}
  .admin-body.sanes32-ui .admin-content{padding-inline:10px}.admin-body.sanes32-ui .appearance-hero-badges{grid-template-columns:1fr}.admin-body.sanes32-ui .visual-mobile-peek{width:64px;height:102px}.admin-body.sanes32-ui .visual-modal-preview .visual-preview-grid{grid-template-columns:1fr}.admin-body.sanes32-ui .visual-modal-preview .visual-preview.mobile{display:none}.admin-body.sanes32-ui .visual-modal-actions{grid-template-columns:1fr}.admin-body.sanes32-ui .btn{width:100%}
}

/* honor reduced motion while keeping the premium visual hierarchy */
@media(prefers-reduced-motion:reduce){
  .sanes32-ui *, .sanes32-ui *:before,.sanes32-ui *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* v0.34 live-round resilience */
.live-loading-copy{display:grid;gap:8px;min-width:0;max-width:720px}.live-loading-known{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.live-loading-known span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;border:1px solid rgba(87,189,255,.18);background:rgba(6,31,58,.52);color:#cbe7ff;font-size:.72rem;font-weight:700}.live-loading-panel.has-error{border-color:rgba(255,121,145,.24)}.live-loading-panel.has-error .live-loading-orbit{border-top-color:#ff7893;border-right-color:#8a69ff}
@media(max-width:760px){.live-loading-panel{align-items:flex-start;justify-content:flex-start;min-height:0;padding:22px;flex-direction:column}.live-loading-known{width:100%}.live-loading-known span{font-size:.69rem}}


/* v0.34.1 interaction hardening */
.app-body.sanes32-ui .btn::before,.app-body.sanes32-ui .btn::after,
.app-body.sanes32-ui .stat-card::before,.app-body.sanes32-ui .stat-card::after,
.app-body.sanes32-ui .san-cover-strip::after,.app-body.sanes32-ui .san-card-cover::after,
.app-body.sanes32-ui .available-card-cover::after,.app-body.sanes32-ui .skeleton-list::after,
.app-body.sanes32-ui .live-progress i::after,.app-body.sanes32-ui .round-ring::before,
.app-body.sanes32-ui .donut::after,.app-body.sanes32-ui .page-head::after,
.app-body.sanes32-ui .side-nav button.active::after{pointer-events:none!important}
.app-body.sanes32-ui button,.app-body.sanes32-ui a,.app-body.sanes32-ui [data-route],
.app-body.sanes32-ui [data-enter],.app-body.sanes32-ui [data-live],.app-body.sanes32-ui [data-home-live]{touch-action:manipulation}
.app-body.sanes32-ui .btn,.app-body.sanes32-ui .link-btn,.app-body.sanes32-ui .side-nav button,
.app-body.sanes32-ui .nav-item,.app-body.sanes32-ui [data-enter],.app-body.sanes32-ui [data-live]{position:relative;z-index:2}
#modalRoot:empty{display:none!important;pointer-events:none!important}

/* SANES24 v0.36.3 — cPanel refresh/live non-blocking detail */
.live-sync-notice{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(31,188,255,.22);border-radius:14px;background:rgba(7,33,63,.68);box-shadow:0 14px 32px rgba(0,0,0,.12)}
.live-sync-notice>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:rgba(21,210,197,.1);color:#55f3df;font-weight:900}
.live-sync-notice>div{min-width:0;flex:1}.live-sync-notice b,.live-sync-notice small{display:block}.live-sync-notice small{margin-top:2px;color:var(--muted,#91a7c7);line-height:1.4}
.live-sync-notice.has-error{border-color:rgba(255,185,75,.28);background:rgba(63,43,11,.28)}.live-sync-notice.has-error>span{background:rgba(255,185,75,.12);color:#ffd271}
.live-detail-placeholder{display:flex;align-items:center;justify-content:center;gap:16px;min-height:138px;padding:22px;border:1px dashed rgba(90,180,255,.22);border-radius:16px;background:rgba(6,29,55,.34);text-align:left}
.live-detail-placeholder .live-loading-orbit{flex:0 0 auto;width:38px;height:38px}.live-detail-placeholder b,.live-detail-placeholder span{display:block}.live-detail-placeholder span{margin-top:4px;max-width:620px;color:var(--muted,#91a7c7);line-height:1.45}
@media(max-width:760px){.live-sync-notice{align-items:flex-start;flex-wrap:wrap}.live-sync-notice .btn{width:100%}.live-detail-placeholder{align-items:flex-start;justify-content:flex-start}}