.play-plans{padding:1.5rem}.play-plans__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.play-plans__title{font-size:1.5rem;font-weight:700;color:#111827}.play-plans__create-button{background-color:#2563eb;color:white;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;text-decoration:none;transition:background-color .2s}.play-plans__create-button:hover{background-color:#1d4ed8}.play-plans__search{margin-bottom:1.5rem}.play-plans__search-input{width:100%;max-width:28rem;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;outline:none}.play-plans__search-input:focus{outline:2px solid #2563eb}.play-plans__table-container{background-color:white;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);border-radius:.5rem;overflow:hidden}.play-plans__table{min-width:100%;border-collapse:collapse}.play-plans__table-header{background-color:#f9fafb}.play-plans__table-header-cell{padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.play-plans__table-body{background-color:white}.play-plans__table-row{border-bottom:1px solid #e5e7eb}.play-plans__table-row:hover{background-color:#f9fafb}.play-plans__table-cell{padding:.5rem 1rem;white-space:nowrap}.play-plans__plan-info{display:flex;flex-direction:column}.play-plans__plan-name{font-size:.875rem;font-weight:500;color:#111827}.play-plans__plan-description{font-size:.875rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;max-width:20rem}.play-plans__plan-location{font-size:.75rem;color:#9ca3af}.play-plans__badge{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.play-plans__badge--published{background-color:#dcfce7;color:#166534}.play-plans__badge--draft{background-color:#f3f4f6;color:#374151}.play-plans__badge--day-trip{background-color:#dbeafe;color:#1e40af}.play-plans__badge--overnight{background-color:#e9d5ff;color:#7c3aed}.play-plans__actions{display:flex;gap:.5rem}.play-plans__action-link{color:#2563eb;text-decoration:none;font-size:.875rem;font-weight:500}.play-plans__action-link:hover{color:#1d4ed8}.play-plans__action-button{color:#dc2626;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500}.play-plans__action-button:hover{color:#b91c1c}.play-plans__empty{text-align:center;padding:3rem}.play-plans__empty-text{color:#6b7280}.play-plans__stats{margin-top:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.play-plans__stat-card{background-color:white;padding:1rem;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.play-plans__stat-label{font-size:.875rem;font-weight:500;color:#6b7280}.play-plans__stat-value{font-size:1.5rem;font-weight:700;color:#111827}.play-plans__stat-value--published{color:#059669}.play-plans__stat-value--draft{color:#6b7280}.play-plans__error,.play-plans__loading{padding:1.5rem}.play-plans__error{color:#dc2626}.play-plan-form{display:flex;flex-direction:column;gap:2rem}.play-plan-planner-content{margin:50px 0}.play-plan-form__section{background-color:white;padding:1.5rem;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.play-plan-form__section-title{font-size:1.125rem;font-weight:600;color:#111827;margin:1rem 0}.play-plan-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.play-plan-form__field{display:flex;flex-direction:column}.play-plan-form__field--full-width{grid-column:1/-1}.play-plan-form__label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.play-plan-form__label--required:after{content:" *";color:#ef4444}.play-plan-form__input,.play-plan-form__select,.play-plan-form__textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;outline:none;transition:border-color .2s,box-shadow .2s}.play-plan-form__input:focus,.play-plan-form__select:focus,.play-plan-form__textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.play-plan-form__input--error,.play-plan-form__select--error,.play-plan-form__textarea--error{border-color:#ef4444}.play-plan-form__error{margin-top:.25rem;font-size:.875rem;color:#ef4444}.play-plan-form__checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.5rem;gap:.5rem}.play-plan-form__checkbox-item{display:flex;align-items:center}.play-plan-form__checkbox{margin-right:.5rem}.play-plan-form__checkbox-label{font-size:.875rem}.play-plan-form__actions{display:flex;justify-content:flex-end;gap:1rem}.play-plan-form__button{padding:.5rem 1.5rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .2s}.play-plan-form__button--cancel{border:1px solid #d1d5db;background-color:white;color:#374151}.play-plan-form__button--cancel:hover{background-color:#f9fafb}.play-plan-form__button--submit{background-color:#2563eb;color:white;border:none}.play-plan-form__button--submit:hover{background-color:#1d4ed8}.play-plan-form__button--submit:disabled{opacity:.5;cursor:not-allowed}.play-plan-form__budget-container{display:flex;align-items:center;gap:.5rem}.play-plan-form__budget-auto-btn,.play-plan-form__budget-manual-btn{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s;white-space:nowrap;border:1px solid #d1d5db}.play-plan-form__budget-manual-btn{background-color:white;color:#374151}.play-plan-form__budget-manual-btn:hover{background-color:#f9fafb;color:#111827}.play-plan-form__budget-auto-btn{background-color:#2563eb;color:white;border-color:#2563eb}.play-plan-form__budget-auto-btn:hover{background-color:#1d4ed8;border-color:#1d4ed8}.play-plan-form__budget-info{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.play-plan-form__budget-calculated{font-size:.875rem;color:#6b7280;margin:0}.play-plan-form__budget-difference{font-size:.875rem;font-weight:500;margin:0}.play-plan-form__budget-difference--positive{color:#059669}.play-plan-form__budget-difference--negative{color:#dc2626}.plan-detail-form{display:flex;flex-direction:column;gap:1rem}.plan-detail-form__step{border:1px solid #e5e7eb;border-radius:.5rem}.plan-detail-form__step-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.plan-detail-form__step-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;text-align:left}.plan-detail-form__step-number{font-size:.875rem;font-weight:500;color:#111827}.plan-detail-form__step-name{font-size:.875rem;color:#6b7280}.plan-detail-form__step-icon{width:1rem;height:1rem;transition:transform .2s}.plan-detail-form__step-icon--expanded{transform:rotate(90deg)}.plan-detail-form__step-actions{display:flex;align-items:center;gap:.5rem}.plan-detail-form__step-action{padding:.25rem;background:none;border:none;cursor:pointer;color:#9ca3af;transition:color .2s}.plan-detail-form__step-action:hover{color:#6b7280}.plan-detail-form__step-action:disabled{opacity:.5;cursor:not-allowed}.plan-detail-form__step-action--delete{color:#f87171}.plan-detail-form__step-action--delete:hover{color:#ef4444}.plan-detail-form__step-content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.plan-detail-form__travel-section{border-top:1px solid #e5e7eb;padding-top:1rem}.plan-detail-form__travel-title{font-size:.875rem;font-weight:500;color:#111827;margin-bottom:.75rem}.plan-detail-form__add-button{width:100%;padding:.75rem;border:2px dashed #d1d5db;border-radius:.5rem;background:none;color:#6b7280;cursor:pointer;transition:border-color .2s,color .2s}.plan-detail-form__add-button:hover{border-color:#9ca3af;color:#374151}.plan-detail-form__add-button-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.detail-form__add-button-content-icon{max-width:50px}.travel-detail-form{display:flex;flex-direction:column;gap:.75rem}.travel-detail-form__empty{text-align:center;padding:1rem}.travel-detail-form__empty-text{color:#6b7280;font-size:.875rem;margin-bottom:.75rem}.travel-detail-form__empty-button{display:inline-flex;align-items:center;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#374151;background-color:white;cursor:pointer;transition:background-color .2s}.travel-detail-form__empty-button:hover{background-color:#f9fafb}.travel-detail-form__item{border:1px solid #e5e7eb;border-radius:.375rem;padding:.75rem;background-color:#f9fafb}.travel-detail-form__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.travel-detail-form__item-title{font-size:.875rem;font-weight:500;color:#374151}.travel-detail-form__item-actions{display:flex;align-items:center;gap:.25rem}.travel-detail-form__item-action{padding:.25rem;background:none;border:none;cursor:pointer;color:#9ca3af;transition:color .2s}.travel-detail-form__item-action:hover{color:#6b7280}.travel-detail-form__item-action:disabled{opacity:.5;cursor:not-allowed}.travel-detail-form__item-action--delete{color:#f87171}.travel-detail-form__item-action--delete:hover{color:#ef4444}.travel-detail-form__item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:.75rem;gap:.75rem}.travel-detail-form__field{display:flex;flex-direction:column}.travel-detail-form__label{display:block;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:.25rem}.travel-detail-form__label--required:after{content:" *";color:#ef4444}.travel-detail-form__input,.travel-detail-form__select{width:100%;padding:.25rem .5rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.25rem;outline:none;transition:border-color .2s,box-shadow .2s}.travel-detail-form__input:focus,.travel-detail-form__select:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.travel-detail-form__input--error,.travel-detail-form__select--error{border-color:#ef4444}.travel-detail-form__error{margin-top:.25rem;font-size:.75rem;color:#ef4444}.travel-detail-form__add-button{width:100%;padding:.5rem;border:1px dashed #d1d5db;border-radius:.375rem;background:none;font-size:.875rem;color:#6b7280;cursor:pointer;transition:border-color .2s,color .2s}.travel-detail-form__add-button:hover{border-color:#9ca3af;color:#374151}.travel-detail-form__add-button-content{display:flex;align-items:center;justify-content:center;gap:.25rem}.image-properties-editor{display:flex;flex-direction:column;gap:1rem}.image-properties-editor__header{display:flex;justify-content:space-between;align-items:center}.image-properties-editor__title{font-size:1.125rem;font-weight:500;color:#111827}.image-properties-editor__counter{font-size:.875rem;color:#6b7280}.image-properties-editor__error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:.375rem}.image-properties-editor__list{display:flex;flex-direction:column;gap:.75rem}.image-properties-editor__item{background-color:white;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:box-shadow .2s,border-color .2s}.image-properties-editor__item--selected{border-color:#93c5fd;background-color:#eff6ff}.image-properties-editor__item--dragging{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.image-properties-editor__item-content{display:flex;align-items:flex-start;gap:1rem}.image-properties-editor__drag-handle{flex-shrink:0;margin-top:.5rem;cursor:move;color:#9ca3af;transition:color .2s}.image-properties-editor__drag-handle:hover{color:#6b7280}.image-properties-editor__drag-icon{width:1.25rem;height:1.25rem;fill:currentColor}.image-properties-editor__thumbnail{flex-shrink:0}.image-properties-editor__image{width:5rem;height:5rem;object-fit:cover;border-radius:.375rem}.image-properties-editor__controls{flex:1 1;display:flex;flex-direction:column;gap:.75rem}.image-properties-editor__toggle{display:flex;align-items:center;gap:.5rem}.image-properties-editor__checkbox{border-radius:.25rem;border:1px solid #d1d5db;color:#2563eb}.image-properties-editor__checkbox:focus{outline:2px solid #2563eb;outline-offset:2px}.image-properties-editor__toggle-label{font-size:.875rem;font-weight:500;color:#374151}.image-properties-editor__comment-field{display:flex;flex-direction:column}.image-properties-editor__comment-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.image-properties-editor__comment-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;outline:none;transition:border-color .2s,box-shadow .2s;resize:vertical}.image-properties-editor__comment-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.image-properties-editor__position{font-size:.75rem;color:#9ca3af}.image-properties-editor__empty{text-align:center;padding:2rem;color:#9ca3af}@media (max-width:768px){.play-plans__header{flex-direction:column;align-items:stretch;gap:1rem}.play-plans__table-container{overflow-x:auto}.play-plan-form__grid{grid-template-columns:1fr}.play-plan-form__actions{flex-direction:column}.plan-detail-form__step-header{flex-direction:column;align-items:stretch;gap:.5rem}.travel-detail-form__item-grid{grid-template-columns:1fr}}