.time-display[data-v-f90b8b55]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:600px}h2[data-v-f90b8b55],h3[data-v-f90b8b55]{margin:0;text-align:center}.time-block[data-v-f90b8b55]{background:var(--dark-75);border-radius:8px;color:var(--white);margin-bottom:var(--medium-margin);padding:var(--medium-padding);position:relative}.time[data-v-f90b8b55]{font-size:2rem;font-weight:700;margin:.5rem 0}.date[data-v-f90b8b55]{margin-bottom:1rem}.add-zone[data-v-f90b8b55]{background:var(--dark-75);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.preview[data-v-f90b8b55]{background:var(--dark-blue-75);border-radius:6px;color:var(--white);margin-bottom:1.5rem;padding:1rem}.form-control[data-v-f90b8b55]{margin-bottom:1rem;position:relative}label[data-v-f90b8b55]{color:#2c3e50;display:block;font-weight:500;margin-bottom:.5rem}.city-input[data-v-f90b8b55],.name-input[data-v-f90b8b55]{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;width:100%}.suggestions[data-v-f90b8b55]{background:#fff;border:1px solid #ddd;border-radius:0 0 6px 6px;left:0;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:100}.suggestions li[data-v-f90b8b55]{cursor:pointer;padding:.5rem 1rem}.suggestions li[data-v-f90b8b55]:hover{background-color:#f0f0f0}button[data-v-f90b8b55]{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.add-btn[data-v-f90b8b55]{background:#3498db;color:#fff;width:100%}.add-btn[data-v-f90b8b55]:hover{background:#2980b9}.add-btn[data-v-f90b8b55]:disabled{background:#bdc3c7;cursor:not-allowed}.remove-btn[data-v-f90b8b55]{background:#e74c3c;color:#fff}.remove-btn[data-v-f90b8b55]:hover{background:#c0392b}.time-zones-page{color:var(--black)}