/*
 * Alien Tech Premium skin (safe override layer).
 * Revert: remove this import from page heads.
 */
:root{
  --alien-line: linear-gradient(90deg, rgba(102,225,255,0.08), rgba(97,255,194,0.22), rgba(102,225,255,0.08));
  --alien-glass: linear-gradient(180deg, rgba(11,18,30,0.70), rgba(6,10,18,0.58));
  --alien-border: rgba(157, 228, 255, 0.16);
  --alien-shadow: 0 18px 50px rgba(2,8,20,0.48);
}

body{
  background:
    radial-gradient(1000px 520px at 15% -10%, rgba(84,205,255,0.14), transparent 54%),
    radial-gradient(760px 420px at 100% 0%, rgba(66,255,195,0.08), transparent 58%),
    radial-gradient(1200px 800px at 50% 120%, rgba(52,104,255,0.10), transparent 60%),
    var(--exp-bg-deep, var(--inc-bg-deep, #071013));
}

.page-header,
.summary-card,
.card,
.mobile-topbar,
.intro-more-panel,
.mobile-sheet-card{
  border-color: var(--alien-border);
  background-image: var(--alien-glass);
  box-shadow: var(--alien-shadow);
  backdrop-filter: blur(10px);
}

.page-header::before,
.mobile-topbar::before{
  content:"";
  display:block;
  height:1px;
  background:var(--alien-line);
  border-radius:999px;
  margin:0 0 0.55rem;
}

.btn.btn-primary,
.big-btn,
.entry-fab,
.ai-send,
.target-tab.is-active,
.filters .chip.is-active{
  box-shadow: 0 10px 30px rgba(48,232,172,0.32);
}

.mobile-icon-btn,
.mobile-month-chip,
.intro-more-btn,
.theme-toggle,
.privacy-toggle,
.manage-accounts-btn,
.go-expenses,
.go-incomes{
  border-color: var(--alien-border);
  background: linear-gradient(180deg, rgba(10,24,39,0.84), rgba(8,16,30,0.84));
}

.summary-value,
.page-title,
.mobile-topbar-title{
  letter-spacing:0.01em;
}

.page-incomes .summary-card{
  border-color:rgba(76, 212, 158, 0.16);
}

.page-incomes .summary-hero{
  background-image:
    radial-gradient(circle at 12% 0%, rgba(44,224,153,0.16), transparent 60%),
    var(--alien-glass);
}

.page-incomes .history-card{
  border-color:rgba(76, 212, 158, 0.08);
}

@media (max-width: 620px){
  .page-incomes .summary-card{
    box-shadow:0 10px 28px rgba(4,20,16,0.34);
  }
  .page-incomes .history-card{
    box-shadow:none;
    border:0;
  }
}

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto !important;
  }
}