:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#273d34;background:#f4f6f3;font-synthesis:none;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}.workspace{display:flex;min-height:100vh}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:#173d30;color:#dce9df;padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px;font-size:20px;font-weight:650;letter-spacing:1px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;color:#a8beb0;margin-top:3px}.brand-icon{display:grid;place-items:center;background:#e8f2d6;color:#234632;width:40px;height:43px;border-radius:12px;font-family:Georgia,serif;font-size:28px}.nav-caption{font-size:11px;letter-spacing:2px;color:#90af9e;margin:51px 12px 16px}.nav-item{padding:13px 14px;display:flex;gap:12px;align-items:center;font-size:13px;border-radius:7px}.nav-item.active{background:#2c5140;color:#f0f7e7}.nav-dot{width:5px;height:5px;background:#c9dfa1;border-radius:50%;margin-left:auto}.sidebar-note{margin:auto 12px 26px;font-size:12px;color:#d2e1d7}.sidebar-note p{color:#94af9e;font-size:11px;line-height:1.9;padding-left:14px}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#bbd39c;margin-right:8px}.sidebar-footer{border-top:1px solid #365747;padding:18px 12px 0;font-size:9px;letter-spacing:1.6px;color:#87a291}.sidebar-footer span{float:right}main{margin-left:238px;flex:1;min-width:0}.topbar{height:73px;background:#fff;border-bottom:1px solid #e4e9e3;display:flex;align-items:center;justify-content:space-between;padding:0 43px;font-size:12px;color:#6b7d71}.topbar b{font-weight:400;color:#bdc8be;margin:0 12px}.environment{background:#f1f5eb;border:1px solid #e0e8d5;color:#65764f;padding:5px 11px;border-radius:20px;font-size:10px}.environment i{display:inline-block;width:5px;height:5px;background:#89a55e;border-radius:50%;margin-right:5px}.content{max-width:1190px;margin:auto;padding:36px 43px 25px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2.8px;color:#7a8f7e;margin:0 0 9px}h1{font-size:29px;font-weight:600;letter-spacing:1px;margin:0 0 9px;color:#234735}.subtitle{font-size:12px;color:#79877d;margin:0}.feature-icon{font-size:32px;color:#648766;background:#e9efdf;border:1px solid #dfe8d3;border-radius:15px;padding:14px 21px;font-family:serif;transform:rotate(-5deg)}.feature-icon span{font-size:24px}.notice{display:flex;gap:13px;background:#edf2e6;border:1px solid #dfe7d2;border-radius:8px;padding:14px 17px}.notice-icon{border:1px solid #8b9d71;color:#819364;display:grid;place-items:center;height:17px;min-width:17px;border-radius:50%;font-family:serif;font-size:12px;margin-top:2px}.notice strong{font-size:12px;font-weight:550;color:#526443}.notice p{font-size:11px;margin:4px 0 0;color:#7d896f;line-height:1.7}.steps{display:flex;align-items:center;gap:30px;margin:27px 0}.step{display:flex;align-items:center;gap:10px;flex:1;color:#a0aaa0;font-size:12px}.step>span{display:grid;place-items:center;border:1px solid #d5ddd3;border-radius:50%;height:29px;min-width:29px;font-size:11px}.step small{display:block;font-size:10px;margin-top:2px}.step.done>span{background:#e3ead9;color:#526d43;border-color:#e3ead9}.step.current{color:#305742}.step.current>span{background:#305742;color:#fff;border-color:#305742}.step:not(:last-child):after{content:"";height:1px;background:#dce3d9;flex:1;margin-left:6px}.panel{background:#fff;border:1px solid #e1e7de;border-radius:11px;overflow:hidden;box-shadow:0 3px 15px #263e2412}.panel-header{padding:23px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0e9}h2{font-size:16px;font-weight:600;margin:0;color:#2e4c38}.panel-header p{font-size:11px;color:#81907e;margin:7px 0 0}.sample-tag{display:inline-block;margin-left:10px;font-size:9px;background:#f2f3ee;color:#8a927e;border-radius:3px;padding:1px 6px}.button{border-radius:5px;border:1px solid transparent;padding:9px 16px;font-size:11px;transition:background .15s}.button.secondary{border-color:#dde4d8;background:#fff;color:#6f7e66}.button.secondary:hover{background:#f4f7ef}.button.primary{background:#31553c;color:#fff}.button.primary:hover{background:#23452f}.button.primary span{padding-left:16px}.summary{display:flex;align-items:center;gap:36px;padding:20px 25px;background:#fcfdf9;border-bottom:1px solid #edf0e9}.summary>div:not(.progress-wrap){display:flex;flex-direction:column}.summary strong{font-weight:550;font-size:24px;line-height:1.3;color:#3b5c40}.summary span{font-size:10px;color:#8d9785;margin-top:3px}.progress-wrap{margin-left:auto;width:190px}.progress-wrap span{display:flex;justify-content:space-between;font-size:10px;color:#8b9884}.progress-wrap b{font-weight:400;color:#5e7652}progress{width:100%;height:5px;display:block;border:none;border-radius:10px;overflow:hidden;margin-top:10px;accent-color:#8aab69}progress::-webkit-progress-bar{background:#e8eddf}progress::-webkit-progress-value{background:#8aab69}.toolbar{padding:16px 25px;display:flex;justify-content:space-between;align-items:center}.filters{display:flex;gap:2px;background:#f2f4ee;padding:3px;border-radius:5px}.filters button{border:0;background:transparent;color:#8a9580;font-size:10px;padding:5px 11px;border-radius:3px}.filters .selected{background:#fff;color:#466140;box-shadow:0 1px 3px #1d352116}.text-button{font-size:11px;background:none;border:0;color:#628248}.translation-table{margin:0 25px}.table-heading,.translation-row{display:grid;grid-template-columns:44% 56%}.table-heading{font-size:10px;background:#f4f6f0;color:#85907b;padding:9px 12px;border-radius:4px}.table-heading small{font-size:8px;letter-spacing:1.3px;color:#acb5a2;margin-left:9px}.translation-row{padding:15px 12px;border-bottom:1px solid #edf0e8;align-items:center;min-height:91px}.field-label{font-size:9px;color:#9ca78f}.source p{font-size:12px;color:#495a3f;margin:5px 22px 0 0}.target textarea{width:100%;resize:vertical;min-height:58px;max-height:180px;background:#fcfdf9;border:1px solid #e0e7d6;border-radius:5px;padding:9px 10px;font-size:12px;color:#405236;outline:none}.target textarea:focus{border-color:#8fac70;box-shadow:0 0 0 2px #e4edda}.target textarea::placeholder{color:#b2bbaa;font-size:11px}.preserved{font-size:12px;color:#6b7d5d;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px}.preserved span{font-size:9px;background:#edf2e5;color:#92a27d;padding:2px 7px;border-radius:4px;white-space:nowrap}.panel-footer{padding:20px 25px;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-footer p{font-size:10px;color:#9aa48e}.panel-footer p span{color:#8da575;padding-right:5px}.page-footer{font-size:9px;color:#a3ae99;padding:19px 0;display:flex;justify-content:space-between;gap:20px}.feedback{font-size:11px;padding:12px 25px}.feedback.error{background:#fff0eb;color:#a34831}.feedback.success{background:#f3f7eb;color:#66824a}.empty{padding:60px;text-align:center;color:#8a987f}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:2px solid #91af6d;outline-offset:3px}@media(max-width:1050px){.sidebar{width:200px}main{margin-left:200px}.content{padding:28px 25px}.topbar{padding:0 25px}.summary{gap:20px}.progress-wrap{width:140px}h1{font-size:25px}}@media(max-width:760px){.sidebar{display:none}main{margin-left:0}.topbar{height:57px;padding:0 18px}.content{padding:25px 16px}.feature-icon{display:none}h1{font-size:24px}.steps{gap:8px}.step{font-size:11px;gap:7px}.step small{font-size:8px}.step:not(:last-child):after{display:none}.summary{gap:23px;flex-wrap:wrap;padding:16px}.progress-wrap{width:100%;margin:0}.panel-header{padding:19px 16px}.toolbar{padding:14px 16px}.translation-table{margin:0 16px}.table-heading,.translation-row{grid-template-columns:1fr 1fr;gap:12px}.table-heading small{display:none}.panel-footer{padding:17px 16px;flex-wrap:wrap}.page-footer{display:block;line-height:1.9}.page-footer span{display:block}.preserved{padding:0;display:block}.preserved span{display:block;width:max-content;margin-top:5px}}.connection-card{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px;padding:14px 17px;border:1px solid #e0e6da;border-radius:8px;background:#fff}.connection-card strong{font-size:12px;font-weight:500;color:#49643f}.connection-card p{font-size:10px;color:#89977f;margin:5px 0 0}.connection-badge{white-space:nowrap;font-size:10px;color:#8a956f;background:#f2f4e9;border-radius:4px;padding:5px 10px}.draft-actions{display:flex;gap:8px;flex-wrap:wrap}.draft-review{margin:0 25px 25px;padding:20px;border:1px solid #dce6d2;border-radius:8px;background:#fafcf6}.review-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.review-heading h3{font-size:14px;color:#305742;margin:0}.review-heading p,.review-note,.import-confirm p{font-size:11px;color:#738268;margin:6px 0 12px}.change-list{list-style:none;margin:12px 0;padding:0}.change-list li{display:grid;grid-template-columns:44% 56%;gap:12px;padding:12px 0;border-top:1px solid #e3eadc}.change-list p{font-size:12px;margin:4px 0;overflow-wrap:anywhere;white-space:pre-wrap}.change-before{font-size:10px;color:#8d9785}.review-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.import-confirm{padding:16px 25px;background:#f9f3df;border-bottom:1px solid #eadfbd}@media(max-width:760px){.panel-header{gap:12px;flex-wrap:wrap}.draft-review{margin:0 16px 16px;padding:16px}.review-heading{align-items:flex-start;flex-direction:column}.review-heading .sample-tag{margin:0}.change-list li{grid-template-columns:1fr}.review-actions{flex-wrap:wrap}}