.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;vertical-align:middle}.icon svg{display:block;width:100%;height:100%}.icon-xs,.icon-xs svg{width:12px;height:12px}.icon-sm,.icon-sm svg{width:16px;height:16px}.icon-md,.icon-md svg{width:20px;height:20px}.icon-lg,.icon-lg svg{width:24px;height:24px}.icon-xl,.icon-xl svg{width:32px;height:32px}.icon-2xl,.icon-2xl svg{width:48px;height:48px}.icon-default{color:var(--gray-500, #64748b)}.icon-primary{color:var(--primary-500, #3b82f6)}.icon-secondary{color:var(--gray-400, #94a3b8)}.icon-success{color:var(--success-500, #10b981)}.icon-warning{color:var(--warning-500, #f59e0b)}.icon-error{color:var(--error-500, #ef4444)}.icon-info{color:var(--info-500, #06b6d4)}.icon-muted{color:var(--gray-400, #94a3b8)}.icon-white{color:#fff}.icon-inherit{color:inherit}.icon-interactive{cursor:pointer;transition:all .2s ease}.icon-interactive:hover{color:var(--primary-600, #2563eb);transform:scale(1.1)}.icon-interactive:active{transform:scale(.95)}.icon-hover:hover{color:var(--primary-500, #3b82f6)}.icon-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.icon-spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-pulse{animation:icon-pulse 2s ease-in-out infinite}@keyframes icon-pulse{0%,to{opacity:1}50%{opacity:.5}}.icon-bounce{animation:icon-bounce 1s ease infinite}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.icon-shake{animation:icon-shake .5s ease}@keyframes icon-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}}.icon-fade-in{animation:icon-fade-in .3s ease}@keyframes icon-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.btn .icon{margin-right:6px}.btn .icon:last-child{margin-right:0;margin-left:6px}.btn .icon:only-child{margin:0}.btn-icon-only{padding:8px;min-width:auto}.btn-icon-only .icon{margin:0}.btn-sm .icon,.btn-sm .icon svg{width:16px;height:16px}.btn-lg .icon,.btn-lg .icon svg{width:24px;height:24px}.ribbon-btn-icon{display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.ribbon-btn-icon svg{width:18px;height:18px;stroke-width:1.5}.ribbon-btn-icon .icon{color:inherit}.ribbon-btn.large .ribbon-btn-icon svg{width:22px;height:22px}.ribbon-btn.active .ribbon-btn-icon{color:var(--primary-500, #3b82f6)}.jb-sidebar-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--gray-400, #94a3b8);transition:color .2s ease}.jb-sidebar-icon svg{width:20px;height:20px;stroke-width:1.5}.jb-sidebar-item.active .jb-sidebar-icon{color:var(--primary-400, #60a5fa)}.jb-sidebar-item:hover .jb-sidebar-icon{color:var(--gray-300, #cbd5e1)}.input-icon-wrapper{position:relative;display:flex;align-items:center}.input-icon-left{position:absolute;left:12px;color:var(--gray-400, #94a3b8);pointer-events:none}.input-icon-right{position:absolute;right:12px;color:var(--gray-400, #94a3b8)}.input-icon-wrapper .input-with-icon-left{padding-left:40px}.input-icon-wrapper .input-with-icon-right{padding-right:40px}.input-icon-right.clickable{cursor:pointer;pointer-events:auto}.input-icon-right.clickable:hover{color:var(--gray-600, #475569)}.status-icon{display:inline-flex;align-items:center;gap:6px}.status-icon:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-icon.status-success:before{background-color:var(--success-500, #10b981)}.status-icon.status-warning:before{background-color:var(--warning-500, #f59e0b)}.status-icon.status-error:before{background-color:var(--error-500, #ef4444)}.status-icon.status-info:before{background-color:var(--info-500, #06b6d4)}.status-icon.status-pending:before{background-color:var(--gray-400, #94a3b8)}.badge-icon{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9999px;font-size:12px;font-weight:500}.badge-icon .icon,.badge-icon .icon svg{width:14px;height:14px}.table-action-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--gray-500, #64748b);cursor:pointer;transition:all .2s ease}.table-action-icon:hover{background-color:var(--gray-100, #f1f5f9);color:var(--gray-700, #334155)}.table-action-icon.danger:hover{background-color:var(--error-50, #fef2f2);color:var(--error-500, #ef4444)}.menu-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:10px;color:var(--gray-500, #64748b)}.menu-item:hover .menu-item-icon{color:var(--gray-700, #334155)}.menu-item.active .menu-item-icon{color:var(--primary-500, #3b82f6)}.toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px;flex-shrink:0}.toast.toast-success .toast-icon{color:var(--success-500, #10b981)}.toast.toast-error .toast-icon{color:var(--error-500, #ef4444)}.toast.toast-warning .toast-icon{color:var(--warning-500, #f59e0b)}.toast.toast-info .toast-icon{color:var(--info-500, #06b6d4)}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 16px;color:var(--gray-300, #cbd5e1)}.empty-state-icon svg{width:48px;height:48px;stroke-width:1}[data-theme=dark] .icon-default{color:var(--gray-400, #94a3b8)}[data-theme=dark] .icon-muted,[data-theme=dark] .jb-sidebar-icon{color:var(--gray-500, #64748b)}[data-theme=dark] .jb-sidebar-item.active .jb-sidebar-icon{color:var(--primary-400, #60a5fa)}[data-theme=dark] .jb-sidebar-item:hover .jb-sidebar-icon{color:var(--gray-300, #cbd5e1)}[data-theme=dark] .table-action-icon:hover{background-color:var(--gray-800, #1e293b);color:var(--gray-200, #e2e8f0)}[data-theme=dark] .menu-item-icon{color:var(--gray-400, #94a3b8)}[data-theme=dark] .menu-item:hover .menu-item-icon{color:var(--gray-200, #e2e8f0)}[data-theme=dark] .empty-state-icon{color:var(--gray-600, #475569)}[data-theme=dark] .input-icon-left,[data-theme=dark] .input-icon-right{color:var(--gray-500, #64748b)}.icon-placeholder{display:inline-flex;align-items:center;justify-content:center;background-color:var(--gray-200, #e2e8f0);color:var(--gray-500, #64748b);border-radius:4px;font-size:10px;font-weight:600}[data-theme=dark] .icon-placeholder{background-color:var(--gray-700, #334155);color:var(--gray-400, #94a3b8)}@media print{.icon{color:#000!important}.icon-spin,.icon-pulse,.icon-bounce{animation:none!important}}