:root{--cb-primary:#2563eb;--cb-secondary:#0ea5e9;--cb-success:#16a34a;--cb-warning:#f59e0b;--cb-danger:#dc2626;--cb-gradient:linear-gradient(135deg,#2563eb 0%,#0ea5e9 100%)}body{background:#f4f7fb}.cb-card{border:none;border-radius:18px;overflow:hidden}.summary-card{background:var(--cb-gradient);color:#fff}.section-title{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--cb-primary);border-bottom:2px solid #eef2ff;padding-bottom:8px;margin-bottom:18px}.input-group-text{min-width:46px;background:#f8fafc;border-right:none;font-weight:600}.form-control{border-left:none}.sticky-summary{position:sticky;top:20px}.period-select{max-width:170px;cursor:pointer;font-weight:600;background-color:#f8fafc;appearance:auto!important;-webkit-appearance:menulist!important;-moz-appearance:menulist!important;padding-right:30px!important}.summary-box{background:rgba(255,255,255,.12);border-radius:12px;padding:14px;margin-bottom:12px}.result-big{font-size:2.5rem;font-weight:800}.metric-card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 2px 10px rgba(0,0,0,.05);height:100%}.metric-label{font-size:.72rem;font-weight:700;color:#6b7280;text-transform:uppercase}.metric-value{font-size:1.15rem;font-weight:800;color:#111827}.winner-card{border:2px solid #16a34a;background:#f0fdf4}.compare-box{border-radius:14px;padding:18px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:18px}.compare-title{font-size:1rem;font-weight:800;margin-bottom:15px}.compare-value{font-size:1.4rem;font-weight:800}.better-badge{background:#16a34a;color:#fff;padding:6px 12px;border-radius:50px;font-size:.75rem;font-weight:700}