/* Volumetric corporate theme based on the approved first mockup. */
:root {
  --volume-border: rgba(147, 197, 253, 0.62);
  --volume-shadow: 0 2px 3px rgba(15, 52, 112, 0.08), 0 10px 24px rgba(37, 99, 235, 0.12), 0 24px 52px rgba(30, 64, 175, 0.08);
  --volume-shadow-hover: 0 3px 6px rgba(15, 52, 112, 0.10), 0 16px 34px rgba(37, 99, 235, 0.17), 0 30px 64px rgba(30, 64, 175, 0.10);
}
body { background: linear-gradient(90deg,rgba(37,99,235,.045) 0,rgba(37,99,235,.045) 1px,transparent 1px),linear-gradient(180deg,#fbfdff 0%,#eef6ff 52%,#f8fbff 100%); background-size:32px 32px,auto; }
.tabs { isolation:isolate; overflow:hidden; background:linear-gradient(155deg,rgba(40,115,255,.22),transparent 48%),linear-gradient(180deg,#0d3475 0%,#0f56c7 100%); box-shadow:0 3px 5px rgba(11,42,93,.2),0 18px 42px rgba(30,64,175,.28),inset 0 1px 0 rgba(255,255,255,.18); }
.tabs::after { content:""; position:absolute; z-index:-1; left:0; right:0; bottom:44px; height:46%; opacity:.46; pointer-events:none; background:center bottom/104% auto no-repeat url("power-lines-concept.svg"); }
.header,.user-info,.stat-card,.detailed-comparison,.chart-section,.input-section,.history-section,.export-section,.report-card,.statistics-tool-card,.export-option,.history-date-group,.modal-content,.login-container { border-color:var(--volume-border)!important; box-shadow:var(--volume-shadow)!important; }
.header,.stat-card,.detailed-comparison,.chart-section,.input-section,.history-section,.export-section,.report-card,.statistics-tool-card,.export-option,.history-date-group { background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(247,251,255,.98) 100%)!important; border-radius:10px!important; position:relative; }
.stat-card,.report-card,.statistics-tool-card,.export-option { box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(147,197,253,.18),var(--volume-shadow)!important; }
.stat-card:hover,.report-card:hover,.statistics-tool-card:hover,.export-option:hover,.history-date-group:hover { border-color:rgba(96,165,250,.82)!important; box-shadow:var(--volume-shadow-hover)!important; }
.stat-card::before { height:4px; background:linear-gradient(90deg,#2563eb 0%,#38bdf8 72%,#93c5fd 100%)!important; box-shadow:0 2px 8px rgba(37,99,235,.24); }
.progress-bar-inline { overflow:hidden; background:linear-gradient(90deg,#fee2e2 0%,#ffedd5 34%,#dbeafe 72%,#bfdbfe 100%)!important; border:1px solid rgba(147,197,253,.5); box-shadow:inset 0 1px 3px rgba(15,23,42,.13); }
.progress-fill { position:relative; background:linear-gradient(90deg,#ef4444 0%,#f97316 22%,#f59e0b 38%,#22d3ee 66%,#2563eb 100%)!important; box-shadow:0 0 8px rgba(37,99,235,.35),inset 0 1px 0 rgba(255,255,255,.45); }
.progress-fill::after { content:""; position:absolute; top:50%; right:0; width:7px; height:7px; border-radius:50%; background:#2563eb; box-shadow:0 0 0 2px rgba(255,255,255,.88),0 0 9px #2563eb; transform:translate(1px,-50%); }
.comparison-table th,.history-table th,.excel-mini-table th { background:linear-gradient(180deg,#eff6ff 0%,#e5f1ff 100%)!important; box-shadow:inset 0 -1px 0 rgba(96,165,250,.2); }
.btn,.form-control { box-shadow:0 2px 5px rgba(30,64,175,.08); }
@media(max-width:860px){.tabs::after{display:none}}