*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}body{color:#2d3748;background:#e0e5ec;min-height:100vh}:root{--background:#e0e5ec;--text-primary:#2d3748;--text-secondary:#4a5568;--text-active:#2d3748;--text-disabled:#a0aec0;--accent:#b8c5e0;--button-primary:#b8c5e0;--button-danger:#ffcdd2;--shadow-light:#fff;--shadow-dark:#a3b1c6;--shadow-dark-inset:#bec8d9}.card{background:var(--background);box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light);border-radius:24px;padding:24px}.card-inset{background:var(--background);box-shadow:inset 4px 4px 8px var(--shadow-dark-inset),inset -4px -4px 8px var(--shadow-light);border-radius:16px;padding:16px}.button{background:var(--background);color:var(--text-primary);cursor:pointer;box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light);border:none;border-radius:12px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s}.button:hover:not(:disabled){box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);transform:translateY(-1px)}.button:active:not(:disabled){box-shadow:inset 2px 2px 4px var(--shadow-dark-inset),inset -2px -2px 4px var(--shadow-light);transform:translateY(0)}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--button-primary);color:var(--text-active)}.button-danger{background:var(--button-danger);color:var(--text-active)}.input{background:var(--background);color:var(--text-primary);box-shadow:inset 4px 4px 8px var(--shadow-dark-inset),inset -4px -4px 8px var(--shadow-light);border:none;border-radius:12px;width:100%;padding:14px 16px;font-size:16px;transition:all .2s}.input:focus{box-shadow:inset 6px 6px 12px var(--shadow-dark-inset),inset -6px -6px 12px var(--shadow-light);outline:none}.input::placeholder{color:var(--text-disabled)}.time-slot{background:var(--background);box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light);cursor:pointer;text-align:center;color:var(--text-primary);white-space:nowrap;border-radius:12px;margin:4px 0;padding:12px;font-weight:600;transition:all .2s}.time-slot:hover:not(.disabled){box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);transform:translateY(-1px)}.time-slot.selected{background:var(--accent);color:var(--text-active);box-shadow:inset 2px 2px 4px var(--shadow-dark-inset),inset -2px -2px 4px var(--shadow-light)}.time-slot.disabled{opacity:.4;cursor:not-allowed}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-active{color:var(--text-active)}.container{box-sizing:border-box;max-width:800px;margin:0 auto;padding:20px}@media (min-width:641px){.container{padding:20px 40px}}@media (max-width:640px){.container{padding:12px}.card{border-radius:16px;padding:16px}}.grid{gap:16px;display:grid}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}