.universal-date-input[data-v-1f8854e7]{width:100%}.date-container[data-v-1f8854e7]{display:inline-flex;align-items:center;border:1px solid #ccc;border-radius:4px;padding:.5rem;background:#fff;cursor:pointer;transition:all .3s ease;width:100%;position:relative}.date-container[data-v-1f8854e7]:hover{border-color:#999}.date-container.is-focused[data-v-1f8854e7]{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.date-container.has-error[data-v-1f8854e7]{border-color:#dc3545}.date-container.has-error.is-focused[data-v-1f8854e7]{box-shadow:0 0 0 2px rgba(220,53,69,.25)}.calendar-icon[data-v-1f8854e7]{margin-right:.5rem;font-size:1.2rem;color:#666;flex-shrink:0}.calendar-icon[data-v-1f8854e7]:before{content:"📅"}.date-range[data-v-1f8854e7]{border:none;outline:none;font-size:1rem;cursor:pointer;font-family:monospace;flex:1;background:transparent}.clear-icon[data-v-1f8854e7]{margin-left:.5rem;font-size:1rem;color:#999;cursor:pointer;flex-shrink:0;padding:.25rem;border-radius:50%;transition:all .2s ease}.clear-icon[data-v-1f8854e7]:before{content:"×";font-weight:700}.clear-icon[data-v-1f8854e7]:hover{background:#f0f0f0;color:#666}.input-info[data-v-1f8854e7]{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.input-info small[data-v-1f8854e7]{font-size:.85rem;color:#666}.input-info .error[data-v-1f8854e7]{color:#dc3545;font-weight:500}.input-info .success[data-v-1f8854e7]{color:#28a745;font-weight:500}.test-calendar-page[data-v-1253d71a]{padding:2rem;max-width:800px;margin:0 auto}.calendar-test-container[data-v-1253d71a]{margin-top:2rem}.input-group[data-v-1253d71a]{margin-bottom:2rem;padding:1rem;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.input-group h3[data-v-1253d71a]{margin-top:0;margin-bottom:1rem;color:#333;font-size:1.1rem}.date-container[data-v-1253d71a]{display:inline-flex;align-items:center;border:1px solid #ccc;border-radius:4px;padding:.5rem;background:#fff;cursor:pointer;transition:border-color .3s ease}.date-container[data-v-1253d71a]:focus-within{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.calendar-icon[data-v-1253d71a]{margin-right:.5rem;font-size:1.2rem;color:#666}.date-range[data-v-1253d71a]{border:none;outline:none;font-size:1rem;cursor:pointer;min-width:250px;font-family:monospace}.input-info[data-v-1253d71a]{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.input-info small[data-v-1253d71a]{font-size:.85rem;color:#666}.input-info .error[data-v-1253d71a]{color:#dc3545;font-weight:500}.input-info .success[data-v-1253d71a]{color:#28a745;font-weight:500}.selected-dates-info[data-v-1253d71a]{margin-top:1rem;padding:1rem;background:#e8f5e8;border-radius:4px;border-left:4px solid #28a745}.selected-dates-info p[data-v-1253d71a]{margin:.5rem 0}.sync-controls[data-v-1253d71a]{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap}.sync-controls button[data-v-1253d71a]{padding:.75rem 1.5rem;border:1px solid #007bff;background:#007bff;color:#fff;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.sync-controls button[data-v-1253d71a]:hover:not(:disabled){background:#0056b3;border-color:#0056b3}.sync-controls button[data-v-1253d71a]:disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.6}.calendar-icon[data-v-1253d71a]:before{content:"📅"}.component-info[data-v-1253d71a]{margin-top:1rem;padding:.75rem;background:#f8f9fa;border-radius:4px;border-left:3px solid #17a2b8}.component-info small[data-v-1253d71a]{line-height:1.4}.component-info strong[data-v-1253d71a]{color:#17a2b8}