.glass-card{-webkit-backdrop-filter:blur(28px)saturate(1.4);cursor:pointer;--mouse-x:50%;--mouse-y:50%;background:linear-gradient(145deg,#15223859 0%,#0f1c3040 100%);border:1px solid #ffffff14;border-radius:16px;outline:none;padding:20px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .35s,background .3s;position:relative;overflow:hidden;box-shadow:0 4px 24px #0003,inset 0 1px #ffffff0f,inset 0 -1px #0000001a}.glass-card:focus-visible{outline:2px solid var(--glass-neon);outline-offset:2px}.glass-card:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000 0%,#ffffff1f 30%,#ffffff2e 50%,#ffffff1f 70%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.glass-card__glow{border-radius:inherit;opacity:0;pointer-events:none;z-index:1;background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y), color-mix(in srgb, var(--glass-neon) 25%, transparent), transparent 60%);transition:opacity .3s;position:absolute;inset:-1px}.glass-card:hover .glass-card__glow{opacity:1}.glass-card--active .glass-card__glow{opacity:.6;background:radial-gradient(500px circle at var(--mouse-x) var(--mouse-y), color-mix(in srgb, var(--glass-neon) 35%, transparent), transparent 55%)}.glass-card:after{content:"";border-radius:inherit;pointer-events:none;z-index:2;opacity:0;background:radial-gradient(300px circle at var(--mouse-x) var(--mouse-y), var(--glass-neon), transparent 50%);-webkit-mask-composite:xor;padding:1.5px;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-card:hover:after{opacity:.8}.glass-card--active:after{opacity:1}.glass-card:hover{border-color:color-mix(in srgb, var(--glass-neon) 40%, transparent);box-shadow:0 0 2px var(--glass-neon), 0 0 20px color-mix(in srgb, var(--glass-neon) 20%, transparent), 0 12px 40px #00000059, 0 4px 12px #0003, inset 0 1px 0 #ffffff1a;background:linear-gradient(145deg,#15223873 0%,#0f1c304d 100%);transform:translateY(-6px)scale(1.008)}.glass-card--active{border-color:var(--glass-neon);box-shadow:0 0 4px var(--glass-neon), 0 0 24px color-mix(in srgb, var(--glass-neon) 35%, transparent), 0 0 60px color-mix(in srgb, var(--glass-neon) 14%, transparent), 0 14px 44px #0006, 0 6px 16px #00000040, inset 0 1px 0 #ffffff1f, inset 0 0 40px color-mix(in srgb, var(--glass-neon) 5%, transparent);background:linear-gradient(145deg,#15223880 0%,#0f1c3059 100%);transform:translateY(-8px)scale(1.012)}.glass-card--active:hover{transform:translateY(-8px)scale(1.012)}.glass-card--kpi{flex:1 1 0;min-width:200px;padding:20px 22px}.glass-card--wide{width:100%}.glass-row{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex;position:relative}.glass-row:hover{background:color-mix(in srgb, var(--glass-neon,#f5a62380) 8%, transparent);border-color:color-mix(in srgb, var(--glass-neon,#f5a62380) 20%, transparent)}.glass-row:active{background:color-mix(in srgb, var(--glass-neon,#f5a62380) 12%, transparent)}.glass-row:after{content:"›";color:var(--dash-text-faint,#ffffff4d);opacity:0;font-size:16px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;right:12px;transform:translate(-4px)}.glass-row:hover:after{opacity:1;transform:translate(0)}.glass-row-detail{opacity:0;max-height:0;color:var(--dash-text2,#ffffffa6);padding:0 14px;font-size:12px;line-height:1.5;transition:max-height .3s,opacity .25s,padding .3s;overflow:hidden}.glass-row-detail.open{opacity:1;max-height:200px;padding:8px 14px 12px}
