[hidden]{display:none!important}.customer-main{padding-top:38px;padding-bottom:60px;min-height:75vh}.auth-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:32px 0}.auth-layout h1{font-size:clamp(42px,5vw,68px)}.auth-card{background:white;border:1px solid #bed4e5;border-radius:22px;padding:30px;box-shadow:0 12px 42px #597c9415}.auth-tabs{display:flex;gap:5px;border-bottom:1px solid #d3e0ea;margin-bottom:25px;padding-bottom:14px;flex-wrap:wrap}.auth-tabs button{border:0;background:transparent;color:#466882;padding:9px 10px;cursor:pointer}.auth-tabs button.current{background:#e9f3fa;color:#215d89;border-radius:6px}.auth-form h2{font-size:29px;margin-bottom:20px}.auth-form label,#preferences-form label{display:block;font-size:14px;font-weight:550;color:#38556b;margin:18px 0}.auth-form input:not([type=checkbox]),.auth-form select,#preferences-form select{display:block;width:100%;margin-top:8px;border:1px solid #adcadc;border-radius:7px;padding:12px;color:#213d52;background:#f7fafc;font:inherit}.auth-form input:focus,#preferences-form select:focus{outline:2px solid #5592b7;outline-offset:2px}.auth-form .check-label{display:flex;align-items:start;gap:8px;font-size:13px}.check-label input{margin-top:5px}.auth-form .button{width:100%;margin-top:8px}.secondary-button{border:1px solid #afcbdf;border-radius:6px;background:#f5f9fd;padding:10px 14px;color:#335d7a;font:inherit;font-size:13px;cursor:pointer;margin-top:15px}.secondary-button:hover{background:#e5f0f7}button:disabled{opacity:.6;cursor:wait}#customer-message{background:#e8f2fa;border-radius:9px;line-height:1.5;color:#244965;white-space:pre-line}#customer-message:not(:empty){padding:16px 20px;border:1px solid #aacae0}.account-layout{display:grid;grid-template-columns:225px 1fr;gap:28px}.account-nav{align-self:start;background:#e4eef6;border:1px solid #bdd2e2;border-radius:16px;padding:24px 18px}.account-nav>p{font-size:12px;overflow-wrap:anywhere;margin-top:15px;color:#365974}.account-nav nav{display:flex;flex-direction:column;gap:7px;align-items:stretch}.account-nav nav [data-view]{border:0;background:transparent;text-align:left;padding:12px;color:#3f6078;border-radius:7px;font:inherit;font-size:14px;cursor:pointer}.account-nav nav [data-view].current{background:white;color:#245e88;box-shadow:0 5px 10px #4f779111}.account-content{background:#fff;border:1px solid #bdd3e4;border-radius:20px;padding:35px;min-width:0}.account-view h2{font-size:37px;margin-bottom:25px}.account-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.account-metrics article{padding:22px;background:#eff5fa;border:1px solid #ccdfea;border-radius:12px}.account-metrics h3{font-size:17px;line-height:1.4;margin-top:15px}.account-metrics p{font-size:13px;color:#506c80;margin-bottom:0}.subscription-state{padding:24px;background:#f1f7fb;border:1px solid #cbdfea;border-radius:12px;color:#37566d}.subscription-state h3{margin-bottom:10px}.account-content .plans-list{grid-template-columns:1fr}.account-content .plan{padding:24px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px;min-width:480px}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #d8e5ee}th{font-size:12px;font-weight:650;color:#406783;background:#f0f6fa}td{color:#3c596f}#preferences-form{max-width:450px}#view-settings .fine{margin-top:22px;max-width:520px}.auth-form .fine{font-size:13px;color:#516c80;line-height:1.6}
@media(max-width:900px){.auth-layout{gap:32px}.auth-card{padding:24px}.account-layout{grid-template-columns:190px 1fr;gap:18px}.account-content{padding:25px}.account-metrics{grid-template-columns:1fr}}
@media(max-width:640px){.customer-main{padding-top:24px}.auth-layout{grid-template-columns:1fr;padding-top:15px;gap:25px}.auth-layout>div:first-child h1{font-size:42px}.auth-layout .intro{font-size:15px}.auth-card{padding:22px}.account-layout{grid-template-columns:1fr}.account-nav nav{flex-direction:row;flex-wrap:wrap;gap:3px}.account-nav nav [data-view]{padding:9px;font-size:13px}.account-nav{padding:20px}.account-content{padding:24px 20px}.account-view h2{font-size:31px}}
#connection-dialog{box-sizing:border-box;width:min(850px,calc(100vw - 32px));max-width:850px;max-height:calc(100dvh - 32px);overflow:auto;color:#21394c;background:#fff}.connection-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.connection-heading h2{margin:0 0 16px}.connection-warning{padding:16px;border:1px solid #ddc78e;background:#fff6dc;border-radius:12px;color:#654d18}.connection-content{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;margin-top:24px}.connection-code{text-align:center}.connection-code img{display:block;margin:0 auto;max-width:100%;background:white}.connection-content textarea{display:block;box-sizing:border-box;width:100%;margin:8px 0 14px;padding:12px;border:1px solid #b8cbd9;border-radius:10px;color:#21394c;background:#f5f9fc;resize:none;font:14px monospace;overflow-wrap:anywhere}.connection-content ol{padding-left:22px;line-height:1.7}.connection-dialog #connection-status{padding-top:12px;border-top:1px solid #dce7ee;font-size:14px}.connection-dialog::backdrop{background:rgba(24,45,64,.55)}
@media(max-width:640px){.connection-dialog{padding:20px}.connection-content{grid-template-columns:1fr;gap:14px}.connection-heading{gap:10px}.connection-heading h2{font-size:28px}.connection-dialog .button{width:100%}}
.subscription-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:20px}.subscription-heading h2{margin-bottom:0}.subscription-heading button{margin-top:4px}.subscription-state+.subscription-state{margin-top:16px}.subscription-state .secondary-button{margin-right:10px}.subscription-expired{background:#fff7e8;border-color:#d8bc83;color:#644d21}.subscription-review,.subscription-suspending,.subscription-revoked{background:#fdf0ee;border-color:#dca69e;color:#743c35}.subscription-pending{border-top:1px solid #c4d7e4;padding-top:14px;font-size:14px;line-height:1.6}