.date-claim-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-4);margin-bottom:var(--spacing-3);position:relative}.date-claim-card__head{align-items:center;gap:var(--spacing-2);padding-bottom:var(--spacing-3);margin-bottom:var(--spacing-3);border-bottom:1px solid var(--border-primary);display:flex}.date-claim-card__head-title{font:var(--font-weight-semibold) var(--font-size-base) / 1 var(--font-family-sans);color:var(--text-primary);align-items:baseline;gap:6px;display:inline-flex}.date-claim-card__head-month{font-weight:var(--font-weight-bold)}.date-claim-card__head-dot{color:var(--text-tertiary)}.date-claim-card__head-weekday{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.date-claim-card__head-status{font:var(--font-weight-semibold) 11px / 1 var(--font-family-sans);color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:999px;margin-left:auto;margin-right:36px;padding:4px 8px}.date-claim-card.active{border-color:var(--interactive-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary-500) 10%, transparent)}.date-claim-card.disabled{opacity:.6;pointer-events:none}.date-claim-card.has-claim{background-color:var(--surface-danger-subtle);border-color:var(--color-danger-200)}.date-claim-remove{top:var(--spacing-2);right:var(--spacing-2);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-colors);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.date-claim-remove:hover{color:var(--color-danger-600);background-color:var(--color-danger-50)}.date-claim-row{gap:var(--spacing-3);grid-template-columns:1fr 1fr;display:grid}.date-claim-field{gap:var(--spacing-1);flex-direction:column;display:flex}.date-claim-field.full-width{grid-column:1/-1}.date-claim-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.claim-warning{background-color:var(--color-red-200);color:var(--color-danger-dark);padding:var(--spacing-2);margin-bottom:var(--spacing-3);border-radius:var(--border-radius-md);font-weight:var(--font-weight-bold);text-align:center;border:1px solid var(--color-red-300)}.claim-warning-subtext{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);margin-top:var(--spacing-1);color:var(--color-gray-800)}.date-claim-header{align-items:flex-end;gap:var(--spacing-4);margin-bottom:var(--spacing-5);background:var(--color-gray-100);padding:var(--spacing-5);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-300);flex-wrap:wrap;display:flex}.date-claim-header-buttons{gap:var(--spacing-3);flex-shrink:0;align-items:center;margin-left:auto;display:flex}.date-input-container{gap:var(--spacing-2);flex-direction:column;flex:1;min-width:200px;display:flex}.date-input-container label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.date-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-md);box-sizing:border-box;transition:var(--transition-all);background:var(--color-white)}.date-input:focus{border-color:var(--color-info);box-shadow:var(--shadow-focus-primary);outline:none}@media (width<=768px){.date-claim-header{align-items:stretch;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-gray-100);flex-direction:column}.date-input-container{width:100%;min-width:auto}.date-claim-header-buttons{gap:var(--spacing-2);flex-direction:column}.date-claim-header .secondary-button,.date-claim-header .danger-button{width:100%;padding:var(--spacing-3-5) var(--spacing-4);font-size:var(--font-size-base);min-height:48px;margin:0}.date-claim-card{margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.claim-options-buttons{gap:var(--spacing-2);flex-direction:column}.claim-option-button{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);text-align:center}.date-claim-secondary-button,.date-claim-danger-button{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);margin:var(--spacing-1) 0;width:100%}.split-claim-parts{gap:var(--spacing-1-5)}.split-part-summary{align-items:flex-start;gap:var(--spacing-1);padding:var(--spacing-2-5);flex-direction:column}.config-cancel-button{margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);margin-left:0}.date-claim-actions{gap:var(--spacing-3);flex-direction:column}.date-claim-card button{min-width:44px;min-height:44px}.secondary-button,.danger-button,.claim-option-button,.date-claim-secondary-button,.date-claim-danger-button{touch-action:manipulation;min-height:48px}}@media (width<=480px){.date-claim-card{padding:var(--spacing-3);margin-bottom:var(--spacing-4)}.claim-warning{padding:var(--spacing-2);font-size:var(--font-size-sm);margin-bottom:var(--spacing-3)}.claim-warning-subtext{font-size:var(--font-size-xs)}.time-selection-container{padding:var(--spacing-2-5);margin-top:var(--spacing-3);margin-bottom:var(--spacing-3)}.time-select{padding:var(--spacing-2-5) var(--spacing-3);font-size:var(--font-size-base)}.availability-info{margin-top:var(--spacing-3);padding:var(--spacing-2-5);margin-bottom:var(--spacing-3)}.timeline-preview{margin-bottom:var(--spacing-3)}.date-claim-row{gap:var(--spacing-2)}.claimed-times-badge{font-size:var(--font-size-xs);padding:var(--spacing-0-5) var(--spacing-1-5);margin:var(--spacing-0-5) var(--spacing-1) var(--spacing-0-5) 0}.date-claim-header{padding:var(--spacing-3);gap:var(--spacing-3)}.date-claim-header .secondary-button,.date-claim-header .danger-button{padding:var(--spacing-4);font-size:var(--font-size-base);border-radius:var(--border-radius-lg)}}.secondary-button{background:var(--color-secondary);color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-3) var(--spacing-6);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);transition:var(--transition-all);white-space:nowrap;min-height:44px;box-shadow:0 2px 4px color-mix(in srgb, var(--color-secondary) 15%, transparent);border:none;justify-content:center;align-items:center;display:flex}.secondary-button:hover{background:var(--color-secondary-dark);box-shadow:0 4px 8px color-mix(in srgb, var(--color-secondary-dark) 25%, transparent);transform:translateY(-1px)}.secondary-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.danger-button{background:var(--color-danger);color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-3) var(--spacing-6);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);transition:var(--transition-all);white-space:nowrap;min-height:44px;box-shadow:0 2px 4px color-mix(in srgb, var(--color-danger) 15%, transparent);border:none;justify-content:center;align-items:center;display:flex}.danger-button:hover{background:var(--color-danger-dark);box-shadow:0 4px 8px color-mix(in srgb, var(--color-danger-dark) 25%, transparent);transform:translateY(-1px)}.danger-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.time-selection-container{margin-top:var(--spacing-5);padding:var(--spacing-5);background-color:var(--color-gray-100);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-300);gap:var(--spacing-3);flex-direction:column;display:flex}.time-selection-container.invalid-time{border:2px solid var(--color-red-200);background-color:var(--surface-warning-subtle)}.time-selection-container.time-conflict{border:2px solid var(--surface-warning-border);background-color:var(--surface-warning-subtle)}.time-selection-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1-5);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.3px;display:block}.time-select{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-md);background-color:var(--color-white);box-sizing:border-box;transition:var(--transition-all)}.time-select:focus{border-color:var(--color-info);box-shadow:var(--shadow-focus-primary);outline:none}.time-select.invalid{border-color:var(--color-red-200);background-color:var(--surface-warning-subtle)}.time-select.conflict{border-color:var(--surface-warning-border);background-color:var(--surface-warning-subtle)}.time-select.disabled{opacity:.6;cursor:not-allowed}.time-select option:disabled{color:var(--color-danger)!important;background-color:var(--color-red-200)!important;font-weight:700!important}.time-duration-text{font-size:var(--font-size-md);color:var(--color-gray-700);margin-top:var(--spacing-3);font-weight:var(--font-weight-medium)}.filtered-times-info{font-size:var(--font-size-xs);color:var(--color-warning);margin-top:var(--spacing-1-5);padding:var(--spacing-1) var(--spacing-2);background-color:var(--surface-warning-subtle);border-radius:var(--border-radius-md);border-left:3px solid var(--color-warning)}.warning-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin:var(--spacing-1) var(--spacing-1) 0 0;display:inline-block}.warning-badge.invalid{background-color:var(--color-red-200);color:var(--color-danger)}.warning-badge.conflict{background-color:var(--surface-warning-subtle);color:var(--color-warning)}.checking-claim{background:var(--color-blue-100);color:var(--color-primary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin:var(--spacing-1) var(--spacing-1) 0 0;display:inline-block}.availability-info{margin-top:var(--spacing-4);padding:var(--spacing-3);background-color:var(--color-gray-100);border-radius:var(--border-radius-lg)}.availability-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);color:var(--color-gray-800)}.availability-sublabel{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-2)}.availability-success{color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.availability-error{color:var(--color-danger);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);background-color:var(--color-red-200);padding:var(--spacing-2);border-radius:var(--border-radius-lg);border:1px solid var(--surface-danger-border)}.claimed-times-badge{padding:var(--spacing-0-5) var(--spacing-2);border-radius:var(--border-radius-xl);background-color:var(--color-purple-200);color:var(--color-secondary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-right:var(--spacing-2);margin-bottom:var(--spacing-1);display:inline-block}.date-claim-actions{margin-top:var(--spacing-5);justify-content:space-between;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.date-claim-secondary-button{background:var(--color-secondary);color:var(--color-white);border-radius:var(--border-radius-md);padding:var(--spacing-3) var(--spacing-5);cursor:pointer;min-height:44px;margin-right:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-all);border:none}.date-claim-secondary-button:hover{background:var(--color-secondary-dark)}.date-claim-danger-button{background:var(--color-danger);color:var(--color-white);border-radius:var(--border-radius-md);padding:var(--spacing-3) var(--spacing-5);cursor:pointer;min-height:44px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-all);border:none}.date-claim-danger-button:hover{background:var(--color-danger-dark)}.date-claim-danger-button:disabled,.date-claim-secondary-button:disabled{opacity:.6;cursor:not-allowed}.time-slot-option{padding:var(--spacing-2);margin:var(--spacing-1) 0;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-all)}.time-slot-option:hover{background-color:var(--color-gray-100)}.time-slot-option.available{color:var(--color-success)}.time-slot-option.unavailable{color:var(--color-danger);opacity:.7;text-decoration:line-through}.time-slot-option.current{background-color:var(--surface-info-subtle);font-weight:var(--font-weight-semibold)}.time-error-message{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-2)}.claim-options{margin-top:var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-gray-100);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-300)}.claim-options-title{font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin-bottom:var(--spacing-3);font-size:var(--font-size-sm)}.claim-options-buttons{gap:var(--spacing-3);flex-wrap:wrap;align-items:center;display:flex}.claim-option-button{padding:var(--spacing-3) var(--spacing-5);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);background-color:var(--color-white);min-height:44px;color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);align-items:center;gap:var(--spacing-1-5);display:flex}.claim-option-button:hover:not(:disabled){border-color:var(--color-info);background-color:var(--surface-info-subtle);color:var(--color-primary)}.claim-option-button:disabled{opacity:.5;cursor:not-allowed}.claim-option-button.active{border-color:var(--color-success);background-color:var(--surface-success-subtle);color:var(--surface-success-text);font-weight:var(--font-weight-semibold)}.claim-option-button.secondary{border-color:var(--color-warning)}.claim-option-button.secondary:hover:not(:disabled){border-color:var(--color-warning-dark);background-color:var(--color-warning-50);color:var(--surface-warning-text)}.claim-option-button.secondary.active{border-color:var(--color-warning);background-color:var(--color-warning-50);color:var(--surface-warning-text)}.claim-config-display{margin-top:var(--spacing-3);gap:var(--spacing-2);flex-wrap:wrap;display:flex}.config-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:inline-block}.config-badge.split{background-color:var(--color-teal-100);color:var(--surface-teal-text);border:1px solid var(--color-teal-400)}.config-badge.secondary{background-color:var(--color-warning-50);color:var(--surface-warning-text);border:1px solid var(--surface-warning-border)}.claim-options-note{margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-gray-600);font-style:italic}.split-claim-summary{background-color:var(--surface-info-subtle);border:2px solid var(--surface-info-border);border-radius:var(--border-radius-lg);padding:var(--spacing-4);margin:var(--spacing-4) 0}.split-claim-summary-header{margin-bottom:var(--spacing-3)}.split-claim-label{font-weight:var(--font-weight-bold);color:var(--surface-info-text);font-size:var(--font-size-sm)}.split-claim-parts{gap:var(--spacing-2);margin-bottom:var(--spacing-3);flex-direction:column;display:flex}.split-part-summary{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background-color:var(--surface-primary);border-radius:var(--border-radius-md);border:1px solid var(--surface-info-border);display:flex}.split-part-label{font-weight:var(--font-weight-semibold);color:var(--surface-info-text);min-width:60px}.split-part-time{color:var(--surface-info-text);background-color:var(--surface-info-subtle);padding:var(--spacing-0-5) var(--spacing-1-5);border-radius:var(--border-radius-md);border:1px solid var(--surface-info-border);font-family:monospace}.split-part-respawn-info{align-items:center;gap:var(--spacing-1-5);display:flex}.split-part-respawn-image{border-radius:var(--border-radius-md);object-fit:cover;flex-shrink:0;width:20px;height:20px}.split-part-respawn{font-weight:var(--font-weight-medium);color:var(--surface-success-text);background-color:var(--surface-success-subtle);padding:var(--spacing-0-5) var(--spacing-2);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);border:1px solid var(--surface-success-border)}.split-claim-total{font-weight:var(--font-weight-bold);color:var(--surface-info-text);text-align:center;background-color:var(--surface-info-subtle);padding:var(--spacing-1-5);border-radius:var(--border-radius-md);border:1px solid var(--surface-info-border)}.config-cancel-button{background-color:var(--color-danger-100);color:var(--color-danger-800);border:1px solid var(--color-danger-200);border-radius:var(--border-radius-md);padding:var(--spacing-2-5) var(--spacing-4);min-height:44px;font-size:var(--font-size-xs);cursor:pointer;margin-left:var(--spacing-2);transition:var(--transition-all)}.config-cancel-button:hover{background-color:var(--color-danger-200);border-color:var(--color-danger-400)}.config-cancel-button:disabled{opacity:.5;cursor:not-allowed}.time-selection-row{gap:var(--spacing-4);margin-bottom:var(--spacing-3);align-items:stretch;display:flex}.time-field,.duration-field{flex-direction:column;flex:1;display:flex}.time-field .time-selection-label,.duration-field .duration-selection-label{min-height:32px;margin-bottom:var(--spacing-2);align-items:flex-end;display:flex}.duration-selection-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.3px;display:block}.duration-select{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-size:var(--font-size-md);background-color:var(--color-white);box-sizing:border-box;transition:var(--transition-all)}.duration-select:focus{border-color:var(--color-info);box-shadow:var(--shadow-focus-primary);outline:none}.duration-select.disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.time-selection-row{gap:var(--spacing-3);flex-direction:row;align-items:stretch}.time-field,.duration-field{flex:1;min-width:0}.time-field .time-selection-label,.duration-field .duration-selection-label{font-size:var(--font-size-xs);min-height:28px;margin-bottom:var(--spacing-1-5)}.time-select,.duration-select{padding:var(--spacing-2-5) var(--spacing-3);font-size:var(--font-size-sm)}}@media (width<=400px){.time-selection-row{gap:var(--spacing-3);flex-direction:column}.time-field,.duration-field{flex:none;width:100%}.time-field .time-selection-label,.duration-field .duration-selection-label{min-height:auto}}.timeline-section{margin-top:var(--spacing-4);margin-bottom:var(--spacing-5)}.timeline-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-3);display:block}.timeline-preview{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-4);margin-top:var(--spacing-2)}.time-preview-display{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-gray-100);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-all);display:flex}.time-preview-display.hovering{background:var(--color-teal-100)}.time-preview-display.hovering.valid{background:var(--color-success-light);border:1px solid var(--color-success)}.time-preview-display.hovering.invalid{background:var(--color-red-200);border:1px solid var(--color-danger)}.time-preview-label{color:var(--color-gray-600);font-size:var(--font-size-xs)}.time-preview-value{color:var(--color-primary);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.time-preview-duration{color:var(--color-gray-600);font-size:var(--font-size-xs);margin-left:var(--spacing-1)}.timeline-preview-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-3);text-align:center}.timeline-bar{border-radius:var(--radius-sm);height:40px;margin-bottom:var(--spacing-2);display:flex;overflow:hidden}.timeline-slot{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:var(--transition-all);cursor:pointer;border-right:1px solid #fff3;flex:1;justify-content:center;align-items:center;display:flex}.timeline-slot:last-child{border-right:none}.timeline-slot:hover{filter:brightness(1.1);transform:scaleY(1.05)}.timeline-slot.available{background:linear-gradient(180deg, var(--color-success-400), var(--color-success-500));color:#fff}.timeline-slot.occupied{background:linear-gradient(180deg, var(--color-danger-400), var(--color-danger-500));color:#fff;cursor:not-allowed}.timeline-slot.occupied-by-me{background:linear-gradient(180deg, var(--color-warning-500), var(--color-warning-600));color:#fff;cursor:not-allowed}.timeline-slot.selected{background:linear-gradient(180deg, var(--color-primary-400), var(--color-primary-600));color:#fff;box-shadow:0 0 0 2px var(--color-primary-300);z-index:1}.timeline-slot.hover-valid{background:var(--color-teal-400);transform:scaleY(1.1)}.timeline-slot.hover-invalid{background:var(--color-danger);opacity:.5}.timeline-hours{padding:0 var(--spacing-1);margin-bottom:var(--spacing-3);justify-content:space-between;display:flex}.timeline-hour-marker{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:var(--font-weight-medium);text-align:center;min-width:32px}.timeline-hour-marker:first-child{text-align:left}.timeline-hour-marker:last-child{text-align:right;min-width:0}.timeline-hour-marker.major{font-weight:var(--font-weight-bold);color:var(--color-gray-700)}.timeline-hour{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.timeline-slot.exceeds-limit{background:linear-gradient(180deg, var(--color-success-400), var(--color-success-500));color:#fff;cursor:not-allowed;opacity:.3}.dark .timeline-slot.exceeds-limit,[data-theme=dark] .timeline-slot.exceeds-limit{background:linear-gradient(180deg, var(--color-success-400), var(--color-success-500));color:#fff;opacity:.2}.dark .timeline-slot.occupied-by-me,[data-theme=dark] .timeline-slot.occupied-by-me{background:linear-gradient(180deg, color-mix(in srgb, var(--color-warning-500) 80%, transparent), color-mix(in srgb, var(--color-warning-600) 80%, transparent))}.timeline-legend{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.legend-item{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--text-secondary);display:flex}.legend-dot{border-radius:var(--radius-sm);width:12px;height:12px}.legend-dot.available{background:var(--color-success-500)}.legend-dot.occupied-by-me{background:var(--color-warning-500)}.legend-dot.occupied{background:var(--color-danger-500)}.legend-dot.selected{background:var(--color-primary-500)}.legend-dot.exceeds{background:var(--color-gray-400)}.legend-item:before{content:"";border-radius:var(--border-radius-sm);width:14px;height:14px;box-shadow:var(--shadow-sm);display:none}.legend-item:not(:has(.legend-dot)):before{display:block}.legend-item.available:before{background:linear-gradient(180deg, var(--color-success-400), var(--color-success-500))}.legend-item.occupied:before{background:linear-gradient(180deg, var(--color-danger-400), var(--color-danger-500))}.legend-item.selected:before{background:linear-gradient(180deg, var(--color-primary-400), var(--color-primary-600))}@media (width<=768px){.timeline-preview{padding:var(--spacing-3)}.timeline-bar{height:36px}.timeline-legend{gap:var(--spacing-3);font-size:var(--font-size-xs)}.legend-item:before{width:12px;height:12px}.timeline-hour-marker{font-size:8px}}.claim-warning{align-items:flex-start;gap:var(--spacing-3);background:linear-gradient(135deg, var(--color-danger-100) 0%, var(--color-danger-200) 100%);color:var(--color-danger-dark);padding:var(--spacing-4);margin-bottom:var(--spacing-4);border-radius:var(--border-radius-lg);border:2px solid var(--color-danger-400);display:flex}.warning-icon{font-size:var(--icon-size-xl);flex-shrink:0}.warning-content{flex:1}.warning-content strong{font-size:var(--font-size-md);margin-bottom:var(--spacing-1);display:block}.warning-content p{margin:var(--spacing-1) 0;font-size:var(--font-size-sm)}.existing-claims-list{color:var(--color-gray-700);font-weight:var(--font-weight-normal)}.warning-hint{color:var(--color-warning-800);font-weight:var(--font-weight-semibold);background:var(--color-warning-100);padding:var(--spacing-1-5) var(--spacing-2-5);border-radius:var(--border-radius-md);margin-top:var(--spacing-2);display:inline-block}.claim-unblocked{background:linear-gradient(135deg, var(--color-success-100) 0%, var(--color-success-200) 100%);color:var(--color-success-800);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-semibold);text-align:center;border:2px solid var(--color-success-300);animation:.3s ease-out fadeInSlide}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.split-hint{align-items:flex-start;gap:var(--spacing-3);background:linear-gradient(135deg, var(--color-primary-100) 0%, var(--color-primary-200) 100%);color:var(--color-primary-900);padding:var(--spacing-4);margin:var(--spacing-3) 0;border-radius:var(--border-radius-lg);border:2px solid var(--color-primary-400);display:flex}.split-hint-icon{font-size:var(--icon-size-lg);margin-top:var(--spacing-0-5);flex-shrink:0}.split-hint-content{flex:1}.split-hint-content strong{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);display:block}.split-hint-blocks{gap:var(--spacing-2);margin:var(--spacing-2) 0;flex-wrap:wrap;display:flex}.split-hint-block-chip{padding:var(--spacing-1) var(--spacing-2-5);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background-color:#fff9;display:inline-block}.split-hint-action{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary-700);margin-top:var(--spacing-2)}.dark .split-hint,[data-theme=dark] .split-hint{background:linear-gradient(135deg, var(--color-primary-900) 0%, color-mix(in srgb, var(--color-primary-800) 20%, transparent) 100%);color:var(--color-primary-300);border-color:var(--color-primary-500)}.dark .split-hint-block-chip,[data-theme=dark] .split-hint-block-chip{background-color:#ffffff1a}.dark .split-hint-action,[data-theme=dark] .split-hint-action{color:var(--color-primary-400)}.claim-warning.partial{background:linear-gradient(135deg, var(--color-orange-200) 0%, var(--color-orange-300) 100%);color:var(--color-orange-900);border-color:var(--color-orange-500)}.claim-warning.partial .warning-icon{color:var(--color-orange-600)}.remaining-hours-badge{margin-left:var(--spacing-2);padding:var(--spacing-0-5) var(--spacing-2);background-color:var(--color-orange-100);color:var(--color-orange-900);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border:1px solid var(--color-orange-500);display:inline-block}.date-claim-card.partial-claim{border-color:var(--color-warning-500)}.time-status-badge{align-items:center;gap:var(--spacing-1-5);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-2);display:inline-flex}.time-status-badge.loading{background:linear-gradient(135deg, var(--color-primary-100) 0%, var(--color-primary-200) 100%);color:var(--color-primary-800);border:1px solid var(--color-primary-300)}.time-status-badge.invalid{background:linear-gradient(135deg, var(--color-danger-100) 0%, var(--color-danger-200) 100%);color:var(--color-danger-800);border:1px solid var(--color-danger-400)}.time-status-badge.conflict{background:linear-gradient(135deg, var(--color-warning-100) 0%, var(--color-warning-200) 100%);color:var(--color-warning-800);border:1px solid var(--color-warning-400)}.availability-summary{margin-top:var(--spacing-4);padding:var(--spacing-3);background:var(--color-gray-100);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-300)}.availability-compact{gap:var(--spacing-2);flex-direction:column;display:flex}.availability-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.claimed-slots-list{gap:var(--spacing-1-5);flex-wrap:wrap;display:flex}.claimed-slot-chip{padding:var(--spacing-1) var(--spacing-2-5);border-radius:var(--border-radius-xl);background:linear-gradient(135deg, var(--color-danger-200) 0%, var(--color-danger-300) 100%);color:var(--color-danger-800);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-danger-400);align-items:center;display:inline-flex}@media (width<=768px){.claimed-slot-chip{font-size:var(--font-size-xs);padding:var(--spacing-0-5) var(--spacing-2)}}.timeline-time-preview{margin-bottom:var(--spacing-3)}.time-preview-display{justify-content:center;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(135deg, var(--color-gray-50) 0%, var(--color-gray-200) 100%);border-radius:var(--border-radius-lg);border:2px solid var(--color-gray-300);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);transition:var(--transition-all);display:flex}.time-preview-display.hovering{border-color:var(--color-info);background:linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-primary-200) 100%);box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary-400) 20%, transparent);transform:scale(1.02)}.time-preview-display.hovering.valid{border-color:var(--color-success);background:linear-gradient(135deg, var(--color-success-50) 0%, var(--color-success-100) 100%);box-shadow:0 4px 12px color-mix(in srgb, var(--color-success-400) 20%, transparent)}.time-preview-display.hovering.invalid{border-color:var(--color-danger);background:linear-gradient(135deg, var(--color-danger-50) 0%, var(--color-danger-100) 100%);box-shadow:0 4px 12px color-mix(in srgb, var(--color-danger-400) 20%, transparent)}.time-preview-start,.time-preview-end{align-items:center;gap:var(--spacing-1-5);display:flex}.time-preview-label{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.time-preview-value{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.time-preview-arrow{color:var(--color-gray-400);font-size:var(--font-size-lg)}.time-preview-duration{color:var(--color-info);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);background:var(--surface-info-subtle);padding:var(--spacing-1) var(--spacing-2-5);border-radius:var(--border-radius-lg);border:1px solid var(--surface-info-border)}.timeline-slot.hover-valid{background:linear-gradient(180deg, var(--color-success-200) 0%, var(--color-success-400) 100%);z-index:2;box-shadow:0 0 0 2px var(--surface-primary), 0 0 0 4px var(--color-success-400);transform:scaleY(1.1)}.timeline-slot.hover-invalid{background:linear-gradient(180deg, var(--color-danger-200) 0%, var(--color-danger-400) 100%);z-index:2;box-shadow:0 0 0 2px var(--surface-primary), 0 0 0 4px var(--color-danger-400);transform:scaleY(1.1)}.duration-selector-container{margin-bottom:var(--spacing-4)}.duration-selector{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--color-gray-100);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-300);display:flex}.duration-selector-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);white-space:nowrap}.duration-buttons{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.duration-btn{padding:var(--spacing-2) var(--spacing-4);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-lg);background:var(--color-white);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);min-width:50px}.duration-btn:hover:not(:disabled){border-color:var(--color-info);background:var(--surface-info-subtle);color:var(--color-primary);transform:translateY(-1px)}.duration-btn.active{border-color:var(--color-success);background:linear-gradient(135deg, var(--color-success-500) 0%, var(--color-success-600) 100%);color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--color-success-500) 30%, transparent)}.duration-btn.disabled{opacity:.4;cursor:not-allowed;background:var(--color-gray-200)}.time-status-container{padding:var(--spacing-2) var(--spacing-4);background:var(--color-gray-100);border-radius:var(--border-radius-lg);margin-top:var(--spacing-2)}.time-status-container.invalid-time{background:linear-gradient(135deg, var(--color-danger-50) 0%, var(--color-danger-100) 100%);border:1px solid var(--color-danger-400)}.time-status-container.time-conflict{background:linear-gradient(135deg, var(--color-warning-50) 0%, var(--color-warning-100) 100%);border:1px solid var(--color-gold-400)}@media (width<=768px){.time-preview-display{gap:var(--spacing-2);padding:var(--spacing-2-5) var(--spacing-3);flex-wrap:wrap}.time-preview-value{font-size:var(--font-size-md)}.time-preview-duration{text-align:center;width:100%;margin-top:var(--spacing-1)}.duration-selector{align-items:flex-start;gap:var(--spacing-2);flex-direction:column}.duration-buttons{justify-content:flex-start;width:100%}.duration-btn{min-width:45px;padding:var(--spacing-2-5) var(--spacing-3);flex:1}}@media (width<=480px){.time-preview-display{gap:var(--spacing-1-5);flex-direction:column}.time-preview-arrow{transform:rotate(90deg)}.duration-btn{padding:var(--spacing-3) var(--spacing-2-5);font-size:var(--font-size-sm)}}.dark .date-claim-card,[data-theme=dark] .date-claim-card{background:var(--bg-secondary);border-color:var(--border-primary)}.dark .date-claim-card.active,[data-theme=dark] .date-claim-card.active{border-color:var(--color-primary-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary-500) 20%, transparent)}.dark .date-claim-remove,[data-theme=dark] .date-claim-remove{color:var(--text-tertiary)}.dark .date-claim-remove:hover,[data-theme=dark] .date-claim-remove:hover{color:var(--color-danger-400);background-color:color-mix(in srgb, var(--color-danger-500) 10%, transparent)}.dark .date-claim-label,[data-theme=dark] .date-claim-label{color:var(--text-secondary)}.dark .date-claim-header,[data-theme=dark] .date-claim-header{background:var(--bg-tertiary);border-color:var(--border-primary)}.dark .date-input-container label,[data-theme=dark] .date-input-container label{color:var(--text-primary)}.dark .date-input,.dark .time-select,.dark .duration-select,[data-theme=dark] .date-input,[data-theme=dark] .time-select,[data-theme=dark] .duration-select{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.dark .time-selection-container,[data-theme=dark] .time-selection-container{background:var(--bg-tertiary);border-color:var(--border-primary)}.dark .time-selection-label,.dark .duration-selection-label,[data-theme=dark] .time-selection-label,[data-theme=dark] .duration-selection-label,.dark .time-duration-text,[data-theme=dark] .time-duration-text{color:var(--text-secondary)}.dark .availability-info,[data-theme=dark] .availability-info{background:var(--bg-tertiary)}.dark .availability-title,[data-theme=dark] .availability-title{color:var(--text-primary)}.dark .availability-sublabel,[data-theme=dark] .availability-sublabel{color:var(--text-secondary)}.dark .claim-options,[data-theme=dark] .claim-options{background:var(--bg-tertiary);border-color:var(--border-primary)}.dark .claim-options-title,[data-theme=dark] .claim-options-title{color:var(--text-primary)}.dark .claim-option-button,[data-theme=dark] .claim-option-button{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.dark .claim-option-button:hover:not(:disabled),[data-theme=dark] .claim-option-button:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary-500) 20%, transparent);border-color:var(--color-primary-500);color:var(--color-primary-300)}.dark .claim-option-button.active,[data-theme=dark] .claim-option-button.active{background:color-mix(in srgb, var(--color-success-500) 20%, transparent);border-color:var(--color-success-500);color:var(--color-success-300)}.dark .claim-options-note,[data-theme=dark] .claim-options-note{color:var(--text-tertiary)}.dark .claimed-times-badge,[data-theme=dark] .claimed-times-badge{background:color-mix(in srgb, var(--color-purple-600) 30%, transparent);color:var(--color-purple-300)}.dark .split-part-summary,[data-theme=dark] .split-part-summary{background:var(--surface-secondary)}.dark .duration-selector,[data-theme=dark] .duration-selector{background:var(--bg-tertiary);border-color:var(--border-primary)}.dark .duration-selector-label,[data-theme=dark] .duration-selector-label{color:var(--text-secondary)}.dark .duration-btn,[data-theme=dark] .duration-btn{background:var(--surface-secondary);border-color:var(--border-primary);color:var(--text-primary)}.dark .duration-btn:hover:not(:disabled),[data-theme=dark] .duration-btn:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary-500) 20%, transparent);border-color:var(--color-primary-500);color:var(--color-primary-300)}.dark .duration-btn.active,[data-theme=dark] .duration-btn.active{background:linear-gradient(135deg, var(--color-success-600) 0%, var(--color-success-700) 100%);border-color:var(--color-success-500)}.dark .timeline-preview,[data-theme=dark] .timeline-preview{background-color:var(--bg-tertiary);border-color:var(--border-primary)}.dark .timeline-label,[data-theme=dark] .timeline-label{color:var(--text-primary)}.dark .timeline-preview-title,[data-theme=dark] .timeline-preview-title{color:var(--text-secondary)}.dark .timeline-bar,[data-theme=dark] .timeline-bar{background:var(--color-gray-700)}.dark .timeline-hour-marker,[data-theme=dark] .timeline-hour-marker{color:var(--text-tertiary)}.dark .timeline-hour-marker.major,[data-theme=dark] .timeline-hour-marker.major,.dark .timeline-legend,[data-theme=dark] .timeline-legend{color:var(--text-secondary)}.dark .time-preview-display,[data-theme=dark] .time-preview-display{background:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);border-color:var(--border-primary)}.dark .time-preview-label,[data-theme=dark] .time-preview-label{color:var(--text-secondary)}.dark .time-preview-value,[data-theme=dark] .time-preview-value{color:var(--color-primary)}.dark .time-preview-arrow,[data-theme=dark] .time-preview-arrow{color:var(--text-tertiary)}.dark .time-preview-duration,[data-theme=dark] .time-preview-duration{background:color-mix(in srgb, var(--color-primary-500) 20%, transparent);border-color:color-mix(in srgb, var(--color-primary-500) 30%, transparent);color:var(--color-primary-300)}.dark .availability-summary,[data-theme=dark] .availability-summary{background:var(--bg-tertiary);border-color:var(--border-primary)}.dark .availability-label,[data-theme=dark] .availability-label{color:var(--text-secondary)}.dark .time-status-container,[data-theme=dark] .time-status-container{background:var(--bg-tertiary)}.dark .config-badge.split,[data-theme=dark] .config-badge.split{background:color-mix(in srgb, var(--color-teal-500) 20%, transparent);border-color:color-mix(in srgb, var(--color-teal-500) 40%, transparent);color:var(--color-teal-300)}.dark .config-badge.secondary,[data-theme=dark] .config-badge.secondary{background:color-mix(in srgb, var(--color-warning-500) 20%, transparent);border-color:color-mix(in srgb, var(--color-warning-500) 40%, transparent);color:var(--color-warning-300)}.dark .claim-warning.partial,[data-theme=dark] .claim-warning.partial{background:color-mix(in srgb, var(--color-orange-500) 15%, transparent);border-color:color-mix(in srgb, var(--color-orange-500) 50%, transparent);color:var(--color-orange-300)}.dark .claim-warning.partial .warning-icon,[data-theme=dark] .claim-warning.partial .warning-icon{color:var(--color-orange-400)}.dark .remaining-hours-badge,[data-theme=dark] .remaining-hours-badge{background-color:color-mix(in srgb, var(--color-orange-500) 20%, transparent);color:var(--color-orange-300);border-color:color-mix(in srgb, var(--color-orange-500) 50%, transparent)}.dark .date-claim-card.partial-claim,[data-theme=dark] .date-claim-card.partial-claim{border-color:color-mix(in srgb, var(--color-warning-500) 40%, transparent)}.date-claim-row--duration{margin-top:var(--spacing-3)}.page-header-container{text-align:center;margin-bottom:20px}.page-header-logo-container{justify-content:center;align-items:center;margin-bottom:16px;display:flex}.page-header-logo{object-fit:contain;width:180px;height:48px;margin-right:16px}.page-header-title-container{flex-direction:column;align-items:flex-start;display:flex}.page-header-title{color:var(--color-gray-800);font-size:32px;font-weight:var(--font-weight-bold);margin:0 0 4px}.page-header-title.no-subtitle{margin-bottom:0}.page-header-subtitle{color:var(--color-gray-600);font-size:var(--font-size-md);margin:0;font-weight:400}.dark .page-header-title,[data-theme=dark] .page-header-title{color:var(--color-gray-100)}.dark .page-header-subtitle,[data-theme=dark] .page-header-subtitle{color:var(--color-gray-400)}@media (width<=600px){.page-header-logo-container{flex-direction:column;gap:12px}.page-header-logo{width:160px;height:42px;margin-right:0}.page-header-title-container{text-align:center;align-items:center}}.event-info-banner{background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-700));color:#fff;padding:var(--spacing-4);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);align-items:center;gap:var(--spacing-3);display:flex}.event-info-icon{border-radius:var(--radius-md);background-color:#fff3;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.event-info-icon svg{stroke:currentColor;width:24px;height:24px}.event-info-content{flex:1}.event-info-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:inherit;margin:0}.event-info-dates{font-size:var(--font-size-sm);opacity:.9;margin-top:var(--spacing-0-5);color:inherit;margin-bottom:0}.event-period-banner{background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-700));color:#fff;padding:var(--spacing-4);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);align-items:flex-start;gap:var(--spacing-1);text-align:left;border:none;flex-direction:column;width:auto;max-width:none;display:flex}.event-period-banner-text{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.event-period-banner-subtext{color:#ffffffe6;font-size:var(--font-size-sm)}@media (width<=480px){.event-info-banner,.event-period-banner{padding:var(--spacing-3);gap:var(--spacing-2)}.event-info-icon{width:36px;height:36px}.event-info-icon svg{width:20px;height:20px}}.btn{font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);padding:var(--spacing-3) var(--spacing-5);min-width:44px;min-height:44px;font-size:var(--font-size-sm);transition:var(--transition-all);cursor:pointer;white-space:nowrap;text-align:center;border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.btn-primary{background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-100);box-shadow:var(--shadow-sm)}.btn-danger{background-color:var(--color-danger);color:var(--color-white)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-dark);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.btn-danger-outline{background-color:var(--color-red-200);color:var(--color-danger-dark);border:1px solid var(--color-danger-light)}.btn-danger-outline:hover:not(:disabled){background-color:var(--color-danger-light);color:var(--color-white)}.btn-ghost{color:var(--color-gray-700);border:1px solid var(--color-gray-300);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100)}.btn-sm{padding:var(--spacing-2) var(--spacing-3);min-height:36px;font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-4) var(--spacing-6);min-height:52px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.btn-block{width:100%;display:block}.primary-button{background-color:var(--color-primary);color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-3-5) var(--spacing-5);min-height:44px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm);text-align:center;border:none;display:block}.primary-button:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.secondary-button{background-color:var(--color-white);color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-3) var(--spacing-5);min-height:44px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);text-align:center;display:block}.secondary-button:hover:not(:disabled){background-color:var(--color-gray-100);box-shadow:var(--shadow-sm)}.verification-button-container{width:100%;margin:var(--spacing-4) auto var(--spacing-3) auto;max-width:300px}.divider-text{text-align:center;color:var(--color-gray-600);margin:var(--spacing-5) auto;align-items:center;max-width:300px;display:flex}.divider-text:before,.divider-text:after{content:"";border-bottom:1px solid var(--color-gray-300);flex:1}.divider-text:before{margin-right:var(--spacing-4)}.divider-text:after{margin-left:var(--spacing-4)}.btn-refresh{padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-info);min-width:44px;min-height:44px;color:var(--color-white);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);transition:var(--transition-all);align-items:center;gap:var(--spacing-1-5);border:none;display:inline-flex}.btn-refresh:hover:not(:disabled){background-color:var(--color-info-dark);box-shadow:var(--shadow-sm)}.dark .btn-secondary,[data-theme=dark] .btn-secondary{background-color:var(--color-gray-800);color:var(--color-primary-400);border-color:var(--color-primary-500)}.dark .btn-secondary:hover:not(:disabled),[data-theme=dark] .btn-secondary:hover:not(:disabled){background-color:var(--color-gray-700)}.dark .btn-ghost,[data-theme=dark] .btn-ghost{color:var(--color-gray-300);border-color:var(--color-gray-600)}.dark .btn-ghost:hover:not(:disabled),[data-theme=dark] .btn-ghost:hover:not(:disabled){background-color:var(--color-gray-700)}.dark .btn-danger-outline,[data-theme=dark] .btn-danger-outline{color:var(--color-red-400);border-color:var(--color-red-700);background-color:#ef44441a}.dark .btn-danger-outline:hover:not(:disabled),[data-theme=dark] .btn-danger-outline:hover:not(:disabled){background-color:var(--color-red-700);color:var(--color-white)}.dark .secondary-button,[data-theme=dark] .secondary-button{background-color:var(--color-gray-800);color:var(--color-primary-400);border-color:var(--color-primary-500)}.dark .secondary-button:hover:not(:disabled),[data-theme=dark] .secondary-button:hover:not(:disabled){background-color:var(--color-gray-700)}.dark .divider-text,[data-theme=dark] .divider-text{color:var(--color-gray-400)}.dark .divider-text:before,.dark .divider-text:after,[data-theme=dark] .divider-text:before,[data-theme=dark] .divider-text:after{border-bottom-color:var(--color-gray-600)}.primary-button--auth-required{max-width:300px;margin:0 auto}