.app-shell{flex-direction:column;width:100%;min-height:100dvh;display:flex;position:relative}
.page-container{flex:1;width:100%;position:relative}
.footer{padding:20px 0;position:relative;overflow:hidden}.footer:before,.footer:after{content:"";pointer-events:none;background-position:bottom;background-repeat:no-repeat;background-size:contain;width:320px;height:100%;position:absolute;bottom:0}.footer:before{background-image:url(/images/footer/footer-left.png);background-position:0 100%;bottom:0;left:0}.footer:after{background-image:url(/images/footer/footer-right.png);background-position:100% 100%;bottom:0;right:0}.footer-content{z-index:1;text-align:center;gap:var(--space-sm);position:relative}.footer-links{width:100%}.footer-copyright{color:var(--color-text-secondary)}.footer-brand-link{color:inherit;text-decoration:none}.footer-brand-link:hover{color:#8b5cf6}@media (max-width:768px){.footer:before,.footer:after{opacity:.6;width:180px;height:100px}}@media (max-width:767px){.footer{margin-top:32px}}@media (max-width:480px){.footer:before,.footer:after{opacity:.45;width:120px;height:70px}.footer-copyright{font-size:10px}}
.topbar{background:var(--color-background);width:100%}.topbar-container{width:100%;min-height:64px}@media (max-width:1440px){.topbar-container{min-height:64px}}@media (max-width:1024px){.topbar-container{min-height:60px}}@media (max-width:768px){.topbar-container{min-height:56px}}@media (max-width:576px){.topbar-container{min-height:52px}}@media (max-width:400px){.topbar-container{min-height:48px}}
.loginForm{background:var(--color-background);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.loginForm__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;width:100%;max-width:440px;padding:30px 34px 24px;box-shadow:0 10px 30px #0f172a0d,0 2px 6px #0f172a06}.loginForm__icon{color:#6d28d9;background:#f5f2ff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 18px;display:flex}.loginForm .loginForm__title{text-align:center;color:#17203a;margin:0 0 6px;font-size:26px;font-weight:700;line-height:1.25}.loginForm .loginForm__subtitle{text-align:center;color:#73798a;margin:0 0 28px;font-size:14px;line-height:1.5}.loginForm .loginForm__subtitle strong{color:#6d28d9;font-weight:600}.loginForm__form{flex-direction:column;gap:16px;display:flex}.loginForm__forgot{justify-content:flex-end;margin-top:-3px;display:flex}.loginForm__link{color:#6d28d9;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.loginForm__link:hover{color:#5420a8;text-decoration:underline}.loginForm__divider{color:#8a8f9d;align-items:center;gap:12px;margin:24px 0;font-size:13px;display:flex}.loginForm__divider span:first-child,.loginForm__divider span:last-child{background:var(--color-border);flex:1;height:1px}.loginForm__google,.registerForm__google{border:1px solid var(--color-border);background:var(--color-surface-primary);width:100%;height:44px;color:var(--color-text);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex}.loginForm__google:hover,.registerForm__google:hover{background:#6d28d906;border-color:#c7b5f2;box-shadow:0 3px 10px #6d28d90f}.loginForm__googleIcon,.registerForm__googleIcon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.loginForm__register{color:#73798a;justify-content:center;align-items:center;gap:5px;margin-top:26px;font-size:14px;display:flex}.loginForm__register button{color:#6d28d9;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:600}.loginForm__register button:hover{text-decoration:underline}.loginForm__footer{text-align:center;color:#8a8f9d;margin-top:28px;font-size:12px}.loginForm__brand{color:inherit;cursor:pointer;font-weight:600;text-decoration:none}.loginForm__brand:hover{text-decoration:underline}.loginForm__verification{background:#2563eb09;border:1px solid #2563eb26;border-radius:10px;gap:12px;margin:2px 0 16px;padding:14px;display:flex}.loginForm__verificationIcon{color:#2563eb;background:#2563eb17;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;display:flex}.loginForm__verificationContent{flex:1;min-width:0}.loginForm__verificationTitle{color:var(--color-text);margin:0 0 4px;font-size:14px;font-weight:600}.loginForm__verificationText{color:var(--color-text-secondary);margin:0 0 6px;font-size:12px;line-height:1.5}.loginForm__verificationHint{color:var(--color-text-secondary);margin:0 0 10px;font-size:11px;line-height:1.5}.loginForm__verificationHint strong{color:var(--color-text);font-weight:600}.loginForm__resend{color:#2563eb;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:12px;font-weight:600;transition:opacity .2s}.loginForm__resend:hover:not(:disabled){opacity:.75}.loginForm__resend:disabled{color:var(--color-text-secondary);cursor:not-allowed;opacity:.7}.loginForm__resendMessage{color:#16a34a;margin:8px 0 0;font-size:11px;line-height:1.4}[data-theme=dark] .loginForm{background:var(--color-background)}[data-theme=dark] .loginForm__card{background:var(--color-surface);border-color:#ffffff14}[data-theme=dark] .loginForm .loginForm__title{color:var(--color-text)}[data-theme=dark] .loginForm__icon{background:#6d28d921}[data-theme=dark] .loginForm__google:hover{border-color:var(--color-border);background:#6d28d912}@media (max-width:600px){.loginForm{box-sizing:border-box;width:100%;min-height:100svh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));align-items:center}.loginForm__card{box-sizing:border-box;border-radius:15px;width:100%;max-width:100%;padding:26px 20px 20px}.loginForm__icon{width:52px;height:52px;margin-bottom:16px}.loginForm .loginForm__title{font-size:23px}.loginForm .loginForm__subtitle{margin-bottom:24px;font-size:13px}.loginForm__form{gap:14px}.loginForm__divider{margin:22px 0}.loginForm__register{flex-direction:column;gap:3px;margin-top:24px}.loginForm__footer{margin-top:24px}.loginForm__verification{gap:10px;padding:12px}.loginForm__verificationIcon{width:34px;min-width:34px;height:34px}}
.registerForm{background:var(--color-background);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.registerForm__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;width:100%;max-width:466px;padding:32px 40px 24px;box-shadow:0 12px 32px #0f172a0f,0 2px 8px #0f172a08}.registerForm__icon{color:#6d28d9;background:#f3efff;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 16px;display:flex}.registerForm .registerForm__title{text-align:center;color:#17203a;margin:0 0 6px;font-weight:700}.registerForm .registerForm__subtitle{text-align:center;color:#73798a;margin:0 0 32px}.registerForm .registerForm__subtitle strong{color:#6d28d9;font-weight:600}.registerForm__form{flex-direction:column;gap:18px;display:flex}.registerForm__divider{color:#73798a;align-items:center;gap:14px;margin:28px 0;font-size:14px;display:flex}.registerForm__divider span:first-child,.registerForm__divider span:last-child{background:var(--color-border);flex:1;height:1px}.registerForm__google{border:1px solid var(--color-border);background:var(--color-surface-primary);width:100%;height:44px;color:var(--color-text);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:600;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex}.registerForm__google:hover{border-color:#c7b5f2;box-shadow:0 4px 12px #6d28d914}.registerForm__googleIcon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.registerForm__login{color:#73798a;justify-content:center;align-items:center;gap:5px;margin-top:30px;font-size:15px;display:flex}.registerForm__login button{color:#6d28d9;cursor:pointer;background:0 0;border:0;padding:0;font-size:15px;font-weight:600}.registerForm__login button:hover{text-decoration:underline}.registerForm__footer{text-align:center;color:#73798a;margin-top:36px;font-size:14px}[data-theme=dark] .registerForm{background:var(--color-background)}[data-theme=dark] .registerForm__card{background:var(--color-surface);border-color:#ffffff14}[data-theme=dark] .registerForm .registerForm__title{color:var(--color-text)}[data-theme=dark] .registerForm__icon{background:#6d28d926}[data-theme=dark] .registerForm__google:hover{border-color:var(--color-border);background:#6d28d914}@media (max-width:600px){.registerForm{box-sizing:border-box;width:100%;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));justify-content:center;align-items:center;display:flex}.registerForm__card{border-radius:18px;max-width:100%;padding:28px 24px 22px}.registerForm__icon{width:62px;height:62px}.registerForm__login{flex-direction:column;gap:4px}.registerForm__footer{margin-top:28px}.registerForm__nameRow{grid-template-columns:1fr;gap:18px}}.registerForm__success{color:#166534;text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 14px;font-size:14px;font-weight:500}[data-theme=dark] .registerForm__success{color:#86efac;background:#22c55e14;border-color:#22c55e40}.registerForm__nameRow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.registerForm__nameRow>*{min-width:0}.googleSignIn{justify-content:center;width:100%;display:flex}.googleSignIn>div{width:100%!important}.registerForm__brand{color:inherit;cursor:pointer;font-weight:600;text-decoration:none}.registerForm__brand:hover{text-decoration:underline}.registerForm__back{color:#6d28d9;cursor:pointer;background:0 0;border:0;width:100%;margin-top:16px;padding:0;font-size:14px;font-weight:600}.registerForm__back:hover{text-decoration:underline}
.authModal{z-index:1000;box-sizing:border-box;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.authModal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;position:absolute;inset:0}.authModal__container{z-index:1;background:var(--color-surface);border:1px solid var(--color-surface-secondary);border-radius:18px;width:100%;max-width:500px;max-height:calc(100dvh - 48px);position:relative;overflow-y:auto;box-shadow:0 24px 70px #0f172a2e,0 4px 12px #0f172a14}.authModal__content{width:100%}.authModal__content .loginForm,.authModal__content .registerForm{background:0 0;width:100%;min-height:auto;padding:0}.authModal__content .loginForm__card,.authModal__content .registerForm__card{box-sizing:border-box;width:100%;max-width:none;box-shadow:none;border:0;border-radius:18px}.authModal__close{z-index:10;width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:32px;line-height:1;transition:color .2s,transform .25s,background-color .2s;display:flex;position:absolute;top:12px;right:12px}.authModal__close:hover{color:var(--color-danger);transform:rotate(90deg)}@media (max-width:600px){.authModal{padding:10px}.authModal__container{border-radius:16px;max-height:calc(100dvh - 20px)}}html[data-theme=dark] .authModal__container{box-shadow:none}
.userDropdown{z-index:1000;display:inline-flex;position:relative}.userDropdown__trigger{border:1px solid var(--color-border);background:var(--color-surface);width:38px;height:38px;color:var(--color-text);cursor:pointer;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:2px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.userDropdown__trigger:hover,.userDropdown__trigger--open{border-color:var(--color-primary,#007bff);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary,#007bff) 10%, transparent)}.userDropdown__trigger:active{transform:scale(.97)}.userDropdown__triggerAvatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:34px;height:34px;display:block}.userDropdown__triggerAvatar--initials{background:var(--color-primary,#007bff);color:#fff;letter-spacing:.2px;justify-content:center;align-items:center;font-size:11px;font-weight:650;display:flex}.userDropdown__menu{background:var(--color-surface-primary);border:1px solid var(--color-border);opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 0;border-radius:14px;width:252px;padding:6px;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:calc(100% + 9px);right:0;transform:translateY(-5px)scale(.985);box-shadow:0 18px 45px #0f172a1c,0 4px 12px #0f172a0d}.userDropdown__menu--open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.userDropdown__arrow{background:var(--color-surface-primary);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);border-radius:2px;width:13px;height:13px;position:absolute;top:-7px;right:12px;transform:rotate(45deg)}.userDropdown__profile{z-index:1;width:100%;color:var(--color-text);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:10px;transition:background-color .16s,color .16s;display:flex;position:relative}.userDropdown__profile:hover{background:var(--color-surface)}.userDropdown__profile:active{background:color-mix(in srgb, var(--color-background) 85%, var(--color-text))}.userDropdown__profile:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.userDropdown__profileAvatar{object-fit:cover;border-radius:50%;flex:0 0 42px;width:42px;height:42px;display:block;overflow:hidden}.userDropdown__profileAvatar--initials{background:var(--color-primary,#007bff);color:#fff;justify-content:center;align-items:center;font-size:13px;font-weight:650;display:flex}.userDropdown__profileInfo{flex-direction:column;gap:2px;min-width:0;display:flex}.userDropdown__profileName{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;line-height:17px;overflow:hidden}.userDropdown__profileEmail{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:14px;overflow:hidden}.userDropdown__divider{background:var(--color-border);width:100%;height:1px;margin:6px 0}.userDropdown__item{width:100%;min-height:38px;color:var(--color-text);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.userDropdown__item:hover{background:var(--color-surface)}.userDropdown__itemIcon{border-radius:7px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .15s,color .15s;display:flex}.userDropdown__itemIcon svg{width:20px;height:20px}.userDropdown__itemIcon--user{color:#0ea5e9}.userDropdown__itemIcon--monitor{color:#7c3aed}.userDropdown__itemIcon--settings{color:#6b7280}.userDropdown__itemIcon--logout,.userDropdown__item--logout:hover .userDropdown__itemIcon--logout{color:#dc2626}.userDropdown__item--logout,.userDropdown__item--logout .userDropdown__itemIcon{color:var(--color-danger,#dc2626)}.userDropdown__item--logout:hover{background:var(--color-danger-background,#dc26260f)}.userDropdown__item--logout:hover .userDropdown__itemIcon{color:var(--color-danger,#dc2626);background:0 0}@media (max-width:600px){.userDropdown__menu{border-radius:13px;width:min(252px,100vw - 20px);right:0}.userDropdown__arrow{left:auto;right:12px;transform:rotate(45deg)}}
html,body,#root{min-height:100%;margin:0}.website-shell{flex-direction:column;width:100%;height:auto;min-height:100dvh;display:flex;overflow:visible}@media (max-width:767px){.hero{min-height:unset;height:auto}.hero__container{gap:0;padding:32px 20px}.heroRight{display:none}}@media (max-width:768px){.website-shell{height:auto;min-height:100dvh;overflow:visible}.website-shell-main{height:auto;min-height:auto;overflow:visible}}