:root{
  --app-bg-1:#06111f;
  --app-bg-2:#091b34;
  --app-bg-3:#0d1324;
  --app-glass:rgba(12,22,38,.68);
  --app-line:rgba(148,163,184,.18);
  --app-soft:rgba(255,255,255,.08);
  --app-shadow:0 28px 80px rgba(2,8,23,.42);
  --app-text:#e5eef9;
  --app-muted:#94a3b8;
  --app-accent:#63e6be;
  --app-accent-2:#60a5fa;
  --app-accent-3:#fbbf24;
}
body.body-app{
  background:
    radial-gradient(circle at 15% 15%, rgba(34,197,94,.14), transparent 20%),
    radial-gradient(circle at 85% 20%, rgba(96,165,250,.18), transparent 24%),
    radial-gradient(circle at 50% 85%, rgba(251,191,36,.10), transparent 24%),
    linear-gradient(135deg, var(--app-bg-1), var(--app-bg-2) 48%, var(--app-bg-3));
  color:var(--app-text);
}
.body-app .shell{position:relative;z-index:2;gap:18px;padding:24px;max-width:1660px;margin:0 auto;}
.app-ambience{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.app-ambience__blob,.app-ambience__mesh,.app-ambience__grid{position:absolute;inset:auto}
.app-ambience__blob{width:36vw;height:36vw;border-radius:50%;filter:blur(24px);opacity:.22;animation:appBlobFloat 18s ease-in-out infinite}
.app-ambience__blob--a{left:-8vw;top:-10vw;background:radial-gradient(circle, rgba(96,165,250,.7), transparent 64%)}
.app-ambience__blob--b{right:-10vw;top:10vh;background:radial-gradient(circle, rgba(34,197,94,.65), transparent 62%);animation-delay:-6s}
.app-ambience__blob--c{right:18vw;bottom:-14vw;background:radial-gradient(circle, rgba(251,191,36,.55), transparent 58%);animation-delay:-11s}
.app-ambience__grid{inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:90px 90px;mask-image:radial-gradient(circle at center, #000 22%, transparent 78%);opacity:.22}
.app-ambience__mesh{width:520px;height:520px;right:-120px;bottom:-160px;border-radius:50%;border:1px solid rgba(148,163,184,.18);box-shadow:0 0 0 40px rgba(255,255,255,.02),0 0 0 120px rgba(255,255,255,.015)}
.app-ambience__coin{position:absolute;display:grid;place-items:center;width:66px;height:66px;border-radius:22px;background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 40px rgba(2,8,23,.22);backdrop-filter:blur(14px);font-size:26px;font-weight:800;color:#eff6ff;animation:coinDrift 13s ease-in-out infinite;transform:translate3d(calc(var(--mx, 0) * .012px), calc(var(--my, 0) * .012px), 0)}
.app-ambience__coin small{font-size:12px;letter-spacing:.08em;opacity:.9}
.app-ambience__coin--usd{left:7vw;top:18vh}
.app-ambience__coin--eur{right:8vw;top:28vh;animation-delay:-3s}
.app-ambience__coin--gold{left:20vw;bottom:15vh;animation-delay:-7s;background:linear-gradient(180deg, rgba(251,191,36,.30), rgba(255,255,255,.08))}
.app-ambience__coin--ruby{right:22vw;bottom:12vh;animation-delay:-10s}
.app-ambience__coin--wire{left:48vw;top:10vh;animation-delay:-4s;width:74px}
.app-ambience__spark{position:absolute;width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 0 18px rgba(255,255,255,.5);animation:sparkle 5.8s ease-in-out infinite}
.app-ambience__spark:nth-child(10){left:14%;top:26%;animation-delay:-1s}.app-ambience__spark:nth-child(11){left:73%;top:16%;animation-delay:-3s}.app-ambience__spark:nth-child(12){left:80%;top:74%;animation-delay:-2.2s}
.body-app .sidebar{
  background:linear-gradient(180deg, rgba(5,12,24,.72), rgba(8,18,32,.88));
  border:1px solid var(--app-line);
  box-shadow:var(--app-shadow);
  backdrop-filter:blur(20px);
  border-radius:28px;
  padding:22px 18px;
  min-width:280px;
}
.body-app .sidebar .brand{font-size:22px;letter-spacing:-.04em;color:#fff;display:flex;align-items:center;gap:10px}
.body-app .sidebar .brand::before{content:'';width:16px;height:16px;border-radius:6px;background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));box-shadow:0 0 20px rgba(96,165,250,.5)}
.body-app .sidebar .version{background:rgba(99,230,190,.14);color:#b9ffe5;padding:4px 8px;border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.body-app .sidebar .mini{margin-top:18px;padding:16px;border-radius:22px;background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);font-weight:700;color:#f8fafc}
.body-app .sidebar .mini span{display:block;margin-top:6px;color:#8dc6ff;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.body-app .sidebar nav{display:grid;gap:8px;margin-top:16px}
.body-app .sidebar nav a{position:relative;color:#dbeafe;background:rgba(255,255,255,.035);border:1px solid transparent;border-radius:18px;padding:13px 14px;font-weight:700;transition:.25s ease;overflow:hidden}
.body-app .sidebar nav a::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,255,255,.08), transparent);transform:translateX(-100%);transition:.35s ease}
.body-app .sidebar nav a:hover{transform:translateX(4px);border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff}
.body-app .sidebar nav a:hover::after{transform:translateX(100%)}
.body-app .main{display:grid;gap:18px}
.body-app .card,.body-app .glass-card,.body-app .compact-card,.body-app .fintech-card{
  background:linear-gradient(180deg, rgba(9,18,31,.78), rgba(6,14,24,.9));
  border:1px solid var(--app-line);
  box-shadow:var(--app-shadow);
  backdrop-filter:blur(18px);
  color:var(--app-text);
}
.body-app .muted,.body-app .mini-text,.body-app p.muted{color:var(--app-muted)!important}
.body-app h1,.body-app h2,.body-app h3,.body-app strong{color:#f8fbff}
.body-app .field input,.body-app .field select,.body-app .field textarea,.body-app .field-card input,.body-app .field-card select,.body-app .field-card textarea,
.body-app .login-input-wrap input{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 30px rgba(0,0,0,.12);
}
.body-app select option{background:#0f172a;color:#fff}
.body-app .btn{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#ecf6ff}
.body-app .btn.primary{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary));border-color:transparent;color:white;box-shadow:0 16px 36px rgba(37,99,235,.28)}
.body-app .btn.secondary{background:rgba(99,102,241,.14);border-color:rgba(129,140,248,.24)}
.body-app .btn:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(2,8,23,.26)}
.body-app .stat-card,.body-app .link-card,.body-app .stack-item,.body-app .planner-metric,.body-app .summary-box,.body-app .mini-stat,.body-app .ops-market-item,.body-app .currency-card,.body-app .payment-hero-box{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10);
  color:var(--app-text);
}
.body-app .stat-card{position:relative;overflow:hidden;border-radius:24px;padding:20px;min-height:150px}
.body-app .stat-card::before{content:'';position:absolute;inset:auto -20% 55% 50%;height:120px;background:radial-gradient(circle, rgba(96,165,250,.28), transparent 66%);pointer-events:none}
.body-app .stat-card__label,.body-app .stat-card__hint{color:#93c5fd}
.body-app .stat-card__value{font-size:38px;letter-spacing:-.06em}
.body-app .quick-link-grid{gap:14px}.body-app .link-card{border-radius:24px;padding:18px;display:grid;gap:10px;min-height:132px;transition:.28s ease}
.body-app .link-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.18)}
.body-app .stack-item{padding:16px 18px;border-radius:20px}.body-app .stack-item strong{color:#7dd3fc}
.body-app .page-head,.body-app .section-head,.body-app .ops-screen__header,.body-app .live-board__head{align-items:flex-start}
.body-app .dashboard-luxe{display:grid;gap:18px}
.body-app .dashboard-luxe__hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px;padding:24px;border-radius:30px;position:relative;overflow:hidden}
.body-app .dashboard-luxe__hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 12% 18%, rgba(99,230,190,.18), transparent 28%),radial-gradient(circle at 82% 24%, rgba(96,165,250,.18), transparent 32%);pointer-events:none}
.body-app .dashboard-luxe__copy{position:relative;z-index:2;display:grid;gap:16px}
.body-app .dashboard-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(99,230,190,.12);color:#bdfde3;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;width:max-content}
.body-app .dashboard-luxe__copy h1{font-size:54px;line-height:1.02;letter-spacing:-.06em;max-width:12ch;margin:0}
.body-app .dashboard-luxe__copy p{max-width:62ch;line-height:1.72}
.body-app .dashboard-actions{display:flex;flex-wrap:wrap;gap:12px}
.body-app .dashboard-luxe__right{position:relative;z-index:2;display:grid;gap:14px}
.body-app .dashboard-pulse-card{padding:20px;border-radius:28px;position:relative;overflow:hidden}
.body-app .dashboard-pulse-card::after{content:'';position:absolute;inset:auto;right:-22px;bottom:-22px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle, rgba(251,191,36,.22), transparent 70%)}
.body-app .dashboard-pulse-card small{display:block;color:#93c5fd;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:8px}
.body-app .dashboard-pulse-card strong{font-size:28px;letter-spacing:-.04em}
.body-app .dashboard-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.body-app .dashboard-mini-tile{padding:16px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.body-app .dashboard-mini-tile span{display:block;font-size:12px;color:#93c5fd;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-weight:800}
.body-app .dashboard-mini-tile strong{font-size:20px}
.body-app .dashboard-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.body-app .dashboard-ribbon__item{padding:18px;border-radius:22px;background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08)}
.body-app .dashboard-ribbon__item span{display:block;color:#93c5fd;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:6px}
.body-app .dashboard-ribbon__item strong{font-size:22px}
.body-app .ops-screen-card{position:relative;overflow:hidden}
.body-app .ops-screen-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 88% 8%, rgba(96,165,250,.18), transparent 18%),radial-gradient(circle at 14% 14%, rgba(99,230,190,.14), transparent 16%);pointer-events:none}
.body-app .ops-screen__header{position:relative;z-index:2;padding:10px 4px 6px}.body-app .ops-kicker{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(96,165,250,.12);color:#cbe5ff;text-transform:uppercase;font-size:12px;letter-spacing:.08em;font-weight:800;margin-bottom:12px}
.body-app .ops-toolbar-grid,.body-app .planner-toolbar{position:relative;z-index:2}
.body-app .field-card,.body-app .ops-summary-card,.body-app .planner-metric{border-radius:22px;padding:16px}
.body-app .currency-grid--v2{gap:14px}
.body-app .currency-card--planner{border-radius:24px;overflow:hidden;transition:.24s ease;position:relative}
.body-app .currency-card--planner::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,.05), transparent 40%);pointer-events:none}
.body-app .currency-card--planner:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.18);box-shadow:0 30px 50px rgba(2,8,23,.34)}
.body-app .currency-card__badge{background:linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.12);color:white}
.body-app .currency-card__sub,.body-app .plan-row__label,.body-app .plan-row__unit,.body-app .planner-caption span,.body-app .currency-card__label{color:#9fb5cb}
.body-app .ops-market-rail{background:linear-gradient(180deg, rgba(9,18,31,.82), rgba(7,14,25,.96));border:1px solid rgba(255,255,255,.12);border-radius:28px;box-shadow:var(--app-shadow)}
.body-app .ops-market-item{border-radius:18px;padding:14px 15px}.body-app .ops-market-item__raw,.body-app .ops-market-item__meta{color:#9fb5cb}.body-app .ops-market-item.is-selected{border-color:rgba(99,230,190,.26);box-shadow:0 0 0 1px rgba(99,230,190,.16) inset}
.body-app .ops-sticky-savebar{background:rgba(6,12,22,.88);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 18px 42px rgba(2,8,23,.32)}
.body-app .warning-strong{color:#fde68a!important}
.body-app .margin-rate-grid,.body-app .margin-fields{gap:12px}
.body-app .mini-stat--accent{background:rgba(96,165,250,.10)}
.body-app .summary-box.paid{background:linear-gradient(180deg, rgba(99,230,190,.16), rgba(255,255,255,.04))}
.body-app .app-toast{backdrop-filter:blur(20px);background:rgba(15,23,42,.86);border:1px solid rgba(255,255,255,.1);color:white}
.body-app .app-toast.success{box-shadow:0 18px 42px rgba(34,197,94,.18)}
.body-app .app-toast.error{box-shadow:0 18px 42px rgba(239,68,68,.18)}
.body-app .app-toast.warning{box-shadow:0 18px 42px rgba(245,158,11,.18)}
@keyframes appBlobFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(30px,-20px,0) scale(1.08)}}
@keyframes coinDrift{0%,100%{transform:translate3d(calc(var(--mx,0) * .012px),calc(var(--my,0) * .012px),0) rotate(0deg)}50%{transform:translate3d(calc(var(--mx,0) * .012px + 8px),calc(var(--my,0) * .012px - 16px),0) rotate(6deg)}}
@keyframes sparkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}
@media (max-width: 1280px){
  .body-app .dashboard-luxe__hero{grid-template-columns:1fr}
  .body-app .dashboard-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 900px){
  .body-app .shell{padding:16px}
  .app-ambience__coin{display:none}
  .body-app .dashboard-ribbon,.body-app .dashboard-mini-grid{grid-template-columns:1fr}
  .body-app .dashboard-luxe__copy h1{font-size:40px}
  .body-app .sidebar{min-width:auto}
}