.glass-icon { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:32px; height:32px; border-radius:10px; color:#b8d8f5; background:linear-gradient(145deg,rgba(211,233,255,.16),rgba(111,161,209,.045) 65%); border:1px solid rgba(171,207,243,.2); box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 3px 10px rgba(0,0,0,.12); vertical-align:middle; }
.line-icon { width:19px; height:19px; flex-shrink:0; vertical-align:middle; }
.brand-mark { width:48px!important; height:40px!important; border-radius:0!important; flex-shrink:0; }
.brand, .logo { display:flex; align-items:center; gap:10px; }
.btn .glass-icon { width:28px; height:28px; border-radius:8px; }
body .kpi .k-ic { background:none; width:32px; height:32px; }
.kpi:not(.hero) .k-label { padding-right:30px; }
.kpi .k-foot { color:#8799af; }
body .kpi.hero .k-value { color:#c7e0fa; background:none; -webkit-text-fill-color:currentColor; }
.tab .glass-icon { width:34px; height:32px; color:inherit; background:rgba(177,203,236,.035); border-color:transparent; box-shadow:none; }
.tab.active .glass-icon { color:#c3e1ff; background:linear-gradient(145deg,rgba(211,233,255,.17),rgba(111,161,209,.04)); border-color:rgba(171,207,243,.23); box-shadow:inset 0 1px 0 rgba(255,255,255,.12); }
.tab .glass-icon svg { width:19px; height:19px; margin:0; fill:none; }
.card .ic .glass-icon { width:44px; height:44px; border-radius:13px; }
.card .ic .line-icon { width:23px; height:23px; }
@supports (backdrop-filter:blur(8px)) { .glass-icon { backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); } }
@media (prefers-reduced-motion:reduce) { *, *::before, *::after { animation:none!important; transition:none!important; } }