.loader-container{flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.loader-container--fullscreen{z-index:99999;background:#fff;position:fixed;inset:0}.loader-text{color:#64748b;letter-spacing:.02em;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:400;line-height:1.6}.loader{color:#0f172a;--loader-pattern:no-repeat repeating-linear-gradient(90deg, currentColor 0 3px, transparent 0 6px);background:var(--loader-pattern), var(--loader-pattern);background-size:100% 3px;width:60px;height:6px;animation:1s infinite loader-bars}@keyframes loader-bars{0%,70%,to{background-position:0,3px}23.33%{background-position:0 0,3px 100%}46.67%{background-position:3px 0,0 100%}69.99%{background-position:3px,0}}@media (prefers-reduced-motion:reduce){.loader{animation-duration:2s}}
.overlay-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);will-change:opacity;background:#0f172a6b;justify-content:center;align-items:center;padding:24px;animation:.18s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}.overlay-dialog{will-change:opacity, transform;background:#fffffff5;border-radius:12px;width:100%;max-width:520px;animation:.2s ease-out overlayScaleIn;overflow:hidden;box-shadow:0 8px 24px #0f172a1f}.overlay-dialog--connection-select{flex-direction:column;max-height:calc(100dvh - 48px);display:flex;overflow:hidden}.overlay-dialog__header--connection-select{flex:none}.overlay-dialog__content--connection-select{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow:hidden auto}.overlay-backdrop.closing{pointer-events:none;animation:.2s forwards overlayFadeOut}.overlay-dialog.closing{animation:.2s forwards overlayScaleOut}@media (max-width:767px){.overlay-backdrop--connection-select{padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));align-items:stretch}.overlay-dialog--connection-select{width:100%;max-width:none;height:calc(100dvh - max(8px, env(safe-area-inset-top)) - max(8px, env(safe-area-inset-bottom)));border-radius:10px;max-height:none;overflow:hidden}.overlay-dialog__content--connection-select{scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow:hidden auto}}@media (max-width:900px) and (orientation:landscape) and (max-height:600px){.overlay-backdrop--connection-select{padding:4px max(8px, env(safe-area-inset-right)) 4px max(8px, env(safe-area-inset-left));align-items:stretch}.overlay-dialog--connection-select{border-radius:8px;height:calc(100dvh - 8px);max-height:none}.overlay-dialog__content--connection-select{-webkit-overflow-scrolling:touch;min-height:0;overflow:hidden auto}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes overlayScaleIn{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes overlayScaleOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(6px)scale(.985)}}
.date-picker{width:100%;position:relative}.date-picker__trigger{box-sizing:border-box;color:#111;cursor:pointer;background:#fff;border:1px solid #b8b8b8;border-radius:4px;outline:none;justify-content:space-between;align-items:center;gap:12px;width:100%;height:48px;padding:0 14px;font-family:inherit;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex}.date-picker__trigger:hover:not(:disabled){border-color:#777}.date-picker__trigger:focus-visible{border-color:#111;box-shadow:0 0 0 1px #111}.date-picker__trigger:disabled{color:#777;cursor:default;background:#f5f5f5}.date-picker__value{text-overflow:ellipsis;white-space:nowrap;text-align:left;color:#111;min-width:0;font-size:13px;font-weight:400;overflow:hidden}.date-picker__value--placeholder{color:#777}.date-picker__icon{color:#555;flex-shrink:0}.date-picker__calendar{z-index:40;box-sizing:border-box;background:#fff;border:1px solid #d4d4d4;border-radius:8px;width:320px;max-width:calc(100vw - 32px);padding:18px;animation:.16s ease-out date-picker-in;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 50px #0000001f}.date-picker__backdrop,.date-picker__mobile-handle{display:none}.date-picker__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.date-picker__month-title{color:#111;font-size:13px;font-weight:600}.date-picker__navigation{gap:4px;display:flex}.date-picker__navigation-button{color:#111;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.date-picker__navigation-button:hover:not(:disabled){background:#f5f5f5;border-color:#d4d4d4}.date-picker__navigation-button:disabled{color:#c2c2c2;cursor:default}.date-picker__weekdays,.date-picker__days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.date-picker__weekdays{margin-bottom:6px}.date-picker__weekday{color:#777;text-transform:uppercase;justify-content:center;align-items:center;height:30px;font-size:10px;font-weight:600;display:flex}.date-picker__day{aspect-ratio:1;color:#111;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;font-size:12px;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:flex}.date-picker__day:hover:not(:disabled){background:#f5f5f5;border-color:#d4d4d4}.date-picker__day--outside{color:#b8b8b8}.date-picker__day--today{border-color:#111;font-weight:600}.date-picker__day--selected{color:#fff;background:#111}.date-picker__day--selected:hover:not(:disabled){background:#000;border-color:#000}.date-picker__day:disabled{color:#d2d2d2;cursor:default}.date-picker__footer{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.date-picker__today-button,.date-picker__close-button{color:#555;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:0;font-size:12px}.date-picker__today-button:hover,.date-picker__close-button:hover{color:#111;border-bottom-color:#111}@keyframes date-picker-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.date-picker__backdrop{z-index:39;background:#0000002e;border:0;display:block;position:fixed;inset:0}.date-picker__calendar{border-radius:18px 18px 0 0;width:100%;max-width:none;padding:22px;animation:.18s ease-out date-picker-mobile-in;position:fixed;inset:auto 0 0}.date-picker__mobile-handle{background:#d8d8d8;border-radius:999px;width:42px;height:4px;margin:-8px auto 18px;display:block}}@keyframes date-picker-mobile-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.time-picker{width:100%;position:relative}.time-picker__trigger{box-sizing:border-box;color:#111;cursor:pointer;background:#fff;border:1px solid #b8b8b8;border-radius:4px;outline:none;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 14px;font-family:inherit;transition:border-color .15s,box-shadow .15s;display:flex}.time-picker__trigger:hover:not(:disabled){border-color:#777}.time-picker__trigger:focus-visible,.time-picker__trigger--open{border-color:#111;box-shadow:0 0 0 1px #111}.time-picker__trigger:disabled{color:#777;cursor:default;background:#f5f5f5}.time-picker__value{letter-spacing:.01em;font-size:13px;font-weight:400}.time-picker__separator{margin:0 3px;display:inline-block}.time-picker__indicator{color:#666;font-size:10px;line-height:1}.time-picker__panel{z-index:1200;box-sizing:border-box;background:#fff;border:1px solid #b8b8b8;border-radius:4px;width:220px;padding:12px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #0000001a}.time-picker__heading{color:#666;text-align:center;border-bottom:1px solid #e5e5e5;grid-template-columns:repeat(2,1fr);padding:0 4px 8px;font-size:10px;font-weight:500;display:grid}.time-picker__columns{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;display:grid;position:relative}.time-picker__column{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ccc transparent;scroll-snap-type:y proximity;height:190px;overflow-y:auto}.time-picker__column::-webkit-scrollbar{width:4px}.time-picker__column::-webkit-scrollbar-track{background:0 0}.time-picker__column::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.time-picker__option{color:#9a9a9a;cursor:pointer;scroll-snap-align:center;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;width:100%;height:34px;padding:0;font-family:inherit;font-size:11px;font-weight:400;transition:color .12s,background-color .12s;display:flex}.time-picker__option:hover{color:#111;background:#f3f3f3}.time-picker__option--selected{color:#111;background:#eee;font-weight:600}.time-picker__option:focus-visible{outline-offset:-2px;outline:1px solid #111}.time-picker__confirm{color:#fff;cursor:pointer;background:#111;border:1px solid #111;border-radius:3px;width:100%;height:36px;margin-top:10px;font-family:inherit;font-size:11px;font-weight:600}.time-picker__confirm:hover{color:#111;background:#fff}.time-picker__confirm:focus-visible{outline-offset:2px;outline:1px solid #111}@media (max-width:640px){.time-picker__panel{border-radius:6px;width:auto;padding:16px;position:fixed;inset:auto 12px 12px;box-shadow:0 0 0 100vmax #00000047,0 12px 40px #0000002e}.time-picker__column{height:230px}.time-picker__option{height:42px;font-size:13px}.time-picker__confirm{height:44px}}
.connection-search-form{flex-direction:column;gap:24px;width:100%;margin-top:32px;display:flex;position:relative}.connection-search-form__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.connection-search-form__field{flex-direction:column;gap:8px;min-width:0;display:flex}.connection-search-form__label-row{justify-content:space-between;align-items:center;gap:12px;min-height:20px;display:flex}.connection-search-form__label{color:#111;font-size:12px;font-weight:600;line-height:1.4}.connection-search-form__shortcut{color:#555;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:2px 0;font-family:inherit;font-size:11px;font-weight:500;line-height:1.4;transition:color .15s,border-color .15s}.connection-search-form__shortcut:hover{color:#111;border-bottom-color:#111}.connection-search-form__shortcut:focus-visible{outline-offset:3px;outline:1px solid #111}.connection-search-form__shortcut:disabled{color:#999;cursor:default}.connection-search-form__input{box-sizing:border-box;color:#111;background:#fff;border:1px solid #b8b8b8;border-radius:4px;outline:none;width:100%;height:48px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:400;transition:border-color .15s,box-shadow .15s}.connection-search-form__input:hover{border-color:#777}.connection-search-form__input:focus{border-color:#111;box-shadow:0 0 0 1px #111}.connection-search-form__input:disabled{color:#777;cursor:default;background:#f5f5f5}.connection-search-form__submit{color:#fff;letter-spacing:.01em;cursor:pointer;background:#111;border:1px solid #111;border-radius:4px;width:100%;height:48px;font-family:inherit;font-size:12px;font-weight:600;transition:background-color .15s,color .15s,opacity .15s}.connection-search-form__submit:hover:not(:disabled){color:#111;background:#fff}.connection-search-form__submit:focus-visible{outline-offset:3px;outline:2px solid #111}.connection-search-form__submit:disabled{opacity:.45;cursor:default}.connection-search-form__overlay{z-index:20;-webkit-backdrop-filter:blur(3px);background:#ffffffd6;border:1px solid #1111110f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.18s ease-out connection-search-overlay-in;display:flex;position:absolute;inset:-12px}.connection-search-form__overlay-text{color:#111;letter-spacing:.01em;font-size:12px;font-weight:600;line-height:1.4}.connection-search-form__overlay .loader-container{gap:0}.connection-search-form__overlay .loader{color:#111;width:54px;height:5px}@keyframes connection-search-overlay-in{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.connection-search-form{gap:20px;margin-top:24px}.connection-search-form__fields{grid-template-columns:1fr;gap:18px}.connection-search-form__overlay{inset:-8px}}
.welcome-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a6b;justify-content:center;align-items:center;padding:24px;animation:.24s ease-out both welcome-backdrop-in;display:flex;position:fixed;inset:0}.welcome-overlay--closing{pointer-events:none;animation:.24s ease-in both welcome-backdrop-out}.welcome-overlay__dialog{background:#fffffffa;border:1px solid #0f172a1a;border-radius:12px;flex-direction:column;width:100%;max-width:420px;padding:32px;animation:.28s cubic-bezier(.22,1,.36,1) both welcome-dialog-in;display:flex;position:relative;box-shadow:0 20px 50px #0f172a24}.welcome-overlay__dialog--closing{animation:.22s ease-in both welcome-dialog-out}.welcome-overlay__close{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-family:inherit;font-size:24px;font-weight:300;line-height:1;transition:background-color .16s,color .16s;display:flex;position:absolute;top:16px;right:16px}.welcome-overlay__close:hover{color:#0f172a;background:#f1f5f9}.welcome-overlay__close:focus-visible{outline-offset:2px;outline:2px solid #0f172a}.welcome-overlay__close:disabled{opacity:.35;cursor:default}.welcome-overlay__content{flex-direction:column;gap:14px;padding-right:28px;display:flex}.welcome-overlay__title{color:#0f172a;margin:0;font-size:12px;font-weight:600;line-height:1.6}.welcome-overlay__text{color:#4b5563;margin:0;font-size:12px;font-weight:400;line-height:1.6}.welcome-overlay__action{justify-content:center;align-items:center;min-height:44px;margin-top:28px;display:flex}.welcome-overlay__start{color:#fff;letter-spacing:.01em;cursor:pointer;background:#0f172a;border:1px solid #0f172a;border-radius:8px;width:100%;height:44px;font-family:inherit;font-size:12px;font-weight:500;transition:background-color .16s,border-color .16s,transform .16s}.welcome-overlay__start:hover{background:#1e293b;border-color:#1e293b}.welcome-overlay__start:active{transform:translateY(1px)}.welcome-overlay__start:focus-visible{outline-offset:3px;outline:2px solid #0f172a}.welcome-overlay__loading{flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.welcome-overlay__loading-text{color:#475569;letter-spacing:.02em;font-size:11px;font-weight:400}.loader{color:#0f172a;--loader-pattern:no-repeat repeating-linear-gradient(90deg, currentColor 0 3px, transparent 0 6px);background:var(--loader-pattern), var(--loader-pattern);background-size:100% 3px;width:60px;height:6px;animation:1s infinite loader-bars}@keyframes loader-bars{0%,70%,to{background-position:0,3px}23.33%{background-position:0 0,3px 100%}46.67%{background-position:3px 0,0 100%}69.99%{background-position:3px,0}}@keyframes welcome-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes welcome-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes welcome-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes welcome-dialog-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(6px)scale(.99)}}@media (max-width:520px){.welcome-overlay{padding:16px}.welcome-overlay__dialog{padding:28px 22px 22px}.welcome-overlay__content{padding-right:22px}}@media (max-height:520px) and (orientation:landscape){.welcome-overlay{align-items:flex-start;padding:16px;overflow-y:auto}.welcome-overlay__dialog{margin:auto 0;padding:24px}.welcome-overlay__content{gap:10px}.welcome-overlay__action{margin-top:18px}}@media (prefers-reduced-motion:reduce){.welcome-overlay,.welcome-overlay--closing,.welcome-overlay__dialog,.welcome-overlay__dialog--closing{animation-duration:1ms}.loader{animation-duration:1.5s}}