/* Superficies con relieve, luz superior y bordes visibles. */
.authenticated .card,
.authenticated .panel {
    border-radius:16px;
    border:1px solid #48627f;
    border-top-color:#7794b1;
    background:linear-gradient(145deg,#22354d 0%,#18273d 40%,#101c30 100%);
    box-shadow:inset 0 1px 0 #e1f6ff29,inset 0 -2px 0 #050b17b3,
        0 7px 0 #060d1c,0 9px 0 #29405a66,0 20px 30px -12px #000b;
}
.authenticated .cards {gap:21px;margin-bottom:33px}
.authenticated .cards .card {min-height:164px;border-top:3px solid #4ad7ec;--tile-accent:#4ad7ec}
.authenticated .cards .card:nth-child(2){border-top-color:#ffc378;--tile-accent:#ffc378}
.authenticated .cards .card:nth-child(3){border-top-color:#63e6b8;--tile-accent:#63e6b8}
.authenticated .cards .card:nth-child(4){border-top-color:#b8a0ff;--tile-accent:#b8a0ff}
.authenticated .cards .card:after{content:"";position:absolute;width:110px;height:110px;right:-30px;top:-50px;border-radius:50%;background:var(--tile-accent);filter:blur(47px);opacity:.15;pointer-events:none}
.authenticated .metric-label{font-size:12px;font-weight:600;color:#d1deec}
.authenticated .card>strong{font-size:44px;color:#f4faff;text-shadow:0 3px 0 #0008;letter-spacing:-1px}
.authenticated .card>small{color:#afc1d6}
.authenticated .metric-icon{width:36px;height:36px;border:1px solid #d0eaff2b;background:linear-gradient(145deg,#ffffff15,#030a1b40);box-shadow:inset 0 1px 0 #ffffff30,0 3px 5px #0006;font-size:22px}
.authenticated .panel{margin-bottom:29px}
.authenticated .chart-grid{gap:23px;margin-bottom:31px}
.authenticated .chart-grid .panel{border-top:2px solid #54c5d4;margin-bottom:0}
.authenticated .chart-grid .panel:nth-child(2){border-top-color:#ffc378}
.authenticated .chart-grid .panel:nth-child(3){border-top-color:#b8a0ff}
.authenticated .chart-grid .panel:nth-child(4){border-top-color:#63e6b8}
.authenticated .panel h2{color:#f0f7ff}
.authenticated .panel-symbol{border:1px solid #c5eaff26;background:#07142566;box-shadow:inset 0 1px 0 #c8f1ff24,0 3px 0 #070e1d;border-radius:10px;min-width:38px;min-height:38px;display:grid;place-items:center;color:#9ac9e2}
.authenticated .panel th{color:#b6cce0;border-bottom-color:#506b87}
.authenticated .panel td{border-bottom-color:#3c526c80}
.authenticated .panel tbody tr:hover{background:#6ccbe80b}
.authenticated .panel input:not([type=checkbox]):not([type=hidden]),
.authenticated .panel select,.authenticated .panel textarea{border-color:#506a86;background:#0c182b;box-shadow:inset 0 2px 5px #0005}
.authenticated .chart-legend{color:#c4d5e6}
.authenticated .chart-note{color:#aabed4}
@media(hover:hover) and (pointer:fine){
    .authenticated .cards .card{transition:transform .18s ease,box-shadow .18s ease}
    .authenticated .cards .card:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #e1f6ff35,inset 0 -2px 0 #050b17b3,0 10px 0 #060d1c,0 12px 0 #29405a66,0 25px 35px -12px #000d}
}
@media(max-width:820px){
    .authenticated .cards{gap:17px}
    .authenticated .cards .card{min-height:145px}
    .authenticated .card>strong{font-size:36px}
    .authenticated .metric-label{font-size:10px}
    .authenticated .metric-icon{width:27px;height:27px;font-size:18px}
    .authenticated .chart-grid{gap:19px}
}
@media(prefers-reduced-motion:reduce){.authenticated .cards .card{transition:none}.authenticated .cards .card:hover{transform:none}}