:root{--blue-500:#3b82f6;--purple-500:#a855f7;--amber-400:#fbbf24;--green-500:#22c55e;--orange-500:#f97316;--red-500:#ef4444;--purple-600:#9333ea;--red-700:#b91c1c;--pink-600:#db2777;--gray-500:#64748b}.youth-module .card-header{background-color:#ffcb2e;border-radius:8px 8px 0 0;color:#fff;padding:32px;text-align:center}.youth-module .card-title{color:#fff;font-size:1.875rem;font-weight:900;margin-bottom:0}.youth-module .card-content{padding:16px}.youth-module .slider-title{font-size:1.125rem;font-weight:600}.youth-module .slider-value{font-size:1.25rem;font-weight:900}.youth-module .slider{-webkit-appearance:none;appearance:none;background:#e2e8f0;border-radius:2px;height:4px;outline:none;position:relative;width:100%}.youth-module .slider:hover{opacity:1}.youth-module .slider::-webkit-slider-runnable-track{background:#e2e8f0;border-radius:2px;height:4px;width:100%}.youth-module .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ffcb2e;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:pointer;height:16px;margin-top:-6px;position:relative;width:16px;z-index:2}.youth-module .slider::-moz-range-thumb{background:#ffcb2e;border:none;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:pointer;height:16px;position:relative;width:16px;z-index:2}.youth-module .slider::-moz-range-track{background:#e2e8f0;border-radius:2px;height:4px;width:100%}.youth-module .slider::-moz-range-progress{background:#19d6d1;border-radius:2px;height:4px}.youth-module .slider:before{background:#ffcb2e;border-radius:2px;content:"";height:4px;left:0;pointer-events:none;position:absolute;right:calc(100% - var(--slider-progress, 50%));z-index:1}.youth-module .tabs{width:100%}.youth-module .tabs-list{background-color:#f1f5f9;border-radius:8px;display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.youth-module .tab-trigger{background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:1.125rem;font-weight:700;padding:8px 4px;text-align:center}.youth-module .tab-trigger.active{background-color:var(--active-bg,#ef4444);color:#fff}.youth-module .tab-trigger[data-tab=positive].active{--active-bg:#16a34a}.youth-module .tab-content{display:none}.youth-module .tab-content.active{display:block}.youth-module .tab-heading{font-size:1.125rem;font-weight:700;margin-bottom:0;margin-top:8px;padding-top:12px;text-align:center}.youth-module .negative-heading{color:#dc2626}.youth-module .positive-heading{color:#16a34a}.youth-module .tab-subheading{color:#475569;font-size:.875rem;font-weight:500;margin-bottom:18px;text-align:center}.youth-module .metrics-grid{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.youth-module .metric-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);height:100%;padding:16px;position:relative}.youth-module .metric-header{align-items:center;display:flex;gap:8px}.youth-module .icon-container{align-items:center;border-radius:9999px;display:flex;justify-content:center;padding:8px}.youth-module .icon{color:#fff}.youth-module .metric-details{flex:1}.youth-module .metric-value-container{align-items:center;display:flex;gap:4px}.youth-module .metric-value{font-size:1.25rem;font-weight:700}.youth-module .info-icon{height:16px;width:16px}.youth-module .metric-label{color:#64748b;font-size:.875rem}.youth-module .progress-container{background-color:#e2e8f0;border-radius:9999px;height:4px;margin-top:10px;width:100%}.youth-module .progress-bar{border-radius:9999px;height:4px}.youth-module .tooltip{margin-top:24px;padding:8px;width:224px}.youth-module .tooltip-title{font-size:.875rem}