@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif;color:#233c3b;background:#f6f8f7;font-size:14px;--green:#146b5b;--muted:#7a8b88;--border:#e3eae7}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:white;color:#314b47;padding:10px 16px;border-radius:8px;transition:.15s}button:hover{background:#edf5f1;border-color:#b7ccc4}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--green);border-color:var(--green);color:white}button.primary:hover{background:#0d5749}button.danger{color:#ae5447}button.small{padding:7px 11px;font-size:12px}input,select,textarea{border:1px solid #dbe5e0;padding:11px 12px;border-radius:7px;background:white;color:#243d39;outline:none;max-width:100%}input:focus,textarea:focus,select:focus{border-color:#359e83;box-shadow:0 0 0 3px #359e8312}textarea{resize:vertical;line-height:1.8}a{color:var(--green);text-underline-offset:3px}label{display:grid;gap:8px;font-size:12px;color:#637b73}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-1px;margin-bottom:9px}h2{font-size:18px;letter-spacing:-.3px}h3{font-size:15px}p{line-height:1.8}small,.muted{color:var(--muted)}.shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{background:#142f2a;color:#d3e2dc;padding:32px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:224px}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 34px}.brand-mark{background:#d6e8ba;color:#234838;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:24px}.brand strong{font-size:21px;letter-spacing:3px}.brand small{display:block;font-size:9px;letter-spacing:1.7px;color:#9bb5aa;margin-top:4px}.nav-label{font-size:10px;letter-spacing:2px;color:#6f9385;margin:16px 13px}.nav{display:grid;gap:6px}.nav button{text-align:left;border:0;background:transparent;color:#a5bfb3;padding:13px 16px;display:flex;align-items:center;gap:12px}.nav button.active{background:#294b3e;color:#e6f2d8}.nav button:hover{background:#234237}.nav-icon{font-size:18px;width:20px}.nav-count{margin-left:auto;font-size:11px;background:#45624d;padding:2px 7px;border-radius:5px}.side-bottom{margin-top:auto;font-size:11px;color:#9ab2a6;line-height:1.9;padding:22px 12px 0}.status-dot{display:inline-block;width:6px;height:6px;background:#a6c97d;border-radius:100%;margin-right:6px}.main{grid-column:2;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--border);padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:#ffffffb8}.breadcrumb{font-size:12px;color:#95a19b}.breadcrumb b{color:#426055;font-weight:500;margin-left:10px}.top-right{display:flex;gap:16px;align-items:center;font-size:11px;color:#7c9286}.avatar{width:30px;height:30px;display:grid;place-items:center;background:#e5eddf;color:#5a7452;border-radius:100%;font-weight:700}.content{max-width:1530px;padding:38px 40px 60px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:15px}.eyebrow{font-size:10px;letter-spacing:2px;color:#6e9182;font-weight:600;margin-bottom:11px}.subtitle{color:#82928a;font-size:12px;margin:0}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:26px}.stat{background:white;border:1px solid var(--border);border-radius:12px;padding:21px 23px}.stat-label{font-size:12px;color:#72897d;display:flex;justify-content:space-between}.stat-number{font-size:34px;letter-spacing:-1.3px;margin:14px 0 9px;font-weight:600}.stat small{font-size:10px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:5px;font-size:10px;font-weight:500;background:#edf3ef;color:#56776a;white-space:nowrap}.badge.orange{background:#fcf0df;color:#b17c31}.badge.green{background:#e4f1e9;color:#27704f}.badge.red{background:#fbecea;color:#b55f56}.badge.gray{background:#f0f2f3;color:#7d8886}.panel{background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:22px}.panel-head{padding:23px 25px;border-bottom:1px solid #edf1ee;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{margin:0;font-size:15px}.panel-body{padding:25px}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:22px}.funnel-step{background:#f0f5f1;border-radius:7px;padding:21px 15px;position:relative}.funnel-step:nth-child(2){background:#e8f0e7}.funnel-step:nth-child(3){background:#ddebdc}.funnel-step:nth-child(4){background:#cee0cc}.funnel-step b{font-size:25px;display:block;margin:12px 0}.funnel-step span{font-size:11px;color:#5e7a65}.funnel-step small{font-size:9px;letter-spacing:1px}.notice{background:#f8f5eb;border:1px solid #efe6cf;border-radius:8px;padding:14px 17px;color:#927b43;font-size:12px;line-height:1.8;margin-bottom:22px}.notice.info{background:#eef5f2;border-color:#deebe4;color:#5b7d6e}.todo{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid #edf1ee;align-items:center}.todo:last-child{border-bottom:0}.todo-icon{background:#eff4e9;color:#71925d;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:18px}.todo div:nth-child(2){flex:1}.todo p{margin:4px 0 0;font-size:11px;color:#8b9a92}.toolbar{display:flex;gap:12px;flex-wrap:wrap;padding:18px 23px;border-bottom:1px solid var(--border)}.search{min-width:260px;flex:1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;font-weight:500;letter-spacing:.5px;color:#8b9b91;background:#fafcfb;padding:14px 23px}td{padding:18px 23px;border-top:1px solid #edf1ee;font-size:12px}tbody tr:hover{background:#fbfdfb}td strong{font-size:12px;display:block;font-weight:600}td small{display:block;font-size:10px;margin-top:5px}.company-cell{display:flex;gap:11px;align-items:center}.company-logo{width:34px;height:34px;background:#eef2e8;display:grid;place-items:center;border-radius:8px;color:#728b5d;font-weight:600}.table-footer{padding:16px 24px;border-top:1px solid var(--border);font-size:11px;color:#8a9c90;display:flex;justify-content:space-between}.empty{text-align:center;padding:52px 20px}.empty .empty-symbol{font-size:35px;color:#9cb5a2;margin-bottom:16px}.empty h3{font-weight:500}.empty p{font-size:12px;color:#8a9b91}.drop{border:1.5px dashed #b9d0bf;background:#f7fbf6;border-radius:10px;padding:44px 24px;text-align:center;margin:0 0 22px}.drop.drag{background:#e8f4e6}.drop input{margin-top:16px;max-width:100%;font-size:12px}.drop h3{margin:14px 0 8px}.drop p{font-size:12px;color:#819889}.step-bar{display:flex;gap:24px;margin-bottom:24px;font-size:11px;color:#819589}.step-bar b{background:#e6eee2;padding:5px 9px;border-radius:100%;margin-right:6px;color:#59754d}.mapping{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.review-grid{display:grid;grid-template-columns:280px 1fr;gap:22px}.draft-item{display:block;text-align:left;width:100%;padding:19px;border-radius:0;border:0;border-bottom:1px solid var(--border)}.draft-item.selected{background:#edf5ed;border-left:3px solid #528f68}.draft-item h3{font-size:12px;margin:0 0 8px}.draft-item p{font-size:11px;margin:8px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-body{display:grid;grid-template-columns:1fr 1.15fr;gap:25px}.evidence{border:1px solid var(--border);border-radius:8px;padding:15px;margin:13px 0;background:#fafcf9;overflow-wrap:anywhere}.evidence p{font-size:12px;margin:10px 0}.evidence small{font-size:11px}.email-preview{background:#fbfcfa;border:1px solid #e8eee5;padding:24px;border-radius:9px}.email-preview pre{white-space:pre-wrap;font-family:inherit;font-size:13px;line-height:1.95;color:#52675c;margin-bottom:0}.review-actions{padding:22px 25px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.integration{border:1px solid var(--border);padding:23px;border-radius:10px;margin:15px 0}.integration h3{display:flex;justify-content:space-between}.integration p{font-size:12px;color:#7e9185}.code{background:#142f2a;color:#c4d8c3;border-radius:7px;padding:18px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8}.mono{font-family:ui-monospace,monospace}dialog{width:min(840px,94vw);border:1px solid #dce6dd;border-radius:14px;padding:0;max-height:90vh;box-shadow:0 25px 100px #0c231c33;color:#2e483d}dialog::backdrop{background:#142b245c;backdrop-filter:blur(2px)}dialog .panel-head{position:sticky;top:0;background:white}dialog .panel-body{max-height:70vh;overflow:auto}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1b4135;color:white;border-radius:9px;padding:13px 23px;box-shadow:0 8px 25px #19392b30;z-index:100;display:none;font-size:12px}.login{max-width:430px;margin:16vh auto;background:white;padding:35px;border:1px solid var(--border);border-radius:14px}.login h1{font-size:24px}.login button{width:100%;margin-top:20px}.login input{width:100%}.spacer{height:20px}.source-list{font-size:12px;line-height:1.9}.pagination{display:flex;gap:10px;align-items:center}@media(min-width:1600px){.content{padding-top:45px}}@media(max-width:1100px){.content{padding:28px 24px}.sidebar{width:190px}.shell{grid-template-columns:190px 1fr}.stats{gap:10px}.stat{padding:18px}.grid2,.review-body,.settings-grid{grid-template-columns:1fr}.topbar{padding:0 25px}.mapping{grid-template-columns:1fr 1fr}.review-grid{grid-template-columns:230px 1fr}}@media(max-width:750px){.shell{display:block}.sidebar{position:relative;width:auto;padding:16px}.brand{padding:0 0 15px}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap;padding:10px}.nav-label,.side-bottom,.nav-icon{display:none}.main{display:block}.topbar{height:50px}.content{padding:22px 16px}.page-head{align-items:flex-start}.stats{grid-template-columns:1fr 1fr}.review-grid,.field-grid,.mapping{grid-template-columns:1fr}.review-grid>.panel:first-child{max-height:220px;overflow:auto}.funnel{grid-template-columns:1fr 1fr}.search{min-width:180px}.top-right>span{display:none}h1{font-size:23px}}

