:root{font-family:Inter,SF Pro Display,PingFang SC,sans-serif;color:#1c2430;background:#f4f6f9;font-synthesis:none;--blue: #526ee8;--muted: #7f8997;--line: #e7eaf0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.auth-wrap{min-height:100vh;background:#f7f8fb;position:relative;overflow:hidden}.auth-orb{position:absolute;border-radius:50%;pointer-events:none}.orb-one{width:650px;height:650px;left:-280px;top:-280px;background:radial-gradient(circle,#dfe6ff,transparent 68%)}.orb-two{width:560px;height:560px;right:-210px;bottom:-270px;background:radial-gradient(circle,#dff4eb,transparent 68%)}.auth-top{height:76px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.auth-top>span{font-size:11px;color:#9aa2ad;letter-spacing:.08em}.brand{display:flex;align-items:center;gap:11px;color:#17202b}.brand span,.side-brand>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#18212d;color:#fff;font:italic 19px Georgia;box-shadow:0 7px 20px #1b253325}.brand b{font-size:12px;letter-spacing:.16em}.auth-main{min-height:calc(100vh - 76px);max-width:1120px;margin:auto;padding:45px 32px 110px;display:grid;grid-template-columns:1fr 420px;gap:12vw;align-items:center;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:8px;color:#6077d8;font-size:10px;font-weight:700;letter-spacing:.17em}.auth-message h1{font-size:clamp(52px,6vw,78px);line-height:1.04;letter-spacing:-.055em;margin:22px 0 25px;font-weight:600}.auth-message h1 em{font-family:Georgia,Songti SC,serif;color:var(--blue);font-weight:400}.auth-message>p{max-width:480px;color:#7c8694;font-size:14px;line-height:1.9}.auth-points{display:flex;gap:42px;margin-top:42px}.auth-points>div{display:flex;align-items:center;gap:12px}.auth-points svg{width:20px;color:#6479d8}.auth-points b,.auth-points small{display:block}.auth-points b{font-size:11px}.auth-points small{color:#9ba3ae;font-size:9px;margin-top:5px}.auth-card{background:#ffffffeb;border:1px solid #e1e5ec;border-radius:20px;padding:34px 36px;box-shadow:0 30px 90px #2b374a18;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.auth-card-head span,.auth-card-head small{display:block}.auth-card-head span{font-size:22px;font-weight:600}.auth-card-head small{margin-top:8px;color:#8e97a3;font-size:11px}.auth-card form{margin-top:27px}.auth-card label{display:block;margin:17px 0;color:#53606f;font-size:10px;font-weight:600}.auth-card input{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid #dfe3e9;border-radius:10px;background:#fbfcfd;outline:none;font-size:12px}.auth-card input:focus{border-color:#8b9dec;box-shadow:0 0 0 3px #526ee814;background:#fff}.primary-button{width:100%;padding:13px 16px;border:0;border-radius:10px;background:linear-gradient(135deg,#6078eb,#4864df);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:600;box-shadow:0 8px 22px #4864df35}.primary-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.5}.auth-card form>p{margin:20px 0 0;text-align:center;color:#969eaa;font-size:10px}.auth-card form>p button{border:0;background:none;color:var(--blue)}.side{position:fixed;inset:0 auto 0 0;width:246px;padding:24px 17px 18px;background:linear-gradient(180deg,#151c25,#10161d);color:#fff;display:flex;flex-direction:column;z-index:20}.side-brand{height:46px;padding:0 9px;display:flex;align-items:center;gap:11px}.side-brand>span{width:32px;height:32px;background:#fff;color:#18212c;font-size:17px}.side-brand b,.side-brand small{display:block}.side-brand b{font-size:11px;letter-spacing:.16em}.side-brand small{margin-top:4px;color:#66717f;font-size:7px;letter-spacing:.13em}.side-brand>button{display:none;margin-left:auto;border:0;background:none;color:#87909c}.side nav{flex:1;margin-top:26px}.side nav p{margin:22px 12px 10px;color:#58626f;font-size:8px;letter-spacing:.17em}.side nav button{width:100%;height:43px;margin:3px 0;padding:0 12px;border:0;border-radius:9px;background:none;color:#7d8896;display:flex;align-items:center;gap:12px;font-size:11px}.side nav button:hover{background:#1c2530;color:#d6dce4}.side nav button.active{background:#263140;color:#fff;box-shadow:inset 3px 0 #6d82ec}.side nav .chevron{margin-left:auto;opacity:.5}.side-foot{height:64px;padding:18px 6px 0;border-top:1px solid #252d37;display:grid;grid-template-columns:34px 1fr 28px;align-items:end;gap:10px}.avatar,.user-dot{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#667ceb,#8b71d8);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}.side-foot b,.side-foot small{display:block}.side-foot b{font-size:10px}.side-foot small{color:#697482;font-size:8px;margin-top:4px}.side-foot button{border:0;background:none;color:#6d7886}.main-column{min-height:100vh;margin-left:246px}.top{height:65px;padding:0 38px;border-bottom:1px solid #eaecf0;background:#fffffff0;display:flex;align-items:center;justify-content:flex-end;gap:26px;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top button{border:0;background:none;color:#7e8794;display:flex;align-items:center;gap:7px;font-size:10px}.top .mobile-menu{display:none;margin-right:auto}.service-ok{color:#68727e;display:flex;align-items:center;gap:8px;font-size:9px}.service-ok i,.state i{width:6px;height:6px;border-radius:50%;background:#42b77a}.content{max-width:1280px;margin:auto;padding:42px clamp(28px,5vw,68px) 80px}.page-title{margin-bottom:28px;display:flex;align-items:center;justify-content:space-between}.page-actions{display:flex;align-items:center;gap:9px}.page-title>div>span{color:#566fe0;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-title h1{margin:9px 0 7px;font-size:28px;letter-spacing:-.035em}.page-title p{margin:0;color:#87909c;font-size:11px}.page-title select{padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#697381;font-size:10px}.soft-button,.primary-small{padding:9px 13px;border:1px solid #e1e4e9;border-radius:9px;background:#fff;color:#586372;display:flex;align-items:center;gap:7px;font-size:10px}.primary-small{border-color:var(--blue);background:var(--blue);color:#fff}.valid{padding:8px 11px;border-radius:20px;background:#ecf8f1;color:#35845a;display:flex;gap:6px;font-size:9px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 5px #1b243008}.panel-head{padding:22px 25px;border-bottom:1px solid #edf0f3;display:flex;align-items:center;justify-content:space-between}.panel-head h2{margin:0 0 5px;font-size:13px}.panel-head p{margin:0;color:#8b94a1;font-size:9px}.panel-head button{border:0;background:none;color:#566ee0;display:flex;gap:6px;font-size:9px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stats article{padding:19px;border:1px solid var(--line);border-radius:13px;background:#fff;position:relative}.stats article>span,.stats article>small{display:block;margin-left:44px;color:#8c95a1;font-size:9px}.stats article>strong{display:block;margin:9px 0 7px 44px;font-size:23px}.stats .healthy{color:#3b9d68;font-size:18px}.stat-icon,.setting-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.stat-icon svg,.setting-icon svg{width:16px}.indigo{background:#edf0ff;color:#6076dc}.green{background:#e9f8ef;color:#3d9a67}.amber{background:#fff5df;color:#b77b23}.cyan{background:#e8f7f8;color:#278e96}.simple-row{padding:13px 25px;border-bottom:1px solid #f0f1f3;display:grid;grid-template-columns:38px 1fr 90px 90px;align-items:center}.simple-row b,.simple-row small{display:block}.simple-row b{font-size:10px}.simple-row small,.simple-row time{color:#929aa5;font-size:8px;margin-top:4px}.state{color:#4d966e;display:flex;align-items:center;gap:7px;font-size:9px}.state.used{color:#929ba8}.state.used i{background:#aab1ba}.invite-code{color:#4f64c9;font-weight:650;letter-spacing:.03em}.subscription-card{min-height:330px;border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;grid-template-columns:34% 66%;overflow:hidden;box-shadow:0 12px 35px #2f3a530a}.sub-art{background:radial-gradient(circle,#e9eeff,#f5f7ff 64%);display:grid;place-items:center}.rings{width:94px;height:94px;border-radius:28px;background:linear-gradient(145deg,#687ee8,#5168d7);color:#fff;display:grid;place-items:center;transform:rotate(-6deg);box-shadow:0 20px 45px #4c63d347}.rings svg{width:35px;height:35px}.sub-main{padding:47px 48px}.sub-main>span{color:#6f81d6;font-size:8px;font-weight:700;letter-spacing:.17em}.sub-main h2{margin:12px 0 10px;font-size:22px}.sub-main>p{max-width:560px;color:#808a97;font-size:10px;line-height:1.8}.copy-box{margin-top:23px;border:1px solid #e4e7ec;border-radius:9px;background:#f5f7fa;display:flex;overflow:hidden}.copy-box code{flex:1;min-width:0;padding:13px 14px;color:#576270;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.copy-box button{padding:0 14px;border:0;border-left:1px solid #e1e4e9;background:#fff;color:#5069dd;display:flex;align-items:center;gap:6px;font-size:9px}.sub-actions{margin-top:17px;display:flex;justify-content:space-between}.link-danger{border:0;background:none;color:#ce5a5a;display:flex;align-items:center;gap:6px;font-size:9px}.steps{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps article{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;gap:13px}.steps i{width:28px;height:28px;border-radius:8px;background:#eef1ff;color:#6176d8;display:grid;place-items:center;font-size:9px;font-style:normal}.steps b{font-size:10px}.steps p{margin:5px 0 0;color:#939ba6;font-size:8px}.access-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.access-focus{padding:40px;border:1px solid var(--line);border-radius:15px;background:#fff;text-align:center}.pulse{height:150px;display:grid;place-items:center}.pulse div{width:64px;height:64px;border-radius:50%;background:#edf1ff;color:#5670e2;display:grid;place-items:center;box-shadow:0 0 0 16px #f6f8ff,0 0 0 32px #fafbff}.access-focus>span{color:#929aa5;font-size:8px;letter-spacing:.11em}.access-focus>strong{display:block;margin:11px;font:22px ui-monospace,monospace}.access-badge{display:inline-block;padding:6px 10px;border-radius:20px;background:#fff4dd;color:#aa7523;font-size:9px}.access-badge.allowed{background:#e9f8ef;color:#31825a}.access-button{width:auto;margin:25px auto 0;padding-inline:25px}.access-info{padding:32px}.access-info>svg{width:42px;height:42px;padding:10px;border-radius:12px;background:#eff2ff;color:#5d73d9}.access-info h2{margin:18px 0 10px;font-size:15px}.access-info>p{color:#838d99;font-size:10px;line-height:1.8}.access-info dl{margin-top:22px;padding-top:15px;border-top:1px solid var(--line)}.access-info dl div{padding:8px 0;display:flex;justify-content:space-between;font-size:9px}.access-info dt{color:#929aa5}.access-info dd{margin:0}.chart-placeholder{height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,transparent,transparent 54px,#f3f4f6 55px)}.chart-placeholder>svg{width:35px;color:#92a0b5}.chart-placeholder b{margin-top:14px;font-size:11px}.chart-placeholder p{color:#979faa;font-size:9px}.fake-grid{display:none}.legend{color:#929aa5;font-size:8px}.legend i{display:inline-block;width:15px;height:2px;margin:0 5px 0 10px;background:#566fe0}.line-chart{height:330px;padding:20px 22px 12px;position:relative}.line-chart svg{width:100%;height:100%;overflow:visible}.chart-grid line{stroke:#edf0f4;stroke-width:1;vector-effect:non-scaling-stroke}.chart-grid text,.axis-unit{fill:#929ba8;font-size:9px}.multi-legend{max-width:62%;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px 12px;color:#737d89;font-size:8px}.multi-legend span{display:inline-flex;align-items:center;gap:5px}.multi-legend i{width:14px;height:3px;border-radius:3px}.multi-series>polyline{fill:none;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.multi-series circle{fill:#fff;stroke-width:2;vector-effect:non-scaling-stroke;transition:r .15s ease}.multi-series circle:hover{r:6}.hover-guide{stroke:#9aa4b2;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke;pointer-events:none}.chart-tooltip{position:absolute;top:36px;z-index:4;min-width:155px;padding:11px 13px;border:1px solid #e1e5eb;border-radius:10px;background:#fffffff2;box-shadow:0 10px 30px #26314320;transform:translate(8px);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chart-tooltip.right{transform:translate(calc(-100% - 8px))}.chart-tooltip time{display:block;margin-bottom:8px;color:#929ba8;font-size:8px}.chart-tooltip div{display:grid;grid-template-columns:7px minmax(55px,1fr) auto;align-items:center;gap:7px;padding:3px 0;font-size:9px}.chart-tooltip i{width:7px;height:7px;border-radius:50%}.chart-tooltip span{color:#566170;overflow:hidden;text-overflow:ellipsis}.chart-tooltip b{color:#202936;font-weight:650;white-space:nowrap}.speed-area{fill:#526ee810;stroke:none}.speed-line{fill:none;stroke:#5b72df;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.speed-dot circle{fill:#fff;stroke:#5b72df;stroke-width:2.5;vector-effect:non-scaling-stroke;transition:r .15s ease}.speed-dot text{fill:#536170;font-size:8px;font-weight:600;paint-order:stroke;stroke:#fff;stroke-width:3px}.speed-dot:hover circle{r:7;fill:#5b72df}.usage-chart{margin-top:18px}.usage-legend i{background:#35a878}.usage-area{fill:#35a87812;stroke:none}.usage-line{fill:none;stroke:#35a878;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.usage-dot circle{fill:#fff;stroke:#35a878;stroke-width:2.5;vector-effect:non-scaling-stroke;transition:r .15s ease}.usage-dot text{fill:#39735c;font-size:8px;font-weight:600;paint-order:stroke;stroke:#fff;stroke-width:3px}.usage-dot:hover circle{r:7;fill:#35a878}.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.traffic-stats .ip-value{font-size:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis}.account-overview{display:grid;grid-template-columns:2.2fr .8fr;gap:16px;margin-bottom:18px}.account-overview>article{min-height:165px;padding:25px;border:1px solid var(--line);border-radius:15px;background:#fff}.device-head,.plan-summary{display:flex;align-items:center;gap:16px;position:relative}.overview-icon{width:48px;height:48px;flex:0 0 auto;border-radius:13px;display:grid;place-items:center}.overview-icon.indigo{color:#5b72df;background:#edf1ff}.overview-icon.green{color:#35a878;background:#eaf8f2}.overview-icon svg{width:21px}.plan-summary span,.device-head span,.quota-head span,.device-ip span{display:block;color:#8c95a1;font-size:9px}.plan-summary strong,.device-head strong{display:block;margin:8px 0 6px;font-size:23px}.plan-summary small{color:#929ba6;font-size:8px}.plan-summary>i{position:absolute;right:0;top:0;padding:4px 7px;border-radius:20px;background:#e9f8ef;color:#36835d;font-size:7px;font-style:normal;letter-spacing:.08em}.plan-summary>i.limited{background:#fff0e6;color:#bd6335}.home-device{display:flex;flex-direction:column;justify-content:center}.device-ip{margin:18px 0 12px;padding-top:13px;border-top:1px solid var(--line)}.device-ip code{display:block;margin-top:6px;color:#526070;font-size:10px;overflow:hidden;text-overflow:ellipsis}.whitelist-button{width:100%;justify-content:center}.plan-quota-card{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:32px}.plan-summary{height:100%;padding-right:30px;border-right:1px solid var(--line)}.quota-card{display:flex;flex-direction:column;justify-content:center}.quota-head{display:flex;align-items:end;justify-content:space-between}.quota-head strong{display:block;margin-top:7px;font-size:25px}.quota-head small{color:#7f8996;font-size:8px}.quota-track{height:8px;margin-top:22px;border-radius:8px;background:#edf0f5;overflow:hidden}.quota-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6379e3,#758bea)}.quota-card p{margin:8px 0 0;color:#969eaa;font-size:8px}.home-section-title{margin:34px 0 16px}.home-section-title>span{color:#566fe0;font-size:9px;font-weight:700;letter-spacing:.12em}.home-section-title h2{margin:8px 0 5px;font-size:20px}.home-section-title p{margin:0;color:#8c95a1;font-size:10px}.home-subscription{margin-bottom:14px;display:block}.home-subscription .sub-main{width:100%;padding:36px 42px}.platform-tabs{margin-top:20px;padding:4px;border-radius:10px;background:#f1f3f7;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.platform-tabs button{padding:9px 7px;border:0;border-radius:7px;background:transparent;color:#7f8996;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px}.platform-tabs button svg{width:14px}.platform-tabs button.active{background:#fff;color:#5068d8;font-weight:650;box-shadow:0 2px 8px #30394b12}.client-list{margin-top:12px;display:grid;gap:9px}.client-row{padding:15px;border:1px solid #e5e8ee;border-radius:11px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px}.clash-logo,.shadowrocket-logo{width:42px;height:42px;border-radius:12px;color:#fff;display:grid;place-items:center;font-size:18px;font-weight:800}.clash-logo{background:linear-gradient(145deg,#6680ee,#4965dc);box-shadow:0 7px 18px #536ee43d}.shadowrocket-logo{background:linear-gradient(145deg,#ff765f,#ef3e48);box-shadow:0 7px 18px #ef4d4a35}.client-info b,.client-info small{display:block}.client-info b{font-size:11px}.client-info small{margin-top:5px;color:#929ba6;font-size:8px}.client-actions{display:flex;gap:8px}.client-actions button{white-space:nowrap}.home-actions{margin-top:18px}.home-actions>div:last-child{display:grid;grid-template-columns:repeat(3,1fr)}.home-actions button{padding:22px 24px;border:0;border-right:1px solid var(--line);background:#fff;display:grid;grid-template-columns:34px 1fr 16px;align-items:center;gap:12px;text-align:left;color:#687484}.home-actions button:last-child{border-right:0}.home-actions button>svg:first-child{width:34px;height:34px;padding:8px;border-radius:9px;background:#eff2ff;color:#5d73d9}.home-actions button>svg:last-child{width:14px}.home-actions b,.home-actions small{display:block}.home-actions b{color:#313a46;font-size:10px}.home-actions small{margin-top:4px;color:#979faa;font-size:8px}.traffic-users{margin-bottom:18px}.traffic-users .panel-head{margin:0 -20px}.ip-list{display:flex;flex-wrap:wrap;gap:5px}.ip-list code{padding:4px 7px;border-radius:6px;background:#f1f3f7;color:#596675;font-size:8px}.ip-list>span{color:#a0a7b0;font-size:8px}.settings>div,.list>div{padding:22px 26px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px}.setting-icon{background:#eff2f8;color:#667693}.settings b,.settings p,.list b,.list p{display:block}.settings b,.list b{font-size:10px}.settings p,.list p{margin:5px 0 0;color:#929aa5;font-size:8px}.table-panel{padding:8px 20px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:9px}th,td{padding:14px 10px;border-bottom:1px solid #edf0f3}th{color:#8b94a0;font-weight:500}td{color:#626c79}td button{border:0;background:none;color:#6476ce;font-size:8px}td button svg{width:13px}td .delete{margin-left:8px;color:#cc6060}.table-user{display:flex;align-items:center;gap:9px}.table-user span{width:28px;height:28px;border-radius:8px;background:#eef1ff;color:#5b71d6;display:grid;place-items:center}.empty{padding:55px;color:#98a0ab;text-align:center;font-size:9px}.users-table .actions-head{min-width:355px;text-align:right}.users-table td:last-child{text-align:right}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.row-actions button{min-width:62px;height:30px;padding:0 11px;border:1px solid #e0e4eb;border-radius:7px;background:#fff;color:#59677a;font-size:8px;white-space:nowrap}.row-actions .renew{border-color:#cfe9dc;background:#f1fbf6;color:#34835b}.row-actions .add-traffic{border-color:#d8dfff;background:#f2f4ff;color:#536ad3}.row-actions .delete{margin-left:0;border-color:#f0dddd;background:#fff7f7;color:#c45b5b}.toast{position:fixed;left:50%;bottom:26px;padding:11px 17px;border-radius:9px;background:#202832;color:#fff;transform:translate(-50%);box-shadow:0 10px 35px #0000002e;font-size:10px;z-index:50}.toast-enter-active,.toast-leave-active{transition:.2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,10px)}.modal-backdrop{position:fixed;inset:0;background:#1319228c;display:grid;place-items:center;z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(430px,calc(100% - 30px));max-height:80vh;padding:30px;border-radius:16px;background:#fff;overflow:auto;position:relative;text-align:center;box-shadow:0 30px 90px #0004}.modal-x{position:absolute;right:14px;top:13px;border:0;background:none;color:#929aa5}.modal-success{width:45px;height:45px;margin:auto;border-radius:50%;background:#e9f8ef;color:#3b9765;display:grid;place-items:center}.modal h2{margin:16px 0 7px;font-size:18px}.modal>p{margin-bottom:20px;color:#858e9a;font-size:9px}.secret{margin:9px 0;padding:11px 8px 11px 12px;border:1px solid #e8eaee;border-radius:9px;background:#f7f8fa;display:grid;grid-template-columns:1fr 28px;text-align:left}.secret span{font-size:7px;color:#959da7}.secret code{grid-column:1;margin-top:5px;color:#4e5967;word-break:break-all;font-size:9px}.secret button{grid-column:2;grid-row:1/3;border:0;background:none;color:#6678d1}.modal>.primary-button{margin-top:20px}@media(max-width:900px){.side{transform:translate(-100%);transition:.2s}.side.open{transform:none;box-shadow:20px 0 70px #0004}.side-brand>button{display:block}.main-column{margin-left:0}.top .mobile-menu{display:flex}.auth-main{max-width:520px;grid-template-columns:1fr;gap:48px}.auth-message{text-align:center}.eyebrow,.auth-points{justify-content:center}.auth-message>p{margin-inline:auto}.stats{grid-template-columns:1fr 1fr}.account-overview{grid-template-columns:1fr}.plan-quota-card{grid-template-columns:1fr 1.3fr}.subscription-card{grid-template-columns:1fr}.sub-art{min-height:190px}.access-grid{grid-template-columns:1fr}}@media(max-width:560px){.auth-top{padding:0 20px}.auth-top>span{display:none}.auth-main{padding:25px 18px 70px}.auth-message h1{font-size:46px}.auth-message>p{font-size:12px}.auth-points{gap:20px}.auth-card{padding:28px 23px}.top{padding:0 18px}.content{padding:28px 16px 60px}.page-title{align-items:flex-start;gap:12px}.page-title h1{font-size:24px}.stats,.steps,.account-overview,.plan-quota-card{grid-template-columns:1fr}.plan-summary{padding:0 0 22px;border-right:0;border-bottom:1px solid var(--line)}.home-actions>div:last-child{grid-template-columns:1fr}.home-actions button{border-right:0;border-bottom:1px solid var(--line)}.sub-main{padding:28px 20px}.platform-tabs button{font-size:0}.platform-tabs button svg{width:17px}.client-row{grid-template-columns:42px 1fr}.client-actions{grid-column:1/-1}.client-actions button{flex:1}.copy-box{display:block}.copy-box button{width:100%;padding:10px;border-left:0;border-top:1px solid var(--line);justify-content:center}.simple-row{grid-template-columns:38px 1fr 70px}.simple-row time{display:none}}