:root{font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#e6eef5;background:#07111b;font-synthesis:none;--bg:#07111b;--panel:#0d1a27;--panel2:#112231;--line:#223648;--muted:#8298aa;--blue:#38bdf8;--green:#34d399;--amber:#fbbf24;--red:#fb7185}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 80% -20%,#0e426044,transparent 35rem),var(--bg)}button,input,select,textarea{font:inherit}button{color:inherit}h1,h2,p{margin:0}h1{font-size:20px;line-height:1.2}h2{font-size:15px}small,.muted{color:var(--muted)}.icon{width:19px;height:19px;flex:none}.button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:7px;padding:6px 12px;border:1px solid #345068;border-radius:5px;background:#122638;color:#dbe8f1;font-weight:650;white-space:nowrap;cursor:pointer}.button:hover{border-color:#4f7897;background:#173048}.button:disabled{opacity:.4;cursor:not-allowed}.button--primary{border-color:#199bd2;background:#169ed8;color:#03131d}.button--primary:hover{color:#e6eef5}.button--danger{border-color:#713747;background:#251720;color:#ff9cac}.button--ghost{border-color:transparent;background:transparent}.field{display:flex;min-width:0;flex-direction:column;gap:5px}.field>span{color:#94aabd;font-size:11px;font-weight:700;letter-spacing:.02em}.field input,.field select,.field textarea{width:100%;min-width:0;height:36px;padding:7px 10px;border:1px solid #2a4358;border-radius:4px;outline:0;background:#091722;color:#e6eef5}.field textarea{height:auto;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #38bdf822}.field small{line-height:1.35}.toggle{display:inline-flex;min-height:36px;align-items:center;gap:8px;white-space:nowrap;font-size:13px;cursor:pointer}.toggle input{position:absolute;opacity:0}.toggle i{position:relative;width:32px;height:18px;border:1px solid #3e5669;border-radius:20px;background:#1a2d3d}.toggle i:after{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#8398a9;content:"";transition:.16s}.toggle input:checked+i{border-color:#159cd4;background:#0d668c}.toggle input:checked+i:after{left:16px;background:#8ddcff}.notice{padding:10px 12px;border-left:3px solid var(--blue);background:#0b2a3c;color:#bce9fb;overflow-wrap:anywhere}.notice--error{border-color:var(--red);background:#321a23;color:#ffc0ca}.notice--success{border-color:var(--green)}.status{display:inline-flex;padding:3px 7px;border:1px solid #53616e;color:#aab8c3;font-size:11px}.status--ok,.status--closed{border-color:#187a61;color:#70e3bd}.status--blocked{border-color:#8b6813;color:#ffd86b}.status--failed{border-color:#87394a;color:#ff9aaa}.app-shell{display:flex;width:100%;height:100dvh;min-width:0}.main-nav{z-index:10;display:flex;width:68px;flex:none;flex-direction:column;gap:4px;padding:10px 7px;border-right:1px solid var(--line);background:#06101a}.main-nav button{display:flex;height:52px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-left:2px solid transparent;background:transparent;color:#70889b;font-size:9px;cursor:pointer}.main-nav button.active{border-color:var(--blue);background:#102a3b;color:#dff5ff}.main-nav button:disabled{opacity:.25}.app-content{position:relative;min-width:0;min-height:0;flex:1;overflow:hidden}.global-notice{position:absolute;z-index:30;top:8px;left:50%;display:flex;max-width:min(720px,calc(100% - 24px));transform:translate(-50%);box-shadow:0 14px 40px #0008}.global-notice .notice{min-width:280px}.global-notice code{word-break:break-all}.clients-workspace{display:grid;width:100%;height:100%;min-width:0;grid-template-columns:var(--client-width) 5px minmax(0,1fr)}.client-sidebar{display:flex;min-width:0;flex-direction:column;gap:10px;padding:12px 0;background:#0a1722;overflow:hidden}.client-sidebar>.button{margin:0 12px}.client-brand{display:flex;align-items:center;justify-content:space-between;padding:0 12px}.client-brand p{margin-top:3px;color:var(--muted);font-size:11px}.client-list{min-height:0;overflow:auto;border-top:1px solid var(--line)}.client-list>button{display:flex;width:100%;min-height:58px;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border:0;border-bottom:1px solid var(--line);border-left:3px solid transparent;background:transparent;text-align:left;cursor:pointer}.client-list>button:hover{background:#102231}.client-list>button.selected{border-left-color:var(--blue);background:#102a3b}.client-list span{min-width:0}.client-list b,.client-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-list small{margin-top:3px}.client-list i{padding:2px 5px;border:1px solid #6b4e25;color:#d9ac64;font-size:9px;font-style:normal}.client-list i.online{border-color:#187a61;color:#55d6a9}.splitter{cursor:col-resize;background:#152a3b}.splitter:hover{background:var(--blue)}.client-main{display:flex;min-width:0;min-height:0;flex-direction:column;background:#08141f}.client-header{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:#0d1c29}.client-header p{max-width:70vw;margin-top:4px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.tabs{display:flex;min-height:42px;flex:none;overflow-x:auto;border-bottom:1px solid var(--line);background:#0b1824}.tabs button{flex:none;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#8197a8;font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer}.tabs button.active{border-color:var(--blue);color:#e6f7ff}.tab-body{min-width:0;min-height:0;flex:1;overflow:auto}.status-page{padding:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.metrics>div{min-height:76px;padding:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d1c29}.metrics span,.metrics b{display:block}.metrics span{margin-bottom:8px;color:var(--muted);font-size:11px}.metrics b{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.connections{margin-top:12px;border:1px solid var(--line);background:#0c1925}.connections>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px}.connections>header span{color:var(--muted);font-size:11px}.connections article{padding:10px 12px;border-top:1px solid var(--line)}.connections article p{margin:4px 0;color:#b4c4d0;font-size:12px}.connections article small{overflow-wrap:anywhere}.empty,.empty-screen{padding:28px;color:var(--muted);text-align:center}.empty-screen{display:grid;height:100%;place-items:center}.section-flat{margin:12px;border:1px solid var(--line);background:#0c1925}.config-grid{display:grid;max-width:980px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.config-grid .wide,.form-actions{grid-column:1/-1}.native-check{display:flex;align-items:center;gap:7px;font-size:13px}.form-actions{display:flex;gap:8px;align-items:center}.rules{container-type:inline-size;min-height:100%;padding:12px}.rules>header{position:sticky;z-index:2;top:-12px;display:flex;justify-content:space-between;gap:8px;margin:-12px -12px 12px;padding:10px 12px;border-bottom:1px solid var(--line);background:#091722ee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rule-list{border:1px solid var(--line);border-bottom:0}.rule-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:end;padding:10px;border-bottom:1px solid var(--line);background:#0b1925}.rule-row:nth-child(2n){background:#0e1d2a}.rule-row>*{min-width:0}.rule-row small{display:block;min-height:16px;white-space:nowrap}.invisible{visibility:hidden}.rule-actions{display:flex;min-height:36px;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.logs{min-height:100%;margin:0;padding:14px;background:#050e16;color:#b7c9d6;font:12px/1.55 SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.page{width:100%;height:100%;padding:16px;overflow:auto}.page--narrow{max-width:820px}.page--full{display:flex;min-height:0;flex-direction:column;padding:0;overflow:hidden}.page-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.page--full>.page-title{flex:none;margin:0;padding:13px 16px;border-bottom:1px solid var(--line);background:#0d1c29}.page-title p{margin-top:3px;color:var(--muted);font-size:11px}.section{margin-bottom:12px;padding:14px;border:1px solid var(--line);background:#0d1c29}.section-title,.policy-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section p{margin-top:7px}.form-grid{display:grid;gap:12px}.totp-setup{display:grid;max-width:420px;gap:12px;margin-top:12px}.totp-setup img{width:210px;height:210px;background:#fff}.users-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:12px}.table-wrap{min-width:0;overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th,.data-table td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{position:sticky;z-index:1;top:0;background:#112332;color:#a9bdcc;font-size:10px;letter-spacing:.03em}.data-table small{display:block;margin-top:4px}.filter-grid{display:grid;flex:none;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px;padding:10px 16px;border-bottom:1px solid var(--line)}.audit-body{min-height:0;flex:1;padding:12px}.audit-body>.data-table{border:1px solid var(--line)}.pager{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid var(--line);background:#0d1c29}.pager span{color:var(--muted);font-size:11px}.segmented{display:flex}.segmented .button{border-radius:0}.overlay{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;padding:16px;place-items:center;background:#01070dbb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #345064;border-radius:6px;background:#0d1c29;box-shadow:0 30px 80px #000b}.modal>header,.drawer>header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.modal__body,.drawer__body{padding:14px}.overlay--drawer{place-items:stretch end;padding:0}.drawer{width:min(520px,92vw);height:100%;background:#0d1c29;box-shadow:-20px 0 60px #0008}.drawer-form{display:grid;gap:12px}@container (min-width:620px){.rule-row{grid-template-columns:repeat(12,minmax(0,1fr))}.rule-http>:nth-child(1){grid-column:span 4}.rule-http>:nth-child(2){grid-column:span 8}.rule-http>:nth-child(3){grid-column:span 8}.rule-http>:nth-child(4){grid-column:span 2}.rule-http>:nth-child(5){grid-column:span 2}.rule-stream>:nth-child(1){grid-column:span 4}.rule-stream>:nth-child(2){grid-column:span 3}.rule-stream>:nth-child(3){grid-column:span 5}.rule-stream>:nth-child(4){grid-column:span 6}.rule-stream>:nth-child(5){grid-column:span 2}.rule-stream>:nth-child(6){grid-column:span 4}.rule-stream>:nth-child(7){grid-column:1/-1}.rule-peer>:nth-child(1),.rule-peer>:nth-child(2),.rule-peer>:nth-child(3){grid-column:span 4}.rule-peer>:nth-child(4){grid-column:span 6}.rule-peer>:nth-child(5){grid-column:span 4}.rule-peer>:nth-child(6){grid-column:span 2}.rule-peer>:nth-child(7){grid-column:1/-1}}@container (min-width:980px){.rule-http{grid-template-columns:minmax(120px,1fr) minmax(180px,1.4fr) minmax(180px,1.4fr) 82px 72px}.rule-stream{grid-template-columns:minmax(110px,1fr) 82px 104px minmax(160px,1.35fr) 78px 132px 164px}.rule-peer{grid-template-columns:minmax(110px,1fr) minmax(130px,1.15fr) minmax(130px,1fr) minmax(140px,1.15fr) 126px 78px 164px}.rule-row>*{grid-column:auto!important}}@media(max-width:1100px){.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.users-layout{grid-template-columns:1fr}}@media(max-width:899px){.app-shell{flex-direction:column}.main-nav{order:2;width:100%;height:calc(62px + env(safe-area-inset-bottom));flex-direction:row;padding:5px 8px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--line);border-right:0}.main-nav button{height:50px;min-width:0;flex:1;border-bottom:2px solid transparent;border-left:0}.app-content{order:1}.clients-workspace{display:flex;flex-direction:column}.client-sidebar{flex:none;padding:9px 0}.client-brand{display:none}.client-sidebar>.button{margin:0 10px}.client-list{display:flex;margin-top:0;overflow-x:auto;border-bottom:1px solid var(--line)}.client-list>button{width:210px;min-width:210px;border-right:1px solid var(--line);border-bottom:0}.splitter{display:none}.client-main{min-height:0;flex:1}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page{padding:12px}.page--full{padding:0}.responsive thead{display:none}.responsive,.responsive tbody,.responsive tr,.responsive td{display:block;width:100%}.responsive tr{margin-bottom:8px;border:1px solid var(--line);background:#0c1925}.responsive td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;border-bottom:1px solid var(--line)}.responsive td:before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:700}.responsive td[colspan]{display:block}.responsive td[colspan]:before{content:none}.audit-body{padding:8px}.table-wrap{overflow:visible}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.config-grid{grid-template-columns:1fr}.config-grid .wide,.form-actions{grid-column:auto}}@media(max-width:520px){.client-header{min-height:56px;padding:8px 10px}.client-header h1{font-size:17px}.status-page{padding:8px}.metrics>div{min-height:68px;padding:10px}.filter-grid{grid-template-columns:1fr}.page-title{align-items:flex-start;flex-direction:column}.page--full>.page-title{flex-direction:row}.policy-row{align-items:flex-start;flex-direction:column}.section{padding:11px}.rules{padding:8px}.rules>header{top:-8px;margin:-8px -8px 8px;padding:8px}.rule-row{padding:9px}.rule-actions{justify-content:flex-start}.overlay{padding:8px}.modal{max-height:calc(100dvh - 16px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.main-nav__logout{margin-top:auto}@media(max-width:899px){.main-nav__logout{margin-top:0}}.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.download-platform{margin-bottom:0}.download-platform .section-title{align-items:flex-start}.download-platform .section-title p{margin-top:5px;color:var(--muted);font-size:12px}.download-list{margin-top:16px;border-top:1px solid var(--line)}.download-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.download-item b,.download-item small{display:block}.download-item small{max-width:190px;margin-top:4px;overflow-wrap:anywhere;color:var(--muted);font-size:10px}.download-item .button{flex:none;text-decoration:none}.download-help{max-width:900px;margin-top:12px}.download-help pre{margin:14px 0 8px;padding:12px;overflow:auto;border:1px solid var(--line);background:#07111b;color:#bce9fb}.download-help p{line-height:1.5}.reverse-ca-control{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);background:#091722}.reverse-ca-control>div{min-width:180px;flex:1}.reverse-ca-control b,.reverse-ca-control small{display:block}.reverse-ca-control small{margin-top:4px}.reverse-ca-control input{max-width:280px;color:var(--muted);font-size:11px}@media(max-width:899px){.reverse-ca-control{align-items:stretch;flex-direction:column}.reverse-ca-control input{max-width:100%}}@media(max-width:1100px){.download-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.download-grid{grid-template-columns:1fr}.download-platform{margin-bottom:0}}.login-page{display:grid;place-items:center;min-height:100dvh;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(56,189,248,.13),transparent 38%),radial-gradient(circle at 80% -10%,rgba(16,185,129,.1),transparent 32%),var(--bg)}.login-panel{width:min(460px,94vw);display:grid;gap:14px;padding:24px;border:1px solid #2a4358;background:linear-gradient(180deg,#0d1f30,#091722);border-radius:16px;box-shadow:0 18px 40px #000d}.login-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;margin-bottom:2px;background:linear-gradient(140deg,#169ed8,#7dd3fc);font-size:32px;font-weight:800;color:#041a2b}.login-panel h1{font-size:28px}.login-panel p{color:var(--muted)}.login-panel .field{gap:6px}.login-panel .button{min-height:40px}.rule-stream{align-items:center}.rule-audit-toggle{display:grid;align-content:start;gap:4px;line-height:1.2}.rule-audit-toggle .toggle{margin-top:2px}.rule-audit-toggle .invisible{min-height:0}.rule-table{width:100%;border-collapse:collapse;font-size:12px;background:#0c1925}.rule-table th,.rule-table td{padding:8px 10px;border:1px solid var(--line);vertical-align:top;background:#0c1925}.rule-table thead th{position:sticky;top:0;background:#0f2638;color:#9eb4c7;z-index:1}.rule-table .field{margin-bottom:0}.rule-table .field>span{display:none}.rule-table .field input,.rule-table .field select,.rule-table .field textarea{height:34px}.rule-table .rule-actions{display:flex;min-height:auto;white-space:nowrap;align-items:center;justify-content:flex-end;gap:6px}.rule-table small,.rule-table .muted{color:var(--muted)}.alert-fields{display:grid;width:max-content;grid-template-columns:repeat(3,56px);gap:4px}.alert-fields .field input{padding-inline:5px}.notification-list{min-height:0;overflow:auto;padding:12px}.notification{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px;border:1px solid #31516a;border-left:3px solid var(--amber);margin-bottom:8px;background:#102536}.notification.read{border-left-color:#31516a;opacity:.75}.notification b,.notification small,.notification p{display:block}.notification small{margin-top:5px}.notification p{margin-top:8px;color:#c1d0da;line-height:1.45}@media(max-width:899px){.rule-table.responsive thead{display:none}.rule-table.responsive tbody,.rule-table.responsive tr,.rule-table.responsive td{display:block;width:100%}.rule-table.responsive tr{padding:8px 10px;border:1px solid var(--line);margin-bottom:8px}.rule-table.responsive td{border:none;padding:0 0 8px;display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px}.rule-table.responsive td:before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:700}.rule-table.responsive td>*{min-width:0}.rule-table.responsive td.rule-actions{display:flex;align-items:center;justify-content:flex-end;padding-top:4px}}.users-page{width:100%;height:100%;overflow:auto;background:#08141f}.users-page__title{margin:0;padding:16px;border-bottom:1px solid var(--line);background:#0d1c29}.users-layout-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;max-width:1180px;padding:16px}.users-sidebar{height:max-content;border:1px solid var(--line);background:#0d1c29}.users-sidebar__profile{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.users-sidebar__mark{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#164b67;color:#a9e6ff;font-weight:750}.users-sidebar__profile h2{font-size:14px}.users-sidebar__profile p{margin-top:4px;color:var(--muted);font-size:11px}.users-menu{display:grid;padding:6px}.users-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 10px;border:0;border-left:2px solid transparent;background:transparent;color:#9bb0bf;text-align:left;cursor:pointer}.users-menu button:hover{background:#102536;color:#dcecf5}.users-menu button.active{border-left-color:var(--blue);background:#102a3b;color:#e6f7ff}.users-menu span{font-size:12px;font-weight:700}.users-menu small{font-size:10px}.users-content{min-width:0}.users-panel{min-width:0;padding:18px;border:1px solid var(--line);background:#0d1c29}.users-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.users-panel__header p{margin-top:6px;color:var(--muted);font-size:12px}.users-policy{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid var(--line);background:#0b1925}.users-policy h3{font-size:13px}.users-policy p{margin-top:6px;color:var(--muted);font-size:12px}.users-audit-filters{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:10px;margin-bottom:14px}.users-audit-table{min-height:120px}.users-panel--audit{padding-bottom:0}.users-panel--audit .pager{margin:14px -18px -18px}.users-panel--audit .data-table{border:1px solid var(--line)}@media(max-width:700px){.users-layout-shell{display:block;padding:12px}.users-sidebar{margin-bottom:12px}.users-menu{display:flex;overflow-x:auto;padding:4px}.users-menu button{min-width:180px;flex-direction:column;align-items:flex-start;gap:4px;border-bottom:2px solid transparent;border-left:0}.users-menu button.active{border-bottom-color:var(--blue);border-left-color:transparent}.users-panel{padding:13px}.users-panel--audit .pager{margin:14px -13px -13px}.users-audit-filters{grid-template-columns:1fr}.users-policy{align-items:flex-start;flex-direction:column}}.account-page{width:100%;height:100%;overflow:auto;background:#08141f}.account-page__title{margin:0;padding:16px;border-bottom:1px solid var(--line);background:#0d1c29}.account-layout{display:grid;grid-template-columns:240px minmax(0,680px);gap:16px;max-width:960px;padding:16px}.account-sidebar{height:max-content;border:1px solid var(--line);background:#0d1c29}.account-profile{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.account-avatar{display:grid;width:36px;height:36px;flex:none;place-items:center;border-radius:50%;background:#164b67;color:#a9e6ff;font-size:16px;font-weight:750}.account-profile h2{font-size:14px}.account-profile p{margin-top:4px;color:var(--muted);font-size:11px}.account-menu{display:grid;padding:6px}.account-menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 10px;border:0;border-left:2px solid transparent;background:transparent;color:#9bb0bf;text-align:left;cursor:pointer}.account-menu button:hover{background:#102536;color:#dcecf5}.account-menu button.active{border-left-color:var(--blue);background:#102a3b;color:#e6f7ff}.account-menu span{font-size:12px;font-weight:700}.account-menu small{font-size:10px}.account-content{min-width:0;padding:18px;border:1px solid var(--line);background:#0d1c29}.account-content__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.account-content__header p{margin-top:6px;color:var(--muted);font-size:12px}.account-content>.notice{margin-bottom:16px}.account-empty{display:grid;gap:14px;justify-items:start;padding:22px 0;color:var(--muted);font-size:12px}.account-hint{grid-column:1/-1;color:var(--muted);font-size:12px}.account-form{max-width:440px}.account-form__action{margin-top:4px;justify-self:start}.totp-setup{margin-top:0}.totp-setup p{font-size:12px}@media(max-width:700px){.account-layout{display:block;padding:12px}.account-sidebar{margin-bottom:12px}.account-menu{display:flex;overflow-x:auto;padding:4px}.account-menu button{min-width:170px;flex-direction:column;align-items:flex-start;gap:4px;border-bottom:2px solid transparent;border-left:0}.account-menu button.active{border-bottom-color:var(--blue);border-left-color:transparent}.account-content{padding:13px}.account-content__header{align-items:flex-start}.account-page__title{padding:12px}}