:root{--af-primary: #006EFF;--af-success: #10B981;--af-warning: #F59E0B;--af-critical: #EF4444;--af-moderate: #FACC15;--af-bg-soft-red: #FEF2F2;--af-bg-soft-green: #ECFDF5;--af-bg-soft-yellow: #FFFBEB;--af-spacing-base: 16px;--af-spacing-tight: 8px;--af-spacing-loose: 24px}.af-gauge-container{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.af-gauge-svg{transform:rotate(-90deg);width:100%;height:100%}.af-gauge-bg{fill:none;stroke:#e5e7eb;stroke-width:8}.af-gauge-value{fill:none;stroke:var(--af-primary);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.af-badge{padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600;display:inline-flex;align-items:center}.af-badge-critical{background:var(--af-bg-soft-red);color:var(--af-critical)}.af-badge-serious{background:#fff7ed;color:#ea580c}.af-badge-moderate{background:var(--af-bg-soft-yellow);color:#854d0e}.af-progress-wrapper{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.af-progress-bar{height:100%;transition:width .3s ease}.af-card-premium{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.af-card-premium:hover{box-shadow:0 10px 15px -3px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.af-animate-fade{animation:fadeIn .4s ease-out forwards}