.lpg-card{background:#f6f6f6;border-radius:10px;border:1px solid rgba(0,0,0,.1);padding:20px 30px;flex:1;display:flex;flex-direction:column;gap:10px}.lpg-card-price{font-size:30px;font-weight:600;color:var(--c-text-primary)}.lpg-card-unit{font-size:17px;font-weight:400;color:var(--c-text-primary);margin-left:4px}.lpg-card-diff{font-size:20px;font-weight:600;margin-left:8px}.period-btn{height:50px;padding:0 20px;font-size:17px;font-weight:600;border:1px solid var(--c-text-empty);background:#fff;color:var(--c-text-primary);cursor:pointer;flex-shrink:0;transition:var(--tr-bg)}.period-btn:hover:not(.active){background:var(--c-hover-bg)}.period-btn.active{background:var(--c-brand-blue);color:#fff;border-color:var(--c-brand-blue)}.date-field{width:180px;height:50px;padding:0 14px;border:1px solid #bbbbbb;background:#fff;font-size:var(--fs-base);color:var(--c-text-primary);outline:none;box-sizing:border-box}.date-field::-webkit-calendar-picker-indicator{cursor:pointer}.data-table{width:100%;border:1px solid var(--c-border);border-collapse:collapse}.data-table th,.data-table td{padding:0 14px;height:50px;border-right:1px solid var(--c-border);border-bottom:1px solid var(--c-border);font-size:17px;text-align:center;vertical-align:middle}.data-table th{background:#f2f2f2;color:var(--c-text-muted);font-weight:400}.data-table td{color:var(--c-text-primary)}.data-table tr:last-child td{border-bottom:none}.data-table th:last-child,.data-table td:last-child{border-right:none}