*{margin:0;padding:0;box-sizing:border-box}:root{--color-surface: #ededed;--color-primary: #133250;--color-accent: #80b5d7;--color-border: #bcc7d9;--color-soft: #e6dfe4}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-surface);color:var(--color-primary);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.landing{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;color:var(--color-primary);background:#fff;min-height:100vh;display:block;--screen-heading-size: clamp(20px, calc(20px + (100vw - 300px)/50) , 30px);--screen-subheading-size: clamp(16px, calc(16px + (100vw - 300px)/250) , 18px);--hero-padding-x: clamp(10px, calc(10px + (100vw - 300px)*.03) , 25px);--hero-padding-y: clamp(40px, calc(40px + (100vw - 300px)*.06) , 70px);--hero-content-gap: clamp(19px, calc(19px + (100vw - 600px)*.03) , 25px);--hero-cta-font-size: clamp(14px, calc(14px + (100vw - 300px)/250) , 16px);--final-cta-btn-font-size: clamp(14px, calc(14px + (100vw - 300px)/250) , 16px)}.landing-container{max-width:1120px;margin:0 auto;padding:0 24px}.landing-section{padding:96px 0}.landing-audience,.landing-how,.landing-comparison,.landing-security,.landing-management,.landing-pricing,.landing-final-cta__bg-img,.landing-final-cta__bg .image-placeholder{max-width:800px;width:100%;margin-left:auto;margin-right:auto}.landing-section__title{font-size:var(--screen-heading-size);font-weight:700;line-height:1.2;margin-bottom:48px;color:var(--color-primary)}.landing-section__title--center{text-align:center}.landing-section__title--light{color:#fff}.landing-img{width:100%;height:auto;border-radius:16px;display:block;object-fit:cover}.image-placeholder{width:100%;min-height:320px;border-radius:16px;background:#80b5d71f;border:2px dashed var(--color-accent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--color-accent)}.image-placeholder__icon{font-size:2.5rem;opacity:.6}.image-placeholder__label{font-size:.9rem;text-align:center;padding:0 16px;opacity:.75}.landing-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#133250f7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-nav__brand{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-.01em}.landing-nav__auth{display:flex;align-items:center;gap:12px}.landing-nav__link{color:#fffc;text-decoration:none;font-size:.95rem;padding:8px 16px;border-radius:8px;transition:color .2s}.landing-nav__link:hover{color:#fff}.landing-nav__link-btn{background:transparent;border:none;cursor:pointer}.landing-nav__btn{color:var(--color-primary);background:var(--color-accent);text-decoration:none;font-size:.95rem;font-weight:600;padding:8px 20px;border-radius:8px;transition:background .2s,opacity .2s}.landing-nav__btn:hover{opacity:.9}.landing-nav__btn-action{border:none;cursor:pointer}.btn-primary-landing{display:inline-block;padding:14px 28px;background:var(--color-primary);color:#fff;font-size:1rem;font-weight:600;text-decoration:none;border-radius:10px;transition:opacity .2s,transform .15s;border:none;cursor:pointer}.btn-primary-landing:hover{opacity:.88;transform:translateY(-1px)}.btn-primary-landing--large{padding:18px 40px;font-size:1.125rem;border-radius:12px}.btn-secondary-landing{display:inline-block;padding:14px 28px;background:transparent;color:#133250;font-size:1rem;font-weight:500;text-decoration:none;border-radius:10px;border:1.5px solid #133250;transition:border-color .2s,background .2s}.btn-secondary-landing:hover{border-color:#133250;background:#13325014}.landing-section.landing-hero{position:relative;width:100%;padding-top:0;padding-bottom:0;color:#133250;background-color:#ededed!important}.landing-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#ededed;z-index:-1}.landing-hero__inner{max-width:800px;margin-left:auto;margin-right:auto;padding:var(--hero-padding-y) var(--hero-padding-x);display:grid;grid-template-columns:1fr 1fr;gap:var(--hero-content-gap);align-items:center}.landing-hero__title{grid-column:1 / -1;font-size:var(--screen-heading-size);font-weight:800;color:#133250;line-height:1.15;margin-bottom:24px;letter-spacing:-.02em}.landing-hero__subtitle{font-size:var(--screen-subheading-size);color:#133250;line-height:1.6;margin-bottom:40px}.landing-hero__mobile-img-wrap{display:none}.landing-hero__mobile-img,.landing-hero__mobile-img-wrap .image-placeholder{width:100%;max-width:280px;height:auto;border-radius:12px;margin:0 auto 20px;display:block}.landing-hero__cta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}.landing-hero__cta-secondary{display:flex;flex-direction:column;align-items:flex-start}.landing-hero__cta .btn-primary-landing{background:#80b5d7;color:#133250;font-size:var(--hero-cta-font-size);height:47px;display:flex;align-items:center;justify-content:center;text-align:center}.landing-hero__cta .btn-secondary-landing{font-size:var(--hero-cta-font-size);height:47px;display:flex;align-items:center;justify-content:center;text-align:center}.landing-hero__note{font-size:.875rem;color:#133250}.landing-hero__note--pre-cta{margin-bottom:10px}.landing-hero__image{display:flex;align-items:center;justify-content:center}.landing-hero__img,.landing-hero__image .image-placeholder{width:100%;max-width:520px;min-height:380px;border-radius:20px;box-shadow:0 32px 64px #0006}.landing-audience{background:#fff;padding:var(--hero-padding-y) var(--hero-padding-x)}.landing-audience__image-wrap{margin-bottom:48px}.landing-audience__img,.landing-audience__image-wrap .image-placeholder{max-height:300px;object-fit:cover}.audience-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px}.audience-card{padding:32px 28px;background:#f8fafc;border-radius:16px;border:1px solid var(--color-border);transition:box-shadow .2s,transform .2s}.audience-card:hover{box-shadow:0 8px 24px #1332501a;transform:translateY(-2px)}.audience-card__icon{font-size:2rem;margin-bottom:16px}.audience-card h3{font-size:var(--screen-subheading-size);font-weight:700;margin-bottom:8px;color:var(--color-primary)}.audience-card p{font-size:.9rem;color:#133250a6;line-height:1.5}.audience-disclaimer{text-align:center;font-size:.875rem;color:#13325073;padding:16px;border-top:1px solid var(--color-border)}.landing-how{background:var(--color-surface);padding:var(--hero-padding-y) var(--hero-padding-x)}.landing-how__inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.landing-how__img,.landing-how__image .image-placeholder{min-height:360px}.how-steps{list-style:none;display:flex;flex-direction:column;gap:20px;margin-bottom:36px}.how-step{display:flex;align-items:center;gap:16px;font-size:var(--screen-subheading-size);color:var(--color-primary);line-height:1.4}.how-step__num{width:40px;height:40px;flex-shrink:0;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.how-accent{font-size:1rem;font-weight:600;color:var(--color-primary);background:#80b5d733;border-left:4px solid var(--color-accent);padding:12px 16px;border-radius:0 8px 8px 0}.landing-comparison{background:#fff;padding:var(--hero-padding-y) var(--hero-padding-x)}.landing-comparison__image-wrap{margin-bottom:48px}.landing-comparison__img,.landing-comparison__image-wrap .image-placeholder{max-height:280px;object-fit:cover}.comparison-table-wrap{overflow-x:auto}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #13325014}.comparison-table thead tr th{background:var(--color-primary);color:#fff;padding:20px 32px;font-size:1.1rem;font-weight:700;text-align:left;width:50%}.comparison-table thead tr th:first-child{border-right:1px solid rgba(255,255,255,.1)}.comparison-table tbody tr{border-bottom:1px solid var(--color-border);transition:background .15s}.comparison-table tbody tr:hover{background:#f8fafc}.comparison-table tbody tr:last-child{border-bottom:none}.comparison-table tbody td{padding:18px 32px;font-size:1rem;color:var(--color-primary)}.comparison-table tbody td:first-child{border-right:1px solid var(--color-border);background:#e6dfe433;color:#1332508c}.cmp-cell{display:flex;align-items:flex-start;gap:8px}.cmp-text{display:inline-block}.cmp-minus{color:#c0392b;font-weight:700;flex-shrink:0}.cmp-plus{color:#27ae60;font-weight:700;flex-shrink:0}.landing-security{background:linear-gradient(135deg,#0d2237 0%,var(--color-primary) 100%);padding:var(--hero-padding-y) var(--hero-padding-x)}.landing-security__inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.security-list{list-style:none;display:flex;flex-direction:column;gap:28px}.security-list li{display:flex;gap:16px;align-items:flex-start}.security-list__icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.security-list strong{display:block;font-size:var(--screen-subheading-size);color:#fff;margin-bottom:4px}.security-list p{font-size:.9rem;color:#ffffffa6;line-height:1.5}.landing-security__img,.landing-security__image .image-placeholder{min-height:360px}.landing-security__image .image-placeholder{border-color:#80b5d766;background:#ffffff0d;color:#ffffff80}.landing-management{background:#ededed;padding:var(--hero-padding-y) var(--hero-padding-x)}.landing-management .landing-section__title--light{color:#133250}.management-features{display:grid;grid-template-columns:1fr 2fr;gap:56px;align-items:center}.management-list{list-style:none;display:flex;flex-direction:column;gap:20px}.landing-management .management-list li{display:flex;align-items:center;gap:14px;font-size:1.05rem;color:#133250}.management-list__icon{font-size:1.4rem;flex-shrink:0}.management-screenshot{border-radius:16px;overflow:hidden;box-shadow:0 24px 48px #0006}.management-screenshot__img,.management-screenshot .image-placeholder{min-height:380px;border-radius:0;border-color:#80b5d74d;background:#ffffff0d;color:#ffffff80}.landing-pricing{background:#fff;padding:var(--hero-padding-y) var(--hero-padding-x)}.landing-pricing__image-wrap{margin-bottom:48px}.landing-pricing__img,.landing-pricing__image-wrap .image-placeholder{max-height:200px;object-fit:cover}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;justify-items:center;align-items:center}.pricing-card{background:#fff;border:1.5px solid var(--color-border);border-radius:20px;padding:36px 32px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s,transform .2s;position:relative;max-width:380px;width:min(100%,380px)}.pricing-card:hover{box-shadow:0 12px 32px #1332501f;transform:translateY(-3px)}.pricing-card--featured{border-color:var(--color-primary);box-shadow:0 8px 32px #13325026}.pricing-card__badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#80b5d7;color:#133250;font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:20px;white-space:nowrap}.pricing-card__name{font-size:1.75rem;font-weight:800;color:var(--color-primary)}.pricing-card__specs{font-size:.95rem;color:#133250b3;line-height:1.5}.pricing-card__audience{font-size:.875rem;color:#13325080;flex:1}.pricing-card__btn{display:block;text-align:center;margin-top:8px;font-size:clamp(14px,calc(14px + (100vw - 300px)/250),16px)}.landing-final-cta{position:relative;overflow:hidden;background:#ededed;padding:60px clamp(10px,calc(10px + (100vw - 300px)*.03),25px) 120px;max-width:800px;width:100%;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.landing-final-cta__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:24px;box-sizing:border-box;color:#133250}.landing-final-cta__title{font-size:var(--screen-heading-size);font-weight:800;color:#133250;line-height:1.25;text-align:left;letter-spacing:-.02em;margin:0}.landing-final-cta__title-heading{display:block;margin-bottom:20px}.landing-final-cta__title-note{font-weight:400;font-size:clamp(16px,calc(16px + (100vw - 300px)/250),18px);line-height:22px}.landing-final-cta .btn-primary-landing--large{background:var(--color-accent);color:var(--color-primary);font-size:var(--final-cta-btn-font-size);width:min(100%,250px);max-width:250px;height:47px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}.landing-final-cta__bg{position:relative;width:100%;min-height:200px;z-index:0;opacity:1;border-radius:12px;overflow:hidden}.landing-final-cta__bg:has(.image-placeholder){opacity:1}.landing-final-cta__bg-img{width:100%;height:100%;min-height:200px;object-fit:cover;border-radius:12px;display:block;vertical-align:top;box-shadow:0 32px 64px #0006}.landing-final-cta__bg .image-placeholder{width:100%;min-height:200px;height:auto;border-radius:12px;border:none!important;background:transparent!important;color:#133250;padding:var(--hero-padding-y) var(--hero-padding-x);box-sizing:border-box;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.landing-final-cta .btn-primary-landing--large:hover{opacity:.9}@media(max-width:600px){.landing-final-cta{grid-template-columns:1fr;padding:40px clamp(10px,calc(10px + (100vw - 300px)*.03),25px) 80px}.landing-final-cta__content{align-items:center}.landing-final-cta__title{text-align:center}.landing-final-cta .btn-primary-landing--large{align-self:center}}.landing-footer{background:#0d2237;padding:28px 32px}.landing-footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.landing-footer__brand{font-weight:700;color:#ffffffb3;font-size:1rem}.landing-footer__links{display:flex;gap:24px}.landing-footer__links a,.landing-footer__links button{color:#ffffff80;text-decoration:none;font-size:.9rem;transition:color .2s;background:transparent;border:none;cursor:pointer;padding:0}.landing-footer__links a:hover,.landing-footer__links button:hover{color:#ffffffe6}.landing-auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:landingOverlayFadeIn .22s ease-out}.landing-auth-modal-card{position:relative;width:min(100%,420px);animation:landingCardPopIn .26s ease-out}.landing-auth-modal-card h2{margin-bottom:8px}.landing-auth-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;border-radius:8px;background:#fff;color:var(--color-primary);cursor:pointer;font-size:1rem;line-height:1}.landing-auth-form{display:grid;gap:12px}.landing-auth-form label{display:block;font-size:.95rem;color:var(--color-primary)}.landing-auth-form input{width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:1rem}.landing-password-field{position:relative;display:block;margin-top:6px}.auth-card .landing-auth-form .landing-password-field input{margin-top:0;padding-right:42px}.landing-password-toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:24px;height:24px;border:none;background:transparent;color:#133250;cursor:pointer;padding:0;z-index:2}.auth-card .landing-auth-form .landing-password-toggle{width:24px;height:24px;margin-top:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;display:inline-flex;align-items:center;justify-content:center}.landing-password-toggle svg{width:100%;height:100%;display:block}.landing-password-toggle svg path,.landing-password-toggle svg circle{stroke:#133250}.landing-auth-submit{width:100%;margin-top:8px}.landing-auth-switch{margin-top:16px;text-align:center;font-size:.95rem;color:#133250cc}.landing-auth-switch__btn{background:transparent;border:none;color:var(--color-accent);cursor:pointer;font-size:.95rem;padding:0}@keyframes landingOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes landingCardPopIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.landing-hero__image{justify-content:stretch}.landing-how__inner,.landing-security__inner{grid-template-columns:1fr;gap:40px}.management-features{grid-template-columns:1fr;gap:36px}.landing-section:not(.landing-hero):not(.landing-audience):not(.landing-how):not(.landing-comparison):not(.landing-security):not(.landing-management):not(.landing-pricing):not(.landing-final-cta){padding:64px 0}}@media(max-width:600px){.landing-nav{padding:12px 16px}.landing-nav__link{display:none}.landing-hero__inner{padding:var(--hero-padding-y) var(--hero-padding-x)}.landing-hero__cta{flex-direction:column}.btn-primary-landing,.btn-secondary-landing{text-align:center;width:100%}.pricing-cards{grid-template-columns:1fr}.comparison-table thead tr th,.comparison-table tbody td{padding:14px 16px;font-size:.9rem}}@media(max-width:499px){.landing-hero__inner{grid-template-columns:1fr;display:flex;flex-direction:column;align-items:center;text-align:center}.landing-hero__content{width:100%;display:flex;flex-direction:column;align-items:center}.landing-hero__title{text-align:center}.landing-hero__subtitle{text-align:center;margin-bottom:20px}.landing-hero__mobile-img-wrap{display:block}.landing-hero__cta{width:100%;display:flex;justify-content:center}.landing-hero__cta .btn-secondary-landing{width:min(100%,250px);max-width:250px;margin-left:auto;margin-right:auto}.landing-hero__image,.landing-audience__image-wrap,.landing-how__image{display:none}.landing-pricing .landing-container{padding-left:0;padding-right:0}}@media(max-width:406px){.landing-hero__title-break{display:none}}.server-connection-card{padding:16px;max-width:360px}.server-connection-card .server-connection{display:flex;flex-direction:column;gap:10px}.server-connection{display:flex;flex-direction:column;gap:8px}.server-connection__fields{display:flex;flex-direction:column;gap:10px}.server-connection__label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;color:#344054}.server-connection__badge{display:inline-block;font-size:12px;line-height:1;padding:6px 8px;border-radius:999px;width:fit-content}.server-connection__badge--connected{background:#e8f7ec;color:#1c7c3a}.server-connection__badge--connecting{background:#eef2ff;color:#3144b5}.server-connection__badge--error{background:#feecec;color:#b42318}.server-connection__badge--not_connected{background:#f2f4f7;color:#475467}.server-connection__row{display:flex;gap:8px;align-items:center}.server-connection__stack{display:flex;flex-direction:column;gap:8px}.server-connection__input{min-width:160px}.server-connection__hint{margin:0;font-size:13px;color:#475467}.server-connection__code{display:block;white-space:pre-wrap;word-break:break-word;background:#f8f9fb;border:1px solid #e4e7ec;border-radius:6px;padding:8px;font-size:14px}.server-connection__copy{margin-top:4px;padding:8px 14px;font-size:13px;background:#f1f5f9;color:#475467;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;align-self:flex-start}.server-connection__copy:hover{background:#e2e8f0}.server-connection__code--one-line{font-size:12px;word-break:break-all}.server-connection__fallback{margin-top:10px;padding-top:10px;border-top:1px solid #e4e7ec;font-size:13px}.server-connection__fallback summary{cursor:pointer;color:#475467}.server-connection__copy--secondary{margin-top:6px;font-size:12px;background:#f1f5f9}.server-connection__test-results{padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:4px}.server-connection__test-results-title{font-size:12px;font-weight:600;color:#475467;margin-bottom:8px}.server-connection__test-row{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.server-connection__test-row:last-child{margin-bottom:0}.server-connection__test-label{font-size:12px;color:#64748b}.server-connection__test-ok{font-size:13px;font-weight:500;color:#1c7c3a}.server-connection__test-error{font-size:13px;color:#b42318}.server-connection__test-value{word-break:break-word;font-size:12px}.server-connection__btn-verify{padding:0 18px;height:37px;box-sizing:border-box;background:transparent;color:var(--color-primary);border:1px solid rgba(19,50,80,.45);border-radius:8px;font-weight:500;cursor:pointer}.server-connection__btn-verify:hover:not(:disabled){border-color:var(--color-primary);background:#1332500d}.server-connection__btn-verify:disabled{opacity:.6;cursor:not-allowed}.App{width:100%;min-height:100vh}.container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #13325033;padding:40px;max-width:600px;width:100%}.header{text-align:center;margin-bottom:30px}.header h1{color:var(--color-primary);font-size:2.5em;margin-bottom:10px}.layout-main h1{margin-bottom:25px}h3{margin-bottom:5px}.error-message{background:var(--color-soft);color:var(--color-primary);padding:15px;border-radius:10px;margin-bottom:20px;border:1px solid var(--color-border)}.btn-primary{padding:10px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.btn-secondary{padding:10px 16px;background:var(--bg-secondary, #f1f5f9);color:var(--color-text, #334155);border:1px solid var(--color-border, #cbd5e1);border-radius:8px;cursor:pointer;font-weight:600}.btn-secondary:hover:not(:disabled){background:var(--color-border, #e2e8f0)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{padding:6px 12px;background:#c00;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.configs-actions-wrap{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:3px}.configs-action-btn{height:28px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.card label.custom-checkbox{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.custom-checkbox__input:focus-visible+.custom-checkbox__box{outline:2px solid var(--color-accent);outline-offset:2px}.custom-checkbox__box{flex-shrink:0;width:20px;height:20px;border:2px solid var(--color-border);border-radius:6px;background:#fff;transition:background .15s,border-color .15s;display:flex;align-items:center;justify-content:center}.custom-checkbox__box:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);margin-bottom:3px;transition:transform .15s}.custom-checkbox__input:checked+.custom-checkbox__box{background:var(--color-primary);border-color:var(--color-primary)}.custom-checkbox__input:checked+.custom-checkbox__box:after{transform:rotate(45deg) scale(1)}.custom-checkbox__input:hover+.custom-checkbox__box{border-color:var(--color-primary)}.custom-checkbox__label{color:var(--color-primary);font-size:1rem;line-height:20px;display:inline-block}.configs-server-port{display:block;font-size:.85rem;color:var(--color-text-secondary, #666);margin-top:2px}.configs-card{max-width:757px;width:100%;height:auto;min-height:0;margin-bottom:24px;box-sizing:border-box}.configs-online-badge{display:inline-block;margin-left:8px;padding:2px 6px;font-size:11px;font-weight:600;color:#1c7c3a;background:#e8f7ec;border-radius:4px}.users-badge-online{display:inline-block;padding:2px 8px;font-size:11px;font-weight:600;color:#1c7c3a;background:#e8f7ec;border-radius:4px}.server-instruction-card{padding:16px 20px}.server-instruction-body{margin-top:12px;padding-top:12px;border-top:1px solid #e4e7ec}.server-instruction-body ol{margin:0;padding-left:20px}.server-instruction-body li{margin-bottom:10px;line-height:1.5}.server-instruction-body code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:12px}.servers-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.servers-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;padding:24px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto}.servers-modal-title{margin:0 0 12px;font-size:1.25rem;color:#1e293b}.servers-modal-message{margin:0 0 16px;font-size:14px;color:#475467;line-height:1.5}.servers-modal-command-wrap{margin-bottom:20px}.servers-modal-command-label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:#344054}.servers-modal-command{margin:0;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;line-height:1.4;white-space:pre-wrap;word-break:break-all;overflow-x:auto}.servers-modal-copy{margin-top:8px;background:#f1f5f9;color:#475467;border:1px solid #e2e8f0}.servers-modal-copy:hover{background:#e2e8f0}.servers-modal-command--one-line{word-break:break-all}.servers-modal-fallback{margin-top:14px;padding-top:14px;border-top:1px solid #e2e8f0}.servers-modal-fallback summary{cursor:pointer;font-size:13px;color:#475467}.servers-modal-copy--secondary{margin-top:8px;font-size:12px;background:#f1f5f9}.servers-modal-close{width:100%}.servers-modal--confirm .servers-modal-message{margin-bottom:20px}.servers-modal-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.servers-modal-btn-danger{background:#dc2626;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer}.servers-modal-btn-danger:hover{background:#b91c1c}.servers-modal-close-secondary{background:#f1f5f9;color:#475467;border:1px solid #e2e8f0;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer}.servers-modal-close-secondary:hover{background:#e2e8f0}.card-hint{margin:0 0 16px;font-size:13px;color:#64748b;line-height:1.4}.server-form-card .server-form-field{margin-bottom:16px}.server-form-card .server-form-field label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#344054}.server-form-card .server-form-field input{display:block;width:100%;min-height:36px;box-sizing:border-box}.card label{display:block;margin-bottom:12px}.card input,.card select{width:100%;padding:8px 12px;margin-top:4px;border:1px solid var(--color-border);border-radius:6px}.card .password-field-wrap{position:relative;display:block;margin-top:4px}.card .password-field-wrap input{margin-top:0;padding-right:40px}.card .password-toggle-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:24px;height:24px;border:none;background:transparent;color:#344054;cursor:pointer;padding:0;z-index:2;display:inline-flex;align-items:center;justify-content:center}.card .password-toggle-btn svg{width:100%;height:100%;display:block}.card .card-create-btn{color:var(--color-primary);border-color:#13325073;height:34px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:160px;cursor:pointer}.card .card-create-btn:hover{border-color:var(--color-primary);background:#1332500d}.card .card-create-btn:disabled{opacity:.6;cursor:not-allowed}.servers-add-btn{width:225px;height:37px;padding:0 16px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:inherit}.servers-add-btn.btn-primary{padding:0 16px}.servers-add-btn--active{padding:0 16px;background:transparent;color:var(--color-primary);border:1px solid rgba(19,50,80,.45);border-radius:8px;font-weight:600;cursor:pointer}.servers-add-btn--active:hover{border-color:var(--color-primary);background:#1332500d}.table-wrap{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.servers-status-legend-details{margin:0 0 8px;font-size:13px;color:#64748b}.servers-status-legend-summary{cursor:pointer;font-weight:600;color:#475467;-webkit-user-select:none;user-select:none;list-style:none;padding-left:5px;display:flex;align-items:center;height:20px}.servers-status-legend-summary::-webkit-details-marker{display:none}.servers-status-legend-summary:before{content:"▶ ";font-size:10px;margin-right:4px}.servers-status-legend-details[open] .servers-status-legend-summary:before{content:"▼ "}.servers-status-legend{margin:0;padding:8px 0 0 8px;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.servers-status-legend span{white-space:nowrap}.data-table{width:100%;border-collapse:collapse}.data-table thead{position:sticky;top:0;z-index:5;background:var(--color-soft)}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{font-weight:600}.dashboard h1{margin-bottom:8px;color:var(--color-primary)}.dashboard-welcome{color:#133250b3;margin-bottom:24px}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.dashboard-card{display:block;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;text-decoration:none;color:var(--color-primary)}.dashboard-card:hover{box-shadow:0 4px 12px #0000001a}.dashboard-card-value{display:block;font-size:2rem;font-weight:700;margin-bottom:4px}.dashboard-card-meta{font-size:.85rem;color:#13325099}.app-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-surface);padding-top:72px}.layout-nav{display:flex;align-items:center;gap:24px;padding:12px 24px;background:#fff;box-shadow:0 1px 3px #00000014;flex-wrap:wrap;position:fixed;top:0;left:0;right:0;z-index:100}.layout-nav-first-row{display:contents}.layout-nav-first-row .layout-brand{order:1}.layout-nav-first-row .layout-user{order:3}.layout-links{order:2;display:flex;gap:8px;flex-wrap:wrap}.layout-brand{font-weight:700;color:var(--color-primary);text-decoration:none;font-size:1.25rem}.layout-links a{padding:8px 12px;border-radius:8px;color:var(--color-primary);text-decoration:none}.layout-links a.active{background:var(--color-accent);color:#fff}.layout-user{margin-left:auto;display:flex;align-items:center;gap:12px;flex-shrink:0;padding-left:16px;border-left:1px solid var(--color-border)}@media(max-width:955px){.layout-nav-first-row{display:flex;flex-basis:100%;width:100%;justify-content:space-between;align-items:center;order:1}.layout-nav-first-row .layout-brand{order:unset}.layout-nav-first-row .layout-user{order:unset;margin-left:auto;padding-left:0;border-left:none}.layout-links{order:2;flex-basis:100%;width:100%;justify-content:center}}.layout-logout{padding:6px 12px;background:transparent;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-primary);font-size:.9rem}.layout-main{flex:1;padding:24px;max-width:1200px;width:100%;margin:0 auto}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--color-surface)}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #13325026;padding:32px;max-width:400px;width:100%}.auth-card h1{color:var(--color-primary);margin-bottom:4px;font-size:1.75rem}.auth-subtitle{color:#133250b3;margin-bottom:24px;font-size:.95rem}.auth-error{background:#fee;color:#c00;padding:10px 12px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.auth-card .auth-field-error{display:block;color:#c00;font-size:.85rem;margin-top:4px;margin-bottom:2px}.auth-success{background:#efe;color:#060;padding:10px 12px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.auth-card form label{display:block;margin-bottom:16px;font-weight:500;color:var(--color-primary)}.auth-card form input{width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:1rem}.auth-card .auth-password-field-wrap{position:relative;display:block;margin-top:6px}.auth-card .auth-password-field-wrap input{margin-top:0;padding-right:44px}.auth-card .auth-password-toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:24px;height:24px;padding:0;margin:0;border:none;background:transparent;color:#13325099;cursor:pointer;border-radius:4px}.auth-card .auth-password-toggle:hover{color:var(--color-primary)}.auth-card .auth-password-toggle svg{width:100%;height:100%;display:block}.auth-card form button[type=submit],.auth-card form button:not(.auth-password-toggle){width:100%;padding:12px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-top:8px}.auth-card--set-password form button[type=submit]{height:41px;min-height:41px;padding-top:0;padding-bottom:0}.auth-footer{margin-top:20px;text-align:center;color:#133250cc;font-size:.95rem}.auth-footer a{color:var(--color-accent);text-decoration:none}.auth-skip{display:block;width:100%;margin-top:12px;padding:10px;background:transparent;border:none;cursor:pointer;font-size:.9rem;color:#133250b3}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-surface);color:var(--color-primary)}.account-pricing-cards{display:flex;flex-wrap:wrap;gap:24px;margin-top:20px;justify-content:center}.account-pricing-cards .pricing-card{background:#fff;border:1.5px solid var(--color-border);border-radius:20px;padding:36px 32px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s,transform .2s;position:relative;max-width:280px;min-width:200px;flex:1}.account-pricing-cards .pricing-card:hover{box-shadow:0 12px 32px #1332501f;transform:translateY(-3px)}.account-pricing-cards .pricing-card--featured{border-color:var(--color-primary);box-shadow:0 8px 32px #13325026}.account-pricing-cards .pricing-card__badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#80b5d7;color:#133250;font-size:.8rem;font-weight:700;padding:4px 14px;border-radius:20px;white-space:nowrap}.account-pricing-cards .pricing-card__name{font-size:1.75rem;font-weight:800;color:var(--color-primary)}.account-pricing-cards .pricing-card__specs{font-size:.95rem;color:#133250b3;line-height:1.5}.account-pricing-cards .pricing-card__audience{font-size:.875rem;color:#13325080;flex:1}.account-pricing-cards .pricing-card__btn{display:block;text-align:center;margin-top:8px}.account-page{max-width:800px;width:100%;margin-left:auto;margin-right:auto}.account-page__title{text-align:left}@media(max-width:499px){.account-page__title{text-align:center}}.account-vpnka-token-wrap{position:relative}.account-vpnka-token-editable:empty:before{content:attr(data-placeholder);color:#94a3b8}.account-vpnka-token-editable:focus{border-color:var(--color-border-focus, #3b82f6)}.account-vpnka-token-eye{color:#64748b!important}.account-vpnka-token-eye:hover{color:#475569!important}.account-vpnka-token-eye svg{flex-shrink:0;display:block}.account-promo-list{list-style:none;padding:0;margin:0}.account-promo-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;margin-bottom:8px;border:1px solid var(--color-border, #e2e8f0);border-radius:6px;background-color:var(--bg-secondary, #f8fafc)}.account-promo-main{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:4px}.account-promo-main span,.account-promo-main code{word-break:break-word}.account-promo-code{font-family:monospace;padding:2px 6px;background:var(--color-border, #e2e8f0);border-radius:4px}.account-promo-delete{flex:0 0 auto;align-self:flex-start;min-width:80px}.error-boundary{background:var(--color-soft);border:1px solid var(--color-border);border-radius:16px;padding:24px;text-align:center}.error-boundary__title{color:var(--color-primary);font-size:1.5em;margin-bottom:12px}.error-boundary__message{color:#133250bf;margin-bottom:20px}.error-boundary__actions{display:flex;justify-content:center}.error-boundary__button{background:var(--color-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.error-boundary__button:hover{box-shadow:0 5px 15px #13325033;transform:translateY(-1px)}