:root{--icon-primary:#5cc4ff;--icon-highlight:#90d8ff;--icon-glow:rgba(92,196,255,.3);--icon-panel:rgba(21,54,91,.72)}
:root[data-theme="light"]{--icon-primary:#197da9;--icon-highlight:#3fa7d6;--icon-glow:rgba(63,167,214,.2);--icon-panel:rgba(255,255,255,.32)}
.dashboard-icon,.tool-icon,.metric-icon,.card-icon,.nav-icon{display:inline-grid;place-items:center;width:48px;height:48px;min-width:48px;border-radius:14px;color:var(--icon-primary);background:linear-gradient(145deg,var(--icon-panel),color-mix(in srgb,var(--icon-primary) 16%,transparent));border:1px solid color-mix(in srgb,var(--icon-highlight) 34%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--icon-highlight) 25%,transparent),0 8px 20px var(--icon-glow);transition:transform .18s ease,color .18s ease,box-shadow .18s ease,filter .18s ease}
.dashboard-icon svg,.tool-icon svg,.metric-icon svg,.card-icon svg{width:25px;height:25px;stroke-width:2;filter:drop-shadow(0 1px 2px var(--icon-glow))}
.dashboard-action-card:hover .dashboard-icon,.dashboard-list-card:hover .dashboard-icon,.tool-card:hover .tool-icon,.metric-card:hover .metric-icon{transform:translateY(-3px) scale(1.04);color:var(--icon-highlight);filter:brightness(1.08);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--icon-highlight) 38%,transparent),0 12px 24px var(--icon-glow)}
.nav-link svg{color:var(--icon-highlight);filter:drop-shadow(0 2px 5px var(--icon-glow));transition:transform .18s ease,color .18s ease,filter .18s ease}.nav-link:hover svg,.nav-link.active svg{transform:translateY(-1px) scale(1.06);color:currentColor;filter:drop-shadow(0 4px 8px var(--icon-glow))}
.status-badge.success,.status-indicator.success{background:linear-gradient(135deg,color-mix(in srgb,var(--success) 24%,transparent),color-mix(in srgb,var(--success) 12%,transparent))}.status-badge.warning,.status-indicator.warning{background:linear-gradient(135deg,color-mix(in srgb,var(--warning) 24%,transparent),color-mix(in srgb,var(--warning) 12%,transparent))}.status-badge.danger,.status-indicator.error{background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 24%,transparent),color-mix(in srgb,var(--danger) 12%,transparent))}
@media(max-width:640px){.dashboard-icon,.tool-icon,.metric-icon,.card-icon{width:44px;height:44px;min-width:44px;border-radius:13px}}