:root{--dp-primary:#2563eb;--dp-secondary:#06b6d4;--dp-success:#10b981;--dp-warning:#f59e0b;--dp-danger:#ef4444;--dp-gradient:linear-gradient(135deg, #2563eb 0%, #06b6d4 100%)}body{background:#f5f7fb}.dp-card{border:none;border-radius:18px;overflow:hidden}.dp-gradient-bg{background:var(--dp-gradient)}.section-title{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--dp-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}.summary-box{background:rgba(255,255,255,.15);border-radius:14px;padding:14px;margin-bottom:12px}.sticky-summary{position:sticky;top:20px}.result-big{font-size:2.8rem;font-weight:800;line-height:1.1}.chart-wrapper{position:relative;width:100%;height:300px}.metric-card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.metric-label{font-size:.75rem;text-transform:uppercase;color:#6b7280;font-weight:700}.metric-value{font-size:1.3rem;font-weight:800;color:#111827}.progress{height:14px;border-radius:50px;background:#e5e7eb}.progress-bar{transition:width .4s ease}.tips-box{background:#eff6ff;border-left:4px solid var(--dp-primary);border-radius:10px;padding:14px}.period-select{max-width:110px;cursor:pointer;font-weight:600;background-color:#f8fafc;appearance:auto!important;-webkit-appearance:menulist!important;-moz-appearance:menulist!important;padding-right:26px!important}.period-select:hover{background:#eef2ff}