.translation-panel{padding:25px;border-top:1px solid var(--border);background:#f8fbf7}.translation-controls{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:18px 0}.translation-controls label{min-width:150px}.translation-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.translation-pair article{padding:20px;background:white;border:1px solid var(--border);border-radius:8px;min-width:0;overflow-wrap:anywhere}.translation-pair article:last-child{background:#f1f7ec}.translation-pair h3{margin:14px 0}.translation-pair pre{font:inherit;font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.translation-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.translation-step{margin-top:25px}@media(max-width:1000px){.translation-pair{grid-template-columns:1fr}}

.checkbox-label{display:flex;align-items:center;gap:10px}.checkbox-label input{width:auto}.mail-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.9;font-size:13px}summary{cursor:pointer;color:var(--green);font-size:12px}

.project-hub{min-height:100vh;background:#f6f8f7}.project-hub-header{background:#142f2a;display:flex;align-items:center;justify-content:space-between;padding:24px 6vw}.project-hub-header .brand{padding:0;color:#e6eee4}.project-hub main{max-width:1300px;margin:auto;padding:55px 35px}.project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{background:white;border:1px solid var(--border);border-radius:13px;padding:26px;display:flex;flex-direction:column;gap:12px}.project-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.project-symbol{width:45px;height:45px;border-radius:12px;background:#e0ecd8;color:#527149;display:grid;place-items:center;font-size:22px}.project-card h2{font-size:20px;margin:0}.project-product{font-size:12px;color:#839486;min-height:45px;white-space:pre-wrap}.project-sender{padding:13px 0;border-top:1px solid var(--border);font-size:12px;color:#58745f;overflow-wrap:anywhere}.project-card>[data-project-enter]{margin-top:auto}.project-add{border:1px dashed #b8cdb9;align-items:center;justify-content:center;min-height:260px;color:#6e8a70;gap:15px;background:#f0f5ee}.project-add>span{font-size:35px}.project-add small{font-size:12px}.sidebar-project{padding:14px 12px;border:1px solid #365347;border-radius:8px;margin-bottom:14px}.sidebar-project strong{font-size:13px;color:#e0eacc;display:block}.sidebar-project small{display:block;font-size:10px;color:#9ab6a1;overflow-wrap:anywhere;margin-top:7px}@media(max-width:1000px){.project-cards{grid-template-columns:1fr 1fr}}@media(max-width:750px){.project-cards{grid-template-columns:1fr}.project-hub main{padding:30px 18px}.sidebar-project{display:none}.breadcrumb span{font-size:11px}.top-right #edit-project{font-size:10px}}

.workflow-funnel{grid-template-columns:repeat(3,1fr)}@media(max-width:750px){.workflow-funnel{grid-template-columns:1fr 1fr}}

.sidebar{overflow-y:auto}
.auth-login{margin:9vh auto;max-width:460px}.auth-login>.brand-mark{margin-bottom:24px}.auth-login .eyebrow{margin-bottom:16px}.auth-login label{margin-top:18px}.auth-login form button{margin-top:8px}.auth-error{color:#a84338;font-size:12px;line-height:1.8;min-height:20px;margin:14px 0 0}.auth-footnote{font-size:11px;color:#7b8d83;line-height:1.9;margin:20px 0 0}.auth-account-form{max-width:430px;display:grid;gap:16px;margin-top:24px}.auth-account-form .auth-error{margin:0}.auth-account-form button{justify-self:start}@media(max-width:750px){.auth-login{margin:5vh 16px;padding:26px;max-width:none}.top-right #logout{font-size:10px;padding:7px}.project-hub-header{gap:15px;flex-wrap:wrap}.project-hub-header .actions{flex-wrap:wrap}.topbar:has(#logout){padding:0 10px}.topbar:has(#logout) #edit-project{display:none}}

.help-guide{max-width:1200px;margin:auto}.help-guide .page-head{gap:18px}.help-guide .page-head>div{min-width:0}.help-guide .page-head>button{flex-shrink:0}.help-principle{background:#e7f0e8;border:1px solid #cddfd2;border-radius:12px;padding:22px 26px;margin-bottom:25px}.help-principle strong{font-size:17px;color:#245b48}.help-principle p{font-size:12px;color:#617c6c;margin:10px 0 0;line-height:1.8}.help-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}.help-map{min-width:0}.help-steps{list-style:none;margin:0;padding:22px}.help-steps li{position:relative;padding-bottom:24px}.help-steps li:last-child{padding-bottom:0}.help-steps li:not(:last-child)::after{content:'↓';position:absolute;left:29px;bottom:2px;color:#739a88;font-size:17px}.help-step{display:flex;width:100%;align-items:center;text-align:left;gap:12px;padding:16px 14px;border-radius:10px;background:#fbfcfa;position:relative}.help-step.selected{border-color:#287b63;background:#edf6ef;box-shadow:0 0 0 2px #287b6318}.help-number{flex:0 0 32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e8eee7;color:#547760;font-size:12px;font-weight:700}.help-step-copy{flex:1;min-width:0}.help-step-copy strong{display:block;font-size:13px}.help-step-copy small{display:block;font-size:11px;color:#72857a;margin-top:6px;line-height:1.7}.help-tag{flex-shrink:0;font-size:10px;color:#6e8275;border-radius:5px;background:#edf1eb;padding:5px 7px}.help-step.is-gate .help-tag{background:#dceede;color:#266044}.help-step.is-cost .help-tag,.is-planned .help-tag{background:#faf0dd;color:#916a27}.is-planned .help-step{border-style:dashed}.help-loop{margin:0 22px 22px;border-radius:8px;background:#f1f5ee;padding:14px;font-size:11px;line-height:1.9;color:#5c795d}.help-detail{position:sticky;top:24px;min-width:0}.help-detail h2{font-size:22px;margin:14px 0}.help-detail .help-explanation{line-height:2;font-size:13px;margin:22px 0 16px;color:#536e5f}.help-detail ul{padding-left:18px;font-size:12px;line-height:2;color:#647b6b;margin-bottom:24px}.help-detail li{margin-bottom:12px}.help-detail button{max-width:100%;white-space:normal}.help-faq{margin-top:8px}.help-faq details{padding:16px 0;border-bottom:1px solid var(--border)}.help-faq details:last-child{border:0}.help-faq summary{font-size:13px;font-weight:500;line-height:1.8}.help-faq details p{margin:12px 0 0;font-size:12px;line-height:2;color:#657c6e}.help-step:focus-visible{outline:3px solid #87b6a3;outline-offset:3px}
@media(max-width:1100px){.help-layout{grid-template-columns:1fr}.help-detail{position:static}.help-steps{display:block}.help-steps li{padding-bottom:22px}.help-steps li::after{left:20px!important}.help-step{height:100%;flex-wrap:wrap}.help-tag{margin-left:44px}.help-step-copy{flex-basis:calc(100% - 50px)}}
@media(max-width:750px){.help-guide .page-head{flex-direction:column}.help-principle{padding:18px}.help-principle strong{font-size:15px}.help-steps{display:block;padding:16px}.help-step{flex-wrap:nowrap;gap:10px;padding:14px 11px}.help-step-copy{flex-basis:auto}.help-tag{margin-left:0;max-width:72px;white-space:normal;text-align:center;line-height:1.6}.help-detail .panel-body{padding:22px}.help-guide h1{font-size:22px}.topbar .breadcrumb{min-width:0}.topbar .breadcrumb>span,.topbar .breadcrumb>b{display:none}.topbar .avatar{display:none}.top-right{gap:6px}.top-right [data-page="help"]{font-size:10px;padding:7px}.help-loop{margin:0 16px 16px}}