body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}button{transition:transform .15s cubic-bezier(.34,1.56,.64,1),opacity .15s ease}button:active:not(:disabled){transform:scale(.94);transition:transform .08s ease}a{transition:color .2s ease,transform .15s cubic-bezier(.34,1.56,.64,1)}a:active{transform:scale(.96);transition:transform .08s ease}code{font-family:SF Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0 16px;position:sticky;top:0;z-index:100}.navbar__container{gap:12px;height:64px;margin:0 auto;max-width:1200px}.navbar__container,.navbar__logo,.navbar__start{align-items:center;display:flex}.navbar__logo{color:var(--text-primary);font-size:1.4rem;font-weight:700;gap:8px;white-space:nowrap}.navbar__logo:hover{color:var(--accent-light)}.navbar__logo-icon{color:var(--accent);font-size:1.2rem}.navbar__burger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;justify-content:center;padding:4px}.navbar__burger span{background-color:var(--text-primary);border-radius:2px;display:block;height:2px;transition:transform .3s,opacity .3s;width:24px}.navbar__burger_open span:first-child{transform:translateY(7px) rotate(45deg)}.navbar__burger_open span:nth-child(2){opacity:0}.navbar__burger_open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar__right{align-items:center;display:flex;flex:1 1;gap:16px}.navbar__links{display:flex;flex:1 1;gap:8px;justify-content:center;list-style:none}.navbar__link{border-radius:8px;color:var(--text-secondary);font-size:.95rem;padding:5px 10px;transition:background-color .2s,color .2s,transform .1s}.navbar__link:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.navbar__link_active{background-color:var(--bg-tertiary);color:var(--accent-light)}.navbar__user{align-items:center;display:flex;gap:16px;position:relative}.navbar__user-btn{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;gap:8px;padding:0;transition:color .2s}.navbar__user-btn:hover{color:var(--accent-light)}.navbar__user-link{align-items:center;color:var(--text-primary);display:flex;gap:8px;transition:color .2s}.navbar__user-link:hover{color:var(--accent-light)}.navbar__avatar{align-items:center;background-color:var(--accent);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:24px;justify-content:center;width:24px}.navbar__user-name{font-size:.9rem;font-weight:500;white-space:nowrap}.navbar__logout{background-color:initial;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 14px;transition:background-color .2s,color .2s,transform .1s}.navbar__logout:hover{background-color:#f8717126;border-color:#f871714d;color:var(--error)}.navbar__logout-icon{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:none;padding:6px;transition:color .2s}.navbar__logout-icon:hover{color:var(--error)}.navbar__end{align-items:center;display:flex;gap:16px;margin-left:auto}.navbar__lang{position:relative}.navbar__lang-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;gap:4px;transition:color .2s,background-color .2s}.navbar__lang-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.navbar__lang-code{font-size:.7rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.navbar__lang-dropdown{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0003;min-width:130px;padding:4px;position:absolute;right:0;top:calc(100% + 8px);z-index:200}.navbar__lang-option{background:none;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:block;font-size:.9rem;padding:8px 12px;text-align:left;transition:background-color .15s;width:100%}.navbar__lang-option:hover{background-color:var(--bg-tertiary)}.navbar__lang-option_active{color:var(--accent-light);font-weight:600}.navbar__auth{align-items:center;display:flex}.navbar__login{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.95rem;padding:8px 16px;transition:background-color .2s,color .2s,transform .1s}.navbar__login:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.navbar__login-icon{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:none;padding:6px;transition:color .2s}.navbar__login-icon:hover{color:var(--text-primary)}.navbar__mobile-logout{display:none}@media (max-width:900px){.navbar__container{gap:0}.navbar__burger{display:flex;padding:8px}.navbar__end{gap:4px}.navbar__right{align-items:stretch;background-color:var(--bg-secondary);border-bottom:1px solid var(--border);display:none;flex-direction:column;gap:12px;justify-content:flex-end;left:0;padding:16px;position:absolute;right:0;top:64px}.navbar__right_open{display:flex}.navbar__login,.navbar__logout,.navbar__logout-icon,.navbar__user-name{display:none}.navbar__login-icon{display:flex;padding:8px}.navbar__lang-btn,.navbar__user-btn{padding:8px}.navbar__user{gap:8px}.navbar__links{flex-direction:column;gap:8px}.navbar__mobile-divider{background-color:var(--border);height:1px}.navbar__mobile-logout{align-self:flex-start;display:block}}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border);margin-top:40px;padding:0 24px}.footer__container{align-items:center;height:56px;margin:0 auto;max-width:1200px}.footer__container,.footer__nav{display:flex;justify-content:space-between;width:100%}.footer__link{border-radius:8px;color:var(--text-secondary);font-size:.9rem;padding:5px 10px;transition:background-color .2s,color .2s}.footer__link:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.footer__link_active{background-color:var(--bg-tertiary);color:var(--accent-light)}.footer__copyright{color:var(--text-secondary);font-size:.8rem}@media (max-width:768px){.footer__container{flex-direction:column;gap:12px;height:auto;padding:16px 0}.footer__nav{align-items:center;gap:4px}}.toast{animation:toast-in .25s ease;border-radius:10px;bottom:32px;box-shadow:0 4px 20px #0000004d;font-size:.9rem;font-weight:500;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:1000}.toast_success{background-color:#34d39926;border:1px solid #34d399;color:#34d399}.toast_error{background-color:#f8717126;border:1px solid #f87171;color:#f87171}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.landing{width:100%}.hero{background:radial-gradient(ellipse at top,var(--bg-tertiary) 0,var(--bg-primary) 70%);padding:100px 24px 0;text-align:center}.hero__content{margin:0 auto;max-width:700px}.hero__title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:24px}.hero__accent{color:var(--accent-light)}.hero__description{color:var(--text-secondary);font-size:1.15rem;line-height:1.7}.hero__cta{background-color:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:1.05rem;font-weight:600;margin-top:40px;padding:14px 36px;transition:background-color .2s,transform .2s}.hero__cta:hover{background-color:var(--accent-light);color:#fff;transform:translateY(-2px)}.section__container{margin:0 auto;max-width:1200px;padding:0 24px}.section__title{font-size:2rem;font-weight:700;margin-bottom:48px;text-align:center}.features{padding:80px 0}.features__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.features__card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:32px 24px;transition:border-color .2s,transform .2s}.features__card:hover{border-color:var(--accent);transform:translateY(-4px)}.features__card-title{font-size:1.1rem;font-weight:600;margin-bottom:10px;text-align:center}.features__card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6;text-align:center}.how-it-works{background-color:var(--bg-secondary);padding:40px 0}.how-it-works__grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.how-it-works__step{padding:0 24px;text-align:center}.how-it-works__step-number{align-items:center;background-color:var(--bg-tertiary);border-radius:50%;color:var(--accent-light);display:inline-flex;font-size:1.2rem;font-weight:700;height:56px;justify-content:center;margin-bottom:20px;width:56px}.how-it-works__step-title{font-size:1.15rem;font-weight:600;margin-bottom:10px}.how-it-works__step-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.plans__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.plans__card{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:24px;transition:border-color .2s,transform .2s}.plans__card:hover{border-color:var(--accent);transform:translateY(-4px)}.plans__card-name{font-size:1.2rem;font-weight:700}.plans__card-price{align-items:baseline;color:var(--accent-light);display:flex;font-size:1.2rem;font-weight:800;gap:6px}.plans__card-period{color:var(--text-secondary);font-size:.85rem;font-weight:400}.plans__card-features{color:var(--text-secondary);flex:1 1;font-size:.9rem;list-style:none;margin:0;padding:0;white-space:nowrap}.plans__card-features li:before{color:var(--accent-light);content:"✓ ";font-weight:600}.plans__card-btn{align-self:center;background-color:initial;border:1px solid var(--accent);border-radius:8px;color:var(--accent-light);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:8px 20px;transition:background-color .2s,color .2s}.plans__card-btn:hover{background-color:var(--accent);color:#fff}.usecases{background-color:var(--bg-secondary);padding:40px 0 80px}.usecases__container{margin:0 auto;max-width:1200px;padding:0 24px}.usecases__wrapper{margin-top:48px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 5%,#000 95%,#0000);overflow:hidden;transform:translateZ(0)}.usecases__track{backface-visibility:hidden;display:flex;width:3888px;will-change:transform}.usecases__list{display:flex;flex-shrink:0;width:1944px}.usecases__card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:12px;flex:0 0 300px;margin-right:24px;padding:28px 24px;text-align:center;transition:border-color .2s,box-shadow .2s}.usecases__card:hover{border-color:var(--accent);box-shadow:0 8px 24px #0000001a}.usecases__card-icon{color:var(--accent-light);display:flex;justify-content:center;margin-bottom:16px}.usecases__card-title{font-size:1.05rem;font-weight:600;margin-bottom:8px}.usecases__card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.usecases__mobile{margin-top:48px}.usecases__mobile-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:12px;opacity:1;padding:32px 24px;text-align:center;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.usecases__mobile-card--hidden{opacity:0;transform:translateY(10px)}.usecases__dots{display:flex;gap:8px;justify-content:center;margin-top:20px}.usecases__dot{background-color:var(--border);border-radius:50%;height:6px;transition:background-color .3s;width:6px}.usecases__dot--active{background-color:var(--accent-light)}@media (max-width:1026px){.plans__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.hero__title{font-size:2.5rem}.features__grid{grid-template-columns:repeat(2,1fr);justify-items:center}.features__card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 12px)}}@media (max-width:600px){.features__card:last-child:nth-child(odd){grid-column:auto;max-width:none}.features__grid,.how-it-works__grid,.plans__grid{grid-template-columns:1fr}.features,.usecases{padding:40px 0}}@media (max-width:410px){.usecases__card{flex-basis:calc(100vw - 48px);flex-grow:0;flex-shrink:0}}.login{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 144px);padding:40px 24px}.login__card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:20px;max-width:420px;padding:40px;width:100%}.login__title{font-size:1.8rem;font-weight:700;margin-bottom:4px;text-align:center}.login__description{color:var(--text-secondary);font-size:.9rem;margin:0;text-align:center}.login__submit-btn{background-color:var(--accent);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:600;margin-top:4px;padding:12px;transition:background-color .2s,transform .1s}.login__submit-btn:hover{background-color:var(--accent-light)}.modal__overlay{align-items:center;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:200}.modal__backdrop{background-color:#0009;inset:0;position:absolute;z-index:0}.modal{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%;z-index:1}.modal__header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.modal__title{font-size:1.2rem;font-weight:600}.modal__close-btn{background:none;border:none;border-radius:6px;color:var(--text-secondary);font-size:1.5rem;line-height:1;padding:4px 8px;transition:background-color .2s,color .2s,transform .1s}.modal__close-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal__body{padding:24px}@media (max-width:480px){.modal__overlay{padding:16px}.modal__header{padding:16px 18px}.modal__title{font-size:1rem}.modal__close-btn{font-size:1.3rem}.modal__body{padding:16px 18px}}.confirm-dialog{display:flex;flex-direction:column;row-gap:20px}.confirm-dialog__text{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.confirm-dialog__text strong{color:var(--text-primary)}.confirm-dialog__actions{column-gap:10px;display:flex;justify-content:center}.confirm-dialog__cancel{background-color:var(--bg-tertiary);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:9px 18px;transition:background-color .2s,transform .1s}.confirm-dialog__cancel:hover{background-color:var(--border)}.confirm-dialog__delete{background-color:initial;border:1px solid #f8717166;border-radius:8px;color:var(--error);cursor:pointer;font-size:.9rem;font-weight:600;padding:9px 18px;transition:background-color .2s,border-color .2s,transform .1s}.confirm-dialog__delete:hover{background-color:#f871711f;border-color:#f87171b3}@media (max-width:480px){.confirm-dialog__text{font-size:.85rem}}.records{padding:40px 24px}.records__container{margin:0 auto;max-width:1200px}.records__header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px}.records__title{font-size:1.8rem;font-weight:700}.records__subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:4px}.records__add-btn{background-color:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:background-color .2s,transform .1s;white-space:nowrap}.records__add-btn:hover{background-color:var(--accent-light)}.records__error{background-color:#f8717126;border:1px solid #f871714d;border-radius:8px;color:var(--error);font-size:.9rem;margin-bottom:24px;padding:12px 16px}.records__empty,.records__loading{color:var(--text-secondary);font-size:1rem;padding:60px 0;text-align:center}.records__table-wrapper{overflow-x:auto}.records__table{background-color:var(--bg-secondary);border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.records__table th{background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:14px 20px;text-align:left;text-transform:uppercase}.records__table td{border-bottom:1px solid var(--border);font-size:.9rem;padding:14px 20px}.records__table tbody tr:last-child td{border-bottom:none}.records__table tbody tr:hover{background-color:#7c3aed0d}.records__hostname{color:var(--accent-light)}.records__ip{color:var(--text-primary)}.records__type-badge{background-color:var(--bg-tertiary);border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:3px 8px}.records__updated{color:var(--text-secondary);cursor:default}.records__copiable{cursor:pointer;transition:opacity .15s}.records__copiable:hover{opacity:.7}.records__skeleton-row td{border-bottom:1px solid var(--border);padding:14px 20px}.records__skeleton{animation:skeleton-shimmer 1.4s infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:6px;display:inline-block;height:14px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.records__actions{display:flex;gap:6px}.records__action-btn{align-items:center;background:none;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:background-color .15s,border-color .15s,color .15s,transform .1s}.records__action-btn--edit{color:var(--text-secondary)}.records__action-btn--edit:hover{background-color:#8b5cf61f;border-color:#8b5cf64d;color:var(--accent-light)}.records__action-btn--delete{color:var(--text-secondary)}.records__action-btn--delete:hover{background-color:#f871711f;border-color:#f871714d;color:var(--error)}.records__cards{display:none;flex-direction:column;gap:12px}.records__card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:14px 16px}.records__card-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.records__card-name{font-size:.95rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.records__card-meta{align-items:center;display:flex;flex-shrink:0;gap:6px}.records__card-info{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:6px}.records__card-dot{opacity:.4}.records__hostname-row{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.records__hostname-dot{color:var(--text-secondary);flex-shrink:0;font-size:1.1rem}.records__zone-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%238b7cf6' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;flex:1 1 120px;max-width:200px;min-width:0;padding-right:30px;width:auto}.records__hostname-row .records__input:not(.records__zone-select){flex:1 1 100px;min-width:0}.records__form{gap:20px}.records__field,.records__form{display:flex;flex-direction:column}.records__field{gap:6px}.records__label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.records__input{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.95rem;outline:none;padding:10px 14px;transition:border-color .2s}.records__input:focus{border-color:var(--accent)}.records__input:disabled{cursor:not-allowed;opacity:.6}.records__submit-btn{background-color:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:4px;padding:12px;transition:background-color .2s,transform .1s}.records__submit-btn:hover:not(:disabled){background-color:var(--accent-light)}.records__submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.records{padding:24px 16px}.records__header{align-items:center}.records__title{font-size:1.4rem}.records__add-btn{font-size:.85rem;padding:8px 16px}.records__table-wrapper{display:none}.records__cards{display:flex}.records__card-info{justify-content:space-between}.records__card-name{font-size:.85rem}}@media (max-width:480px){.records__input{font-size:.85rem;padding:9px 12px}.records__hostname-row{align-items:stretch;flex-direction:column;gap:6px}.records__hostname-dot{display:none}.records__zone-select{background-position:right 10px center;box-sizing:border-box;flex:none;font-size:.9rem;max-width:none;padding:9px 32px 9px 12px;width:100%}.records__hostname-row .records__input:not(.records__zone-select){flex:none;width:100%}.records__submit-btn{font-size:.9rem;padding:10px}}.zones{padding:40px 24px}.zones__container{margin:0 auto;max-width:1200px}.zones__header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px}.zones__title{font-size:1.8rem;font-weight:700;margin-bottom:4px}.zones__subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:4px}.zones__add-btn{background-color:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:background-color .2s,transform .1s;white-space:nowrap}.zones__add-btn:hover{background-color:var(--accent-light)}.zones__form{gap:20px}.zones__field,.zones__form{display:flex;flex-direction:column}.zones__field{gap:8px}.zones__label{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.zones__input{background-color:var(--bg-tertiary);border:1px solid #3d3568;border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:.95rem;padding:10px 14px;width:100%}.zones__input:focus{border-color:var(--accent);outline:none}.zones__submit-btn{background-color:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px;transition:background-color .2s,transform .1s;width:100%}.zones__submit-btn:hover:not(:disabled){background-color:var(--accent-light)}.zones__submit-btn:disabled{cursor:not-allowed;opacity:.6}.zones__actions{text-align:right;white-space:nowrap;width:1%}.zones__delete-btn{align-items:center;background:none;border:1px solid #0000;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:background-color .15s,border-color .15s,color .15s,transform .1s}.zones__delete-btn:hover{background-color:#f871711f;border-color:#f871714d;color:var(--error)}.zones__error{background-color:#f8717126;border:1px solid #f871714d;border-radius:8px;color:var(--error);font-size:.9rem;margin-bottom:24px;padding:12px 16px}.zones__empty{color:var(--text-secondary);font-size:1rem;padding:60px 0;text-align:center}.zones__table-wrapper{overflow-x:auto}.zones__table{background-color:var(--bg-secondary);border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.zones__table th{background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:14px 20px;text-align:left;text-transform:uppercase}.zones__table td{border-bottom:1px solid #2d2654;font-size:.9rem;padding:14px 20px}.zones__table tbody tr:last-child td{border-bottom:none}.zones__table tbody tr:hover{background-color:#7c3aed0d}.zones__name{color:#a78bfa;font-weight:500}.zones__skeleton-row td{border-bottom:1px solid #2d2654;padding:14px 20px}.zones__skeleton{animation:zones-shimmer 1.4s infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:6px;display:inline-block;height:14px}@keyframes zones-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.zones{padding:24px 16px}.zones__title{font-size:1.4rem}.zones__add-btn,.zones__empty,.zones__subtitle{font-size:.85rem}}.plans{padding:80px 0}.plans__container{margin:0 auto;max-width:900px}.plans__header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px}.plans__title{font-size:1.8rem;font-weight:700;margin-bottom:4px}.plans__subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:4px}.plans__add-btn{background-color:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:background-color .2s,transform .1s;white-space:nowrap}.plans__add-btn:hover{background-color:var(--accent-light)}.plans__error{background-color:#f8717126;border:1px solid #f871714d;border-radius:8px;color:var(--error);font-size:.9rem;margin-bottom:24px;padding:12px 16px}.plans__empty{color:var(--text-secondary);font-size:1rem;padding:60px 0;text-align:center}.plans__table-wrapper{overflow-x:auto}.plans__table{background-color:var(--bg-secondary);border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.plans__table th{background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:14px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.plans__table td{border-bottom:1px solid #2d2654;font-size:.9rem;padding:14px 20px}.plans__table tbody tr:last-child td{border-bottom:none}.plans__table tbody tr:hover{background-color:#7c3aed0d}.plans__cell-name{color:#a78bfa;font-weight:500}.plans__badge{border-radius:6px;font-size:.78rem;font-weight:600;padding:3px 8px}.plans__badge_active{background-color:#34d39926;color:var(--success)}.plans__badge_inactive{background-color:#f871711f;color:var(--error)}.plans__actions{text-align:right;white-space:nowrap;width:1%}.plans__delete-btn,.plans__edit-btn{align-items:center;background:none;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:background-color .15s,border-color .15s,color .15s}.plans__edit-btn{color:var(--text-secondary);margin-right:4px}.plans__edit-btn:hover{background-color:#7c3aed1f;border-color:#7c3aed4d;color:var(--accent-light)}.plans__delete-btn{color:var(--text-secondary)}.plans__delete-btn:hover{background-color:#f871711f;border-color:#f871714d;color:var(--error)}.plans__skeleton-row td{border-bottom:1px solid #2d2654;padding:14px 20px}.plans__skeleton{animation:plans-shimmer 1.4s infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:6px;display:inline-block;height:14px}@keyframes plans-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.plans__form{display:flex;flex-direction:column;gap:16px}.plans__form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.plans__field{display:flex;flex-direction:column;gap:8px}.plans__label{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.plans__input{background-color:var(--bg-tertiary);border:1px solid #3d3568;border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:10px 14px;width:100%}.plans__input:focus{border-color:var(--accent);outline:none}.plans__checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.95rem;gap:8px}.plans__submit-btn{background-color:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:4px;padding:12px;transition:background-color .2s;width:100%}.plans__submit-btn:hover:not(:disabled){background-color:var(--accent-light)}.plans__submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:860px){.plans{padding:40px 16px}.plans__title{font-size:1.4rem}.plans__form-row{grid-template-columns:1fr}.plans__table-wrapper{display:flex;flex-direction:column;gap:12px}.plans__table thead{display:none}.plans__table,.plans__table tbody,.plans__table td,.plans__table tr{display:block;width:100%}.plans__table{background-color:initial}.plans__table tr{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;overflow:hidden}.plans__row{padding:4px 8px}.plans__table td{align-items:center;border-bottom:1px solid var(--border);display:flex;font-size:.88rem;gap:10px;justify-content:space-between;padding:8px 14px}.plans__table tr td:last-child{align-self:center;border-bottom:none;display:flex;gap:20px;justify-content:center}.plans__table td:before{color:var(--text-secondary);content:attr(data-label);flex-shrink:0;font-size:.78rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.plans__actions{justify-content:center;text-align:center;width:100%}.plans__actions:before{display:none}}.tokens{padding:40px 24px}.tokens__container{margin:0 auto;max-width:1200px}.tokens__header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px}.tokens__title{font-size:1.8rem;font-weight:700}.tokens__subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:4px}.tokens__add-btn{background-color:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:background-color .2s,transform .1s;white-space:nowrap}.tokens__add-btn:hover{background-color:var(--accent-light)}.tokens__error{background-color:#f8717126;border:1px solid #f871714d;border-radius:8px;color:var(--error);font-size:.9rem;margin-bottom:24px;padding:12px 16px}.tokens__empty{color:var(--text-secondary);font-size:1rem;padding:60px 0;text-align:center}.tokens__table-wrapper{overflow-x:auto}.tokens__table{background-color:var(--bg-secondary);border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.tokens__table th{background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:14px 20px;text-align:left;text-transform:uppercase}.tokens__table td{border-bottom:1px solid var(--border);font-size:.9rem;padding:14px 20px}.tokens__table tbody tr:last-child td{border-bottom:none}.tokens__table tbody tr:hover{background-color:#7c3aed0d}.tokens__name{font-weight:500}.tokens__date{color:var(--text-secondary);cursor:default}.tokens__never{color:var(--text-secondary);font-style:italic;opacity:.6}.tokens__actions{text-align:right;white-space:nowrap;width:1%}.tokens__delete-btn{align-items:center;background:none;border:1px solid #0000;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:background-color .15s,border-color .15s,color .15s,transform .1s}.tokens__delete-btn:hover{background-color:#f871711f;border-color:#f871714d;color:var(--error)}.tokens__skeleton-row td{border-bottom:1px solid var(--border);padding:14px 20px}.tokens__skeleton{animation:tokens-shimmer 1.4s infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:6px;display:inline-block;height:14px}@keyframes tokens-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tokens__form{gap:20px}.tokens__field,.tokens__form{display:flex;flex-direction:column}.tokens__field{gap:6px}.tokens__label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.tokens__input{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:.95rem;padding:10px 14px;transition:border-color .2s;width:100%}.tokens__input:focus{border-color:var(--accent);outline:none}.tokens__submit-btn{background-color:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:4px;padding:12px;transition:background-color .2s,transform .1s;width:100%}.tokens__submit-btn:hover:not(:disabled){background-color:var(--accent-light)}.tokens__submit-btn:disabled{cursor:not-allowed;opacity:.6}.tokens__reveal{display:flex;flex-direction:column;gap:16px}.tokens__reveal-warning{background-color:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;color:#fbbf24;font-size:.9rem;padding:10px 14px}.tokens__reveal-row{align-items:center;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:8px;display:flex;gap:8px;padding:10px 12px}.tokens__reveal-value{color:var(--accent-light);flex:1 1;font-family:SF Mono,Consolas,Monaco,monospace;font-size:.8rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.tokens__copy-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:6px;transition:background-color .15s,color .15s,transform .1s}.tokens__copy-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.tokens__cards{display:none}.tokens__card{background-color:var(--bg-secondary);border-color:var(--border);border-radius:10px;border-style:solid;border-width:1px;margin-bottom:10px;padding:14px 16px}.tokens__card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.tokens__card-info{align-items:center;color:var(--text-secondary);column-gap:6px;display:flex;font-size:.82rem}.tokens__card-dot{opacity:.5}@media (max-width:768px){.tokens{padding:24px 16px}.tokens__header{align-items:center}.tokens__title{font-size:1.4rem}.tokens__add-btn{font-size:.85rem;padding:8px 16px}.tokens__table-wrapper{display:none}.tokens__cards{display:block}.tokens__card-info{justify-content:space-between}.tokens__empty,.tokens__subtitle{font-size:.85rem}}.setup{padding:40px 24px}.setup__container{margin:0 auto;max-width:1200px}.setup__title{font-size:1.8rem;font-weight:700;margin-bottom:8px}.setup__subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:32px}.setup__card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden}.setup__step{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:16px;padding:20px 24px}.setup__step:last-child{border-bottom:none}.setup__step-number{align-items:center;background-color:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:26px;justify-content:center;margin-top:1px;width:26px}.setup__step-body{display:flex;flex-direction:column;gap:10px;min-width:0}.setup__step-text{font-size:.95rem;line-height:1.5}.setup__code{background-color:var(--bg-tertiary);border-radius:4px;color:var(--text-primary);font-family:SF Mono,Consolas,Monaco,monospace;font-size:.85em;padding:2px 6px}.setup__value-row{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:8px;overflow-x:auto;padding:10px 14px}.setup__value{color:var(--accent-light);font-family:SF Mono,Consolas,Monaco,monospace;font-size:.9rem;white-space:nowrap}.setup__link{color:var(--accent-light);text-decoration:none}.setup__link:hover{text-decoration:underline}@media (max-width:768px){.setup{padding:24px 16px}.setup__title{font-size:1.4rem}.setup__step{padding:16px}}.profile{padding:40px 24px}.profile__container{margin:0 auto;max-width:1200px}.profile__title{font-size:1.8rem;font-weight:700;margin-bottom:32px}.profile__card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:32px}.profile__user-info{align-items:center;display:flex;gap:24px}.profile__avatar{align-items:center;background-color:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;font-weight:700;height:72px;justify-content:center;width:72px}.profile__details{display:flex;flex-direction:column;gap:4px}.profile__name{font-size:1.3rem;font-weight:600}.profile__username{font-family:monospace}.profile__email,.profile__username{color:var(--text-secondary);font-size:.95rem}.profile__meta{color:var(--text-secondary);font-size:.85rem;margin-top:2px}.profile__plan{color:var(--accent-light);font-weight:600}.profile__stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.profile__stat-card{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:24px}.profile__stat-value{font-size:1.6rem;font-weight:700}.profile__status_active{color:var(--success);font-size:1.1rem}.profile__stat-label{color:var(--text-secondary);font-size:.85rem}.profile__subscription{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;margin-top:24px;padding-top:24px}.profile__subscription-row{align-items:center;display:flex;gap:12px}.profile__subscription-label{color:var(--text-secondary);font-size:.9rem;min-width:140px}.profile__subscription-value{font-size:.95rem}.profile__autorenewal{font-size:.95rem;font-weight:500}.profile__autorenewal--on{color:var(--text-primary)}.profile__autorenewal--off{color:var(--text-secondary)}.profile__autorenewal-row{align-items:center;display:flex;gap:12px}.profile__toggle{background-color:var(--border);border:none;border-radius:8px;cursor:pointer;flex-shrink:0;height:16px;padding:0;position:relative;transition:background-color .5s ease;width:28px}.profile__toggle--on{background-color:#22c55e}.profile__toggle-thumb{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;height:12px;left:2px;position:absolute;top:2px;transition:transform .5s cubic-bezier(.25,.8,.25,1);width:12px}.profile__toggle--on .profile__toggle-thumb{transform:translateX(12px)}.profile__toggle:disabled{cursor:not-allowed;opacity:.5}.profile__logout-btn{background-color:initial;border:1px solid #f871714d;border-radius:8px;color:var(--error);font-size:.95rem;font-weight:600;padding:12px 24px;transition:background-color .2s,transform .1s}.profile__logout-btn:hover{background-color:#f8717126}@media (max-width:600px){.profile__user-info{flex-direction:column;text-align:center}.profile__stats-grid{grid-template-columns:1fr}}.info{margin:48px auto;max-width:720px;padding:0 24px}.info__title{color:var(--text-primary);font-size:1.6rem;font-weight:700;margin-bottom:32px}.info__section{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:24px}.info__section-title{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.6px;margin-bottom:16px;text-transform:uppercase}.info__row{border-bottom:1px solid var(--border);display:flex;font-size:.95rem;gap:12px;padding:10px 0}.info__row:last-child{border-bottom:none;padding-bottom:0}.info__row-label{color:var(--text-secondary);flex-shrink:0;min-width:120px}.info__row-value{color:var(--text-primary);font-weight:500}.info__row-value a{color:var(--accent-light);transition:color .2s}.info__row-value a:hover{color:var(--text-primary)}@media (max-width:768px){.info{margin:24px auto;padding:0 16px}.info__title{font-size:1.3rem;margin-bottom:24px}.info__section{padding:16px}.info__row{flex-direction:column;gap:4px}.info__row-label{min-width:0;min-width:auto}}.offer{max-width:800px}.offer__back{color:var(--text-secondary);display:inline-block;font-size:.9rem;margin-bottom:24px;transition:color .2s}.offer__back:hover{color:var(--accent-light)}.offer__title{color:var(--text-primary);font-size:1.4rem;font-weight:700;letter-spacing:1px;margin-bottom:8px}.offer__subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:40px}.offer__section{margin-bottom:32px}.offer__section-title{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:12px;padding-bottom:8px}.offer__section p{color:var(--text-secondary);font-size:.92rem;line-height:1.7;margin-bottom:8px}.offer__section p strong{color:var(--text-primary)}.offer__section ul{color:var(--text-secondary);font-size:.92rem;line-height:1.7;margin:4px 0 12px 20px}.offer__section li{margin-bottom:4px}.offer__section a{color:var(--accent-light);transition:color .2s}.offer__section a:hover{color:var(--text-primary)}.documents__list{display:flex;flex-direction:column;gap:12px}.documents__item{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);display:flex;font-size:1rem;font-weight:500;justify-content:space-between;padding:20px 24px;transition:border-color .2s,background-color .2s}.documents__item:hover{background-color:var(--bg-tertiary);border-color:var(--accent)}.documents__item-arrow{color:var(--text-secondary);font-size:1.1rem;transition:color .2s,transform .2s}.documents__item:hover .documents__item-arrow{color:var(--accent-light);transform:translateX(4px)}:root{--bg-primary:#0d0b1a;--bg-secondary:#1a1533;--bg-tertiary:#251e4a;--accent:#7c3aed;--accent-light:#a78bfa;--text-primary:#e2e0f0;--text-secondary:#9690b0;--success:#34d399;--error:#f87171;--border:#2d2654}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#0d0b1a;background-color:var(--bg-primary);color:#e2e0f0;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh}a{color:#a78bfa;color:var(--accent-light);text-decoration:none}a:hover{color:#7c3aed;color:var(--accent)}a,button{-webkit-tap-highlight-color:transparent;outline:none}button{cursor:pointer;font-family:inherit}a:focus,button:focus{outline:none}a:focus-visible,button:focus-visible{border-radius:8px;outline:2px solid #7c3aed;outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{font-family:inherit}.app{display:flex;flex-direction:column;min-height:100vh}.app main{flex:1 1}
/*# sourceMappingURL=main.00a78382.css.map*/