/* VELMONT — AURORA GLASS / CINEMATIC FINTECH UI */
:root{
 --v-cyan:#38eaff;--v-cyan2:#b6fbff;--v-deep:#021019;--v-bg:#02070c;
 --v-panel:rgba(8,22,34,.62);--v-panel2:rgba(4,15,25,.78);--v-line:rgba(82,235,255,.20);--v-line2:rgba(170,249,255,.44);
 --v-text:#effcff;--v-muted:#7793a1;--v-soft:#a3bac4;--v-green:#61efae;--v-red:#ff7286;
 --v-shadow:0 20px 65px rgba(0,0,0,.45);--radius:22px;--radius-sm:15px
}
*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;background:var(--v-bg);scroll-behavior:smooth}body{min-height:100%;padding-bottom:96px;color:var(--v-text);font:500 12px/1.45 Inter,Arial,sans-serif;background:radial-gradient(circle at 50% -10%,rgba(44,234,255,.16),transparent 30%),radial-gradient(circle at 10% 35%,rgba(39,102,163,.18),transparent 28%),linear-gradient(rgba(2,7,12,.79),rgba(2,7,12,.94)),url('../images/mine-bg.jpeg') center top/cover fixed;-webkit-tap-highlight-color:transparent;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(105deg,transparent 0 43%,rgba(255,255,255,.035) 50%,transparent 57%);animation:sweep 10s linear infinite}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.ambient i{position:absolute;border-radius:50%;filter:blur(8px);opacity:.65}.ambient .o1{width:240px;height:240px;left:-110px;top:12%;background:radial-gradient(circle,rgba(56,234,255,.20),transparent 70%);animation:floatA 11s ease-in-out infinite}.ambient .o2{width:310px;height:310px;right:-150px;top:43%;background:radial-gradient(circle,rgba(62,139,240,.16),transparent 70%);animation:floatB 14s ease-in-out infinite}.ambient .o3{width:210px;height:210px;left:35%;bottom:0;background:radial-gradient(circle,rgba(165,249,255,.12),transparent 70%);animation:floatA 17s ease-in-out infinite reverse}@keyframes floatA{50%{transform:translate(20px,-26px) scale(1.08)}}@keyframes floatB{50%{transform:translate(-24px,18px) scale(.94)}}@keyframes sweep{0%{transform:translateX(-8%)}100%{transform:translateX(8%)}}
a{color:var(--v-cyan2);text-decoration:none}button,input,select,textarea{font:inherit}.app{width:min(100%,780px);margin:auto;padding:12px 12px 28px}.top{display:flex;align-items:center;gap:9px;min-height:52px;margin-bottom:12px;position:relative;z-index:20}.mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--v-line2);border-radius:13px 7px 13px 7px;color:#031116;font:900 17px Sora;background:linear-gradient(145deg,#eaffff,#69efff 48%,#0b86ad);box-shadow:0 0 28px rgba(56,234,255,.22),inset 0 1px #fff;position:relative;overflow:hidden}.mark:after{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.75) 50%,transparent 58%);animation:sheen 3.8s infinite}@keyframes sheen{0%,42%{transform:translateX(-60%)}70%,100%{transform:translateX(60%)}}.hello{min-width:0;flex:1}.hello small{display:block;color:#7e99a6;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:1.2px}.hello strong{display:block;margin-top:2px;color:#effcff;font:800 13px Sora;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions{display:flex;gap:6px}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--v-line);border-radius:12px;color:var(--v-cyan2);background:rgba(6,21,33,.54);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 22px rgba(0,0,0,.24);cursor:pointer}.notification-wrap{position:relative}.icon-btn .badge{position:absolute;right:-4px;top:-4px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#ff5c73;color:#fff;font-size:7px;font-weight:900}.notification-popover{position:absolute;right:-4px;top:47px;width:min(320px,calc(100vw - 24px));border:1px solid var(--v-line2);border-radius:18px;background:rgba(4,15,24,.92);backdrop-filter:blur(24px);box-shadow:0 25px 65px rgba(0,0,0,.5);overflow:hidden}.notification-popover-head{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.06)}.notification-popover-head strong{font:800 11px Sora}.notification-popover-head small{display:block;color:var(--v-muted);font-size:7px;margin-top:2px}.notification-preview{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.045)}.notification-preview.unread{background:rgba(56,234,255,.05)}.notification-dot{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:rgba(56,234,255,.10);color:var(--v-cyan2)}.notification-copy{min-width:0}.notification-copy strong{display:block;font-size:9px;color:#ecfcff}.notification-copy small{display:block;color:#7d99a4;font-size:7px;line-height:1.35;margin-top:2px}.notification-copy em{display:block;color:#5e7884;font-size:6px;margin-top:2px;font-style:normal}
.card,.glass-card,.stat,.plan,.surface{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(13,36,50,.72),rgba(3,13,22,.60));border:1px solid var(--v-line);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:var(--v-shadow),inset 0 1px rgba(255,255,255,.08)}.card,.glass-card,.surface{border-radius:var(--radius);padding:15px;margin-bottom:12px}.card:before,.glass-card:before,.surface:before,.stat:before,.plan:before{content:"";position:absolute;left:9%;right:9%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--v-line2),transparent);opacity:.8}.page-shell{width:min(100%,780px);margin:auto;padding:2px 12px 28px}.page-top{display:flex;align-items:center;gap:10px;margin:4px 0 12px}.page-top .back{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--v-line);border-radius:12px;background:rgba(4,18,28,.52);color:var(--v-cyan2)}.page-top h1{font:800 17px Sora;color:#f4fdff}.page-top p{margin-top:2px;color:var(--v-muted);font-size:8px}.eyebrow,.page-kicker{display:flex;justify-content:space-between;align-items:center;color:#83a1ae;text-transform:uppercase;letter-spacing:1.1px;font-size:7px;font-weight:900}.balance-card{padding:17px;background:radial-gradient(circle at 86% 0,rgba(103,240,255,.18),transparent 26%),linear-gradient(145deg,rgba(14,41,56,.88),rgba(3,13,22,.68));border-color:rgba(114,240,255,.38);box-shadow:0 22px 70px rgba(0,0,0,.48),0 0 38px rgba(0,214,243,.09),inset 0 1px rgba(255,255,255,.12)}.balance-card .amount{margin:7px 0 2px;font:900 clamp(28px,8vw,40px) Sora;letter-spacing:-1.6px;background:linear-gradient(110deg,#fff,#dfffff 36%,#6eeeff 78%,#20bddc);-webkit-background-clip:text;background-clip:text;color:transparent}.balance-card .sub{font-size:8px;color:#7895a1}.balance-line{height:1px;margin:14px 0 11px;background:linear-gradient(90deg,rgba(74,225,255,.35),transparent)}.balance-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}.balance-meta .mini{padding:9px 10px;border:1px solid rgba(91,225,255,.11);border-radius:13px;background:rgba(0,0,0,.15)}.balance-meta .mini span,.stat .l{display:block;color:#6f8995;font-size:7px;text-transform:uppercase;font-weight:900;letter-spacing:.7px}.balance-meta .mini strong{display:block;margin-top:3px;font:800 11px Sora;color:#e8fbff}.actions{display:grid;grid-template-columns:1.22fr 1fr 1fr;gap:7px;margin:10px 0 13px}.btn{min-height:43px;width:100%;padding:9px 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:13px;border:1px solid transparent;cursor:pointer;text-decoration:none;font:900 9px Inter;letter-spacing:.15px;transition:.2s}.btn-primary{color:#031217;background:linear-gradient(145deg,#eaffff,#73efff 35%,#1fcde9 72%,#087e9f);box-shadow:0 10px 28px rgba(20,210,239,.18),inset 0 1px #fff}.btn-outline{color:#e1fbff;background:rgba(21,208,237,.055);border-color:var(--v-line)}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn-block{width:100%}.section{margin:15px 0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;padding:0 2px}.section-head h2{font:900 9px Inter;text-transform:uppercase;letter-spacing:1.2px;color:#8aa2ad}.section-head a{font-size:8px;font-weight:900;color:var(--v-cyan2)}.grid2,.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{border-radius:17px;padding:12px 11px;background:rgba(6,20,30,.55)}.stat .v,.stat-card .value{font:900 14px Sora;color:#b9f7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bonus{padding:14px;border-radius:20px;margin:12px 0;border:1px solid rgba(116,242,255,.28);background:radial-gradient(circle at 90% 0,rgba(116,242,255,.18),transparent 34%),linear-gradient(135deg,rgba(11,43,57,.83),rgba(4,18,28,.63));box-shadow:0 15px 42px rgba(0,0,0,.3)}.bonus-top{display:flex;align-items:center;gap:9px}.bonus-gem{font-size:24px;filter:drop-shadow(0 0 12px rgba(99,239,255,.5))}.bonus-copy{min-width:0}.bonus-copy strong{font:900 13px Sora}.bonus-copy small{display:block;color:#78939f;font-size:8px;line-height:1.4;margin-top:3px}.bonus .btn{margin-top:10px}.bonus.locked{opacity:.74}.opportunity{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:18px;background:linear-gradient(105deg,rgba(15,49,63,.70),rgba(6,22,32,.58));border:1px solid rgba(84,232,255,.18);margin-bottom:12px}.opportunity .op-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(53,230,255,.10);color:var(--v-cyan2)}.opportunity strong{font:800 10px Sora}.opportunity p{font-size:8px;color:#78929f;margin-top:2px}.opportunity a{margin-left:auto;font-size:8px;font-weight:900;white-space:nowrap}.row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 0;border-bottom:1px solid rgba(92,225,255,.07)}.row:last-child{border-bottom:0}.row .t{font:800 10px Inter}.row .m{font-size:7px;color:#78919d;margin-top:2px}.row .pos{color:var(--v-green);font:900 9px Sora}.row .neg{color:var(--v-red);font:900 9px Sora}.bar{height:5px;margin-top:6px;background:rgba(0,0,0,.28);border-radius:9px;overflow:hidden;border:1px solid rgba(255,255,255,.03)}.bar>span{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#0ca8ca,#9cf8ff);box-shadow:0 0 14px rgba(53,230,255,.35)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-group{margin-bottom:10px}.form-label,.field label{display:block;margin-bottom:5px;color:#78929f;font:900 7px Inter;text-transform:uppercase;letter-spacing:.8px}.form-control,.field input,.field select,.field textarea{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--v-line);outline:0;color:var(--v-text);background:rgba(1,10,16,.67);font:600 11px Inter}.form-control:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--v-cyan);box-shadow:0 0 0 3px rgba(53,230,255,.08)}select.form-control option{background:#07141e;color:#fff}.flash,.alert{padding:11px 12px;border-radius:13px;margin-bottom:10px;font:700 9px Inter}.alert-success{background:rgba(85,230,162,.10);border:1px solid rgba(85,230,162,.25);color:#6df0b4}.alert-error{background:rgba(255,111,131,.10);border:1px solid rgba(255,111,131,.25);color:#ff8394}.alert-info{background:rgba(53,230,255,.09);border:1px solid rgba(53,230,255,.22);color:#91f3ff}.text-muted{color:var(--v-muted)!important}.table-wrap{width:100%;overflow:auto;border-radius:14px;border:1px solid rgba(255,255,255,.05)}table{width:100%;border-collapse:collapse;min-width:560px}th,td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.05);text-align:left;font-size:8px;white-space:nowrap}th{color:#7d99a5;text-transform:uppercase;letter-spacing:.7px;font-size:7px;background:rgba(255,255,255,.025)}td{color:#dff8fc}.table-wrap tr:last-child td{border-bottom:0}.surface-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.surface-title h2{font:800 12px Sora}.surface-title span{font-size:7px;color:var(--v-muted)}.page-hero{padding:14px;border-radius:22px;margin-bottom:11px;background:radial-gradient(circle at 90% 0,rgba(56,234,255,.15),transparent 30%),linear-gradient(145deg,rgba(12,41,55,.83),rgba(4,16,27,.65));border:1px solid rgba(83,234,255,.25);box-shadow:var(--v-shadow),inset 0 1px rgba(255,255,255,.10)}.page-hero .hero-label{font-size:7px;text-transform:uppercase;letter-spacing:1px;color:#7d9aa5;font-weight:900}.page-hero .hero-value{margin-top:4px;font:900 24px Sora;color:#dffcff}.page-hero .hero-sub{margin-top:4px;font-size:8px;color:#78939f}.hero-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.hero-tool{padding:9px;border-radius:13px;border:1px solid rgba(83,234,255,.10);background:rgba(0,0,0,.14)}.hero-tool span{display:block;color:#6f8995;font-size:7px;text-transform:uppercase;font-weight:900}.hero-tool strong{display:block;margin-top:3px;font:800 11px Sora;color:#dffcff}.list-card{padding:4px 12px}.status{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:900;text-transform:uppercase}.status.pending{color:#ffe58d;background:rgba(255,202,77,.08);border:1px solid rgba(255,202,77,.18)}.status.approved,.status.active,.status.paid{color:#75f2bd;background:rgba(82,239,173,.08);border:1px solid rgba(82,239,173,.18)}.status.rejected,.status.failed{color:#ff8394;background:rgba(255,111,131,.08);border:1px solid rgba(255,111,131,.18)}
.plan{border-radius:21px;margin-bottom:11px}.plan-head{height:112px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(35,203,232,.20),rgba(3,15,24,.86))}.plan-head img,.plan img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.04);opacity:.86}.plan-head:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 24%,rgba(255,255,255,.15) 45%,transparent 58%);transform:translateX(-110%);animation:planSheen 5.5s infinite}@keyframes planSheen{35%,100%{transform:translateX(115%)}}.plan-body{padding:13px}.badge,.plan-badge{display:inline-block;padding:4px 8px;border-radius:999px;background:rgba(53,230,255,.10);border:1px solid rgba(53,230,255,.15);color:var(--v-cyan2);font:900 7px Inter;text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px}.plan-name{font:900 15px Sora}.plan-price{font:900 21px Sora;color:#72eeff;margin:3px 0 10px}.meta,.plan-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.meta-item,.plan-meta-item{padding:8px;border-radius:11px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.04)}.meta-item .ml,.meta-label{font-size:6px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;color:#6f8895}.meta-item .mv,.meta-value{font:800 10px Inter;margin-top:3px}.bottom{position:fixed;left:50%;bottom:max(9px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:500;width:min(470px,calc(100% - 16px));padding:6px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;border:1px solid rgba(87,235,255,.28);border-radius:20px;background:rgba(3,12,19,.78);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 18px 60px rgba(0,0,0,.58),0 0 30px rgba(45,217,239,.07)}.nav{min-height:48px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#607d89;text-decoration:none;font-size:7px;font-weight:900;border-radius:14px}.nav .ico{font-size:14px;line-height:1;color:#7897a3}.nav.active{color:#031116;background:linear-gradient(145deg,#eaffff,#70efff 45%,#14b8d9)}.nav.active .ico{color:#031116}.nav-center{position:relative;margin-top:-13px;min-height:55px;border:1px solid rgba(177,251,255,.65);border-radius:17px;background:linear-gradient(145deg,#f3ffff,#70efff 40%,#12b4d7);color:#021116;box-shadow:0 12px 30px rgba(25,211,237,.25),inset 0 1px #fff}.nav-center .ico{font-size:18px;color:#021116}.nav-center.active{filter:brightness(1.04)}
/* compatibility helpers */
.flex{display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.items-center{align-items:center}.justify-between{justify-content:space-between}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:12px!important}.mb-4{margin-bottom:16px!important}.mt-3{margin-top:12px!important}.mt-4{margin-top:16px!important}.display-font{font-family:Sora,Inter,sans-serif}.main-content{width:min(100%,780px)!important;margin:0 auto!important;padding:2px 12px 28px!important}.page{width:min(100%,780px);margin:auto;padding:2px 12px 28px}.profile-hero{padding:14px!important;border-radius:22px!important;background:radial-gradient(circle at 85% 0,rgba(56,234,255,.18),transparent 30%),linear-gradient(145deg,rgba(11,40,55,.84),rgba(4,17,28,.65))!important;border:1px solid rgba(83,234,255,.25)!important;box-shadow:var(--v-shadow),inset 0 1px rgba(255,255,255,.10)!important}.avatar-circle{width:58px!important;height:58px!important;border-radius:18px!important;background:linear-gradient(145deg,#eaffff,#70efff 42%,#0a8eaf)!important;color:#031217!important;font-size:22px!important;box-shadow:0 10px 28px rgba(30,224,243,.18)!important}.profile-stat .num{font:800 12px Sora!important;background:linear-gradient(135deg,#fff,#7feeff)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}.profile-stat .lbl{font-size:7px!important;color:#718c97!important}.section-card{padding:14px!important;margin-bottom:11px!important}.section-card h2{font:800 11px Sora!important;margin-bottom:12px!important}.section-card h2:before{width:3px!important;height:14px!important;background:linear-gradient(180deg,#92f6ff,#0db4d4)!important}.stats-grid .stat-card{padding:12px!important}.stat-card .label{color:#718b97;font-size:7px;text-transform:uppercase;font-weight:900;letter-spacing:.7px}.stat-card .value{margin-top:4px}.plans-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.plans-grid .plan-card{margin-bottom:0}.plans-grid .plan-card .plan-body{padding:12px}.plans-grid .plan-card .plan-name{font-size:13px}.plans-grid .plan-card .meta-value{font-size:9px}
@media(min-width:650px){.app,.page-shell,.main-content,.page{padding-left:0;padding-right:0}.top{margin-top:5px}.plans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.form-grid{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr}.bottom{width:min(470px,calc(100% - 14px))}}@media(max-width:370px){.app,.page-shell,.main-content,.page{padding-left:8px;padding-right:8px}.top-actions{gap:4px}.icon-btn{width:35px;height:35px}.actions{gap:6px}.btn{font-size:8px;padding-inline:8px}.balance-card .amount{font-size:26px}.bottom{padding:5px}.nav{min-height:46px;font-size:6.5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Theme variants — same Velmont DNA, different luminosity */
html[data-v-theme="cyan"]{filter:saturate(.92)}
html[data-v-theme="cyan"] body{background:radial-gradient(circle at 48% -8%,rgba(0,195,255,.20),transparent 31%),linear-gradient(rgba(1,10,16,.82),rgba(1,9,15,.95)),url('../images/mine-bg.jpeg') center top/cover fixed}
html[data-v-theme="cyan"] .btn-primary,html[data-v-theme="cyan"] .nav.active,html[data-v-theme="cyan"] .nav-center{background:linear-gradient(145deg,#e5fbff,#39ddff 46%,#067ea4)}
html[data-v-theme="cyan"] .balance-card{background:radial-gradient(circle at 86% 0,rgba(0,202,255,.22),transparent 28%),linear-gradient(145deg,rgba(6,45,63,.92),rgba(2,16,27,.72))}
html[data-v-theme="ice"] body{background:radial-gradient(circle at 50% 0,rgba(171,247,255,.15),transparent 30%),linear-gradient(rgba(4,13,19,.72),rgba(4,12,18,.94)),url('../images/mine-bg.jpeg') center top/cover fixed}
html[data-v-theme="ice"] .card,html[data-v-theme="ice"] .glass-card,html[data-v-theme="ice"] .surface,html[data-v-theme="ice"] .plan{background:linear-gradient(145deg,rgba(30,56,67,.64),rgba(8,24,33,.58));border-color:rgba(172,247,255,.25)}
html[data-v-theme="ice"] .btn-primary,html[data-v-theme="ice"] .nav.active,html[data-v-theme="ice"] .nav-center{background:linear-gradient(145deg,#ffffff,#c7fbff 48%,#64dbe9);color:#031217}
@media(min-width:650px){.plan{display:grid;grid-template-columns:180px 1fr}.plan-head{height:100%;min-height:160px}.plan-body{display:flex;flex-direction:column;justify-content:center}.plan-body form{margin-top:auto}}