@import url('/fonts.css');
:root{font-family:'Segoe UI','Microsoft YaHei',sans-serif;color:#233f38;background:#f5f7f4;font-synthesis:none;--green:#174e43;--line:#e0e6e0;--muted:#77877f;--lime:#d9efa5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;transition:background .16s,transform .16s}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:3px solid #81af75;outline-offset:3px}input,select,textarea{width:100%;border:1px solid #d9e2db;border-radius:10px;padding:11px 13px;background:#fff;color:#233f38;outline:none}input:focus,textarea:focus,select:focus{border-color:#4c806a;box-shadow:0 0 0 3px #e6f1df}label{display:grid;gap:8px;font-size:13px;color:#5a7065}textarea{resize:vertical;line-height:1.8}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;margin-bottom:9px}h2{font-size:18px;font-weight:600}h3{font-size:16px}p{line-height:1.8}.muted{color:var(--muted);font-size:13px}.btn{padding:11px 17px;border-radius:10px;background:var(--green);color:#fff;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.secondary{background:#edf2eb;color:var(--green)}.btn.plain{background:transparent;color:#657c70}.btn.danger{background:#fbece9;color:#a54537}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.grid{display:grid;gap:18px}.two{grid-template-columns:1fr 1fr}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:7px;background:#eef4e9;color:#4c764b;font-size:11px;white-space:nowrap}.pill.warn{background:#fff4da;color:#947529}.pill.gray{background:#edf0ef;color:#79857e}.eyebrow{font-size:11px;letter-spacing:2px;color:#839886;text-transform:uppercase;font-weight:600}.brand{display:flex;gap:11px;align-items:center;font-weight:700;font-size:18px;letter-spacing:.3px}.brand img{width:40px;height:40px}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:2px;color:#849987;margin-top:5px}.layout{min-height:100vh;display:grid;grid-template-columns:226px 1fr}.sidebar{padding:30px 20px 22px;border-right:1px solid var(--line);background:#fcfdfb;position:fixed;top:0;bottom:0;width:226px;display:flex;flex-direction:column}.sidebar .brand{margin-bottom:44px}.navlabel{font-size:10px;color:#91a095;letter-spacing:2px;padding:0 14px;margin-bottom:12px}.nav{display:grid;gap:7px}.nav button{display:flex;align-items:center;gap:14px;border-radius:10px;background:transparent;text-align:left;padding:13px 15px;font-size:13px;color:#7c8981}.nav button.active{background:#eaf1e5;color:#174e43;font-weight:700}.nav .symbol{font-size:17px;width:19px;text-align:center}.sidebar-bottom{margin-top:auto}.workspace-note{background:#f0f4eb;border:1px solid #e1e8d9;border-radius:13px;padding:16px;font-size:12px;line-height:1.8;margin:20px 0}.workspace-note strong{display:block;margin-bottom:3px}.user-card{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:10px;font-size:12px}.avatar{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#e4ecd8;color:#497048;font-weight:600}.content{grid-column:2;min-width:0}.topbar{height:77px;padding:0 38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fbfcfa;font-size:12px;color:#859187}.topbar .divider{padding:0 13px;color:#b6beb6}.topbar strong{color:#334c40;font-weight:500}.topbar-right{display:flex;gap:16px;align-items:center}.dot{width:6px;height:6px;border-radius:50%;background:#6a9560;display:inline-block}.main{padding:34px 38px 48px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:20px}.page-head p{margin:0;font-size:13px;color:#7c8c81}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 23px}.metric-top{font-size:12px;color:#849185;display:flex;justify-content:space-between}.metric-value{font-size:31px;margin:12px 0 5px;letter-spacing:-1px;font-weight:600}.metric-value small{font-size:13px;font-weight:400;color:#8c978e;letter-spacing:0}.metric .muted{font-size:11px}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:16px}.panel-head h2{margin:0}.banner{border:1px solid #e4eacb;background:#f4f7e9;border-radius:12px;padding:13px 17px;font-size:12px;color:#78845b;line-height:1.7;margin-bottom:22px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{font-size:12px;border-radius:8px;padding:8px 12px;background:transparent;color:#7b887e}.filters button.active{background:#edf3e9;color:#2f6047}.accounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.account{border:1px solid var(--line);border-radius:13px;padding:19px;position:relative}.account .platform-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:17px;background:#e4f6ec;color:#2c9d60}.account[data-platform=telegram] .platform-icon{background:#e7f3fc;color:#3994c5}.account[data-platform=snapchat] .platform-icon{background:#fbf8cb;color:#84782a}.account-title{margin:16px 0 4px;font-size:15px;font-weight:600}.account-details{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:#8b998e;margin:15px 0 18px}.account-footer{border-top:1px solid #eff2ec;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:4px}.account-footer .btn{padding:8px 12px}.account-footer .muted{font-size:10px}.empty{text-align:center;padding:45px 20px;color:#8a998e;line-height:1.9}.empty .empty-mark{font-size:32px;color:#7fa071;margin-bottom:12px}.empty h3{color:#496747;margin-bottom:8px}.empty p{font-size:13px;margin-bottom:18px}.translation-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px}.translate-area{min-height:240px;border:0;padding:0;box-shadow:none!important;font-size:16px}.translate-output{min-height:240px;white-space:pre-wrap;line-height:1.85;font-size:16px;color:#375e48;overflow-wrap:anywhere}.translate-output.placeholder{color:#a2aea5}.translator-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.phrase{padding:13px 0;border-bottom:1px solid #edf1ea}.phrase:last-child{border:0}.phrase button{background:transparent;text-align:left;padding:0;width:100%;color:#365b45}.phrase strong{font-size:13px;display:block;margin-bottom:6px}.phrase p{font-size:12px;line-height:1.7;color:#889687;margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{background:#f7f9f5;font-weight:500;color:#82917f;padding:13px 12px;white-space:nowrap}td{padding:17px 12px;border-bottom:1px solid #edf0e9;vertical-align:middle}td .btn{padding:7px 10px;font-size:11px}td:first-child{font-weight:600}tbody tr:last-child td{border-bottom:0}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.login-story{background:#174e43;padding:50px 65px;display:flex;flex-direction:column;color:#e6efd8;position:relative;overflow:hidden}.login-story .brand small{color:#94b49c}.login-story .brand img{background:#e6efd8}.login-copy{margin:auto 0;padding:55px 0}.login-copy h1{font-size:48px;line-height:1.35;letter-spacing:-2px;max-width:490px}.login-copy p{color:#acc6b7;font-size:15px;max-width:370px;margin-top:25px}.login-copy .eyebrow{color:#c4d59d;margin-bottom:24px}.login-bubble{background:#2d6054;border:1px solid #487969;padding:20px 24px;border-radius:16px;margin-top:35px;max-width:420px}.login-bubble small{color:#a6c2ad;font-size:11px}.login-bubble p{font-size:14px;color:#e1ecd7;margin:10px 0}.login-bubble .example{font-size:10px;color:#88aa96}.login-footer{font-size:11px;color:#9ebba9;letter-spacing:1px}.login-form{padding:70px;display:flex;align-items:center;justify-content:center}.login-form form{width:100%;max-width:360px;display:grid;gap:23px}.login-form h2{font-size:28px;margin:8px 0}.login-form p{font-size:13px;color:#8a9789;margin-bottom:10px}.error{font-size:12px;color:#b45b43;line-height:1.8;min-height:0}.login-form .btn{padding:14px}.login-footnote{font-size:11px;color:#a0ac9e;text-align:center}.form-stack{display:grid;gap:18px}.hint{font-size:11px;color:#97a38f;line-height:1.8}.settings-list{font-size:13px;line-height:2.2;color:#758570}dialog{border:1px solid #dfe7d7;border-radius:18px;padding:28px;width:520px;max-width:calc(100vw - 32px);box-shadow:0 20px 100px #193e4126;color:#294936}dialog::backdrop{background:#193e4152;backdrop-filter:blur(3px)}dialog h2{font-size:20px}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dialog-head h2{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#234e40;color:white;padding:13px 23px;border-radius:11px;font-size:13px;z-index:100;max-width:80%;display:none}#toast.show{display:block}.progress{height:6px;background:#eef3e8;border-radius:10px;overflow:hidden;margin:18px 0}.progress progress{width:100%;height:6px;display:block;accent-color:#4f8265}.mobile-brand{display:none}.split-info{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.small-note{font-size:12px;line-height:1.9;color:#81917b}.outcome{font-size:13px;padding:16px;background:#f3f6ef;border-radius:10px;line-height:1.9}.account-search{max-width:250px;font-size:12px}a{color:#397354}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:20px}.toolbar .account-search{margin-left:auto}
@media(max-width:1150px){.accounts{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:28px}.translation-grid{grid-template-columns:1fr}.translation-grid>.panel{display:none}.login-story{padding:40px}.login-form{padding:40px}.login-copy h1{font-size:39px}}
@media(max-width:800px){.layout{grid-template-columns:76px 1fr}.sidebar{width:76px;padding:25px 12px}.sidebar .brand{justify-content:center}.sidebar .brand>div,.navlabel,.nav button>span:not(.symbol),.sidebar-bottom .workspace-note,.user-card>div:not(.avatar){display:none}.nav button{padding:13px;justify-content:center}.nav .symbol{width:18px}.user-card{justify-content:center}.topbar{padding:0 22px}.topbar-right .muted{display:none}.metrics{gap:10px}.metric{padding:16px}.metric-value{font-size:25px}.accounts{grid-template-columns:1fr}.page-head h1{font-size:24px}.login{grid-template-columns:1fr}.login-story{display:none}.login-form{min-height:100vh}.mobile-brand{display:flex;margin-bottom:25px}.two,.split-info{grid-template-columns:1fr}}
.account .platform-icon img{width:32px;height:32px;object-fit:contain}.account{padding:18px 19px}.account-title{margin-top:13px}.account-details{margin:13px 0 16px}.form-stack .dialog-check{display:flex;align-items:center;gap:10px;background:#f3f6ef;padding:11px;border-radius:9px}.form-stack .dialog-check input{width:auto;margin:0;accent-color:#2c7054}.form-stack .grid.two{gap:13px}
.account .platform-icon img{width:32px;height:32px;object-fit:contain}.account{padding:18px 19px}.account-title{margin-top:13px}.account-details{margin:13px 0 16px}.form-stack .dialog-check{display:flex;align-items:center;gap:10px;background:#f3f6ef;padding:11px;border-radius:9px}.form-stack .dialog-check input{width:auto;margin:0;accent-color:#2c7054}.form-stack .grid.two{gap:13px}
.brand img{display:block;object-fit:contain}.login-story .brand img{border-radius:12px}
.channel-auth-intro{font-size:12px;line-height:1.75;color:#74847a;background:#f5f8f2;border:1px solid #e6ece2;border-radius:10px;padding:12px 14px}.channel-auth-toolbar{display:flex;align-items:center;justify-content:space-between;margin:4px 0 -8px;color:#405b4d;font-size:13px}.channel-auth-toolbar .btn{font-size:11px;padding:7px 10px}.channel-auth-list{display:grid;gap:9px;max-height:44vh;overflow:auto;padding:2px}.channel-auth-card{display:flex!important;align-items:center;gap:12px;margin:0!important;padding:13px 14px;border:1px solid #e2e9df;border-radius:11px;background:#fff;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}.channel-auth-card:hover{border-color:#9db9a1;background:#fbfdf9}.channel-auth-card:has(input:checked){border-color:#77a084;background:#f3f8f0;box-shadow:0 0 0 1px #77a084 inset}.channel-auth-card input{appearance:none;flex:0 0 18px;width:18px;height:18px;margin:0;border:1.5px solid #b9c8bb;border-radius:5px;padding:0;background:#fff;display:grid;place-items:center}.channel-auth-card input:checked{background:#397657;border-color:#397657}.channel-auth-card input:checked::after{content:'✓';color:#fff;font-size:12px;font-weight:700;line-height:1}.channel-auth-card input:focus-visible{outline:3px solid #b7d2a9;outline-offset:2px}.channel-auth-copy{display:grid;gap:5px;min-width:0;flex:1}.channel-auth-copy small{font-size:11px;color:#89968c}.channel-auth-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.channel-auth-title strong{font-size:13px;color:#304f3d}.channel-auth-state{font-size:10px;color:#8b948d;background:#eff1ee;padding:4px 7px;border-radius:6px;white-space:nowrap}.channel-auth-state.is-authorized{color:#36724f;background:#e7f3e6}.channel-auth-check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:transparent;background:#e5eee3;font-size:12px;font-weight:700}.channel-auth-card:has(input:checked) .channel-auth-check{color:#fff;background:#4d8363}.channel-auth-footnote{font-size:11px;line-height:1.7;color:#8b988b;border-top:1px solid #edf1ea;padding-top:10px}