.cancel-section{display:flex;justify-content:center;padding:var(--space-3)}.cancel-card{background-color:var(--color-background);border-radius:var(--border-radius-lg);padding:var(--space-4);box-shadow:var(--shadow-md);width:100%;max-width:1000px}.cancel-card h2{text-align:center;margin-bottom:var(--space-3);color:var(--color-primary)}.helper-text.important{color:#fff;font-weight:500;text-align:center;margin-bottom:var(--space-3);padding:var(--space-2);background-color:var(--color-error);border-radius:var(--border-radius-md)}.filter-options{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);align-items:flex-end;padding:var(--space-3);background-color:var(--color-background-light);border-radius:var(--border-radius-md)}.filter-options .form-group{margin-bottom:0;flex:1}.filter-options button{height:42px}.reservations-container{margin-top:var(--space-3)}.reservations-container h3{margin-bottom:var(--space-2)}.reservations-list{border:1px solid var(--color-divider);border-radius:var(--border-radius-md);overflow:hidden}.reservation-item{padding:var(--space-2);border-bottom:1px solid var(--color-divider);cursor:pointer;transition:background-color var(--transition-fast)}.reservation-item:last-child{border-bottom:none}.reservation-item:hover{background-color:var(--color-background-light)}.reservation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.reservation-title{font-weight:600;font-size:var(--font-size-lg)}.reservation-date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.reservation-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2);margin-bottom:var(--space-1)}.reservation-detail{font-size:var(--font-size-sm)}.reservation-detail-label{font-weight:500;color:var(--color-text-secondary)}.reservation-actions{text-align:right}.reservation-cancel-btn{font-size:var(--font-size-sm)}.status-Paid{color:var(--color-success)}.status-Waiting_Payment{color:var(--color-warning)}.status-Cancelled{color:var(--color-error)}.status-Waiting_Refund{color:var(--color-warning)}.status-Refunded{color:var(--color-success)}.status-No_Payment{color:var(--color-error)}@media (max-width: 768px){.cancel-card{padding:var(--space-2)}.filter-options{flex-direction:column;gap:var(--space-1)}.filter-options button{width:100%}.reservation-details{grid-template-columns:1fr;gap:var(--space-1)}}