:root{font-family:"Microsoft YaHei","Segoe UI",sans-serif;color:#203234;background:#f4f6f5;font-size:14px;--green:#17665b;--line:#dce3df;--red:#b32f39}*{box-sizing:border-box}body{margin:0}header{min-height:70px;padding:0 3.5%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);gap:18px}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}.brand{font-size:21px;font-weight:700;color:#193d35;white-space:nowrap}.brand small{font-size:11px;background:#e5efeb;padding:4px;border-radius:5px}nav{display:flex;gap:22px;align-items:center}nav span{color:#7a8780}main{max-width:1700px;padding:32px 3.5% 80px;margin:auto}h1{font-size:29px;letter-spacing:-.5px;margin:3px 0 8px}h2{font-size:18px;margin:0 0 16px}h3{font-size:15px;margin:0}.eyebrow{letter-spacing:2px;color:#748c81;font-size:11px;margin:0 0 6px}.muted{color:#718078;line-height:1.65}.page-title,.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-title .muted{margin-bottom:0}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:23px;margin-bottom:18px;box-shadow:0 3px 12px #183d2904}.section{margin-top:28px}.section-title{margin-bottom:12px}.section-title h2{margin:0}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.fields .wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#627269;min-width:0}input,select,textarea{font:inherit;font-size:14px;color:#203234;width:100%;border:1px solid #d5ded8;background:#fff;border-radius:6px;padding:9px 10px;min-width:0}textarea{resize:vertical;min-height:72px}input:focus,select:focus,textarea:focus{outline:2px solid #b2d1c2;border-color:var(--green)}input[type=checkbox]{width:18px;height:18px}.check{flex-direction:row;align-items:center;align-self:end;padding-bottom:10px}button,.button{font:inherit;font-size:13px;border:0;background:var(--green);color:white;border-radius:7px;padding:10px 16px;cursor:pointer;display:inline-block;white-space:nowrap}button:hover,.button:hover{filter:brightness(.95);text-decoration:none}button:disabled{opacity:.5;cursor:wait}.secondary{background:#eaf1ed;color:#235c49}.quiet{background:transparent;color:#607568;padding:6px}.danger{background:#faedef;color:var(--red)}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.actions span{color:#718078;font-size:12px}.actions .button{background:#eaf1ed;color:var(--green)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:13px 10px;border-bottom:1px solid #edf0ee}th{color:#728077;font-size:12px;font-weight:500}td{font-size:13px}.empty{padding:65px 20px;text-align:center;color:#819087}.login{max-width:420px;margin:7vh auto}.login form{display:grid;gap:20px;margin-top:24px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.sticky{position:sticky;top:18px;padding:19px;max-height:88vh;overflow:auto}.package{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.item{padding:14px;background:#f5f8f6;border-radius:8px;margin-top:12px}.item .fields{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.ci-line{background:#f6f8f7;padding:16px;border:1px solid var(--line);border-radius:8px;margin-top:12px}.error{color:var(--red);background:#fcf0f1;border:1px solid #edc1c6;border-radius:6px;padding:10px;line-height:1.7}.invalid{border-color:#cb3849!important;background:#fff2f3!important}.issue{display:block;border-left:3px solid #ce4553;background:#fff3f3;color:#a22f3a;font-size:12px;padding:9px;margin:10px 0;line-height:1.6;cursor:pointer}.sum{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.sum b{font-size:16px}.sum small{display:block;color:#718078}.subhead{margin-top:20px;color:#556f61;font-size:12px}.autocomplete{position:relative}.suggestions{position:absolute;top:100%;left:0;min-width:320px;background:#fff;box-shadow:0 8px 24px #223d3525;z-index:10;border:1px solid var(--line);border-radius:7px;max-height:300px;overflow:auto}.suggestions button{display:block;width:100%;border-radius:0;background:#fff;color:#234034;text-align:left;white-space:normal;border-bottom:1px solid #eee}.suggestions button:hover{background:#eaf3ed}.scroll{overflow:auto}.settings-profile{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}dialog{border:1px solid var(--line);border-radius:12px;padding:26px;max-width:850px;width:90vw;max-height:90vh;overflow:auto}dialog::backdrop{background:#20372d66}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 24px;border-radius:9px;color:#fff;background:#233f34;max-width:90vw;z-index:100;display:none}#toast.visible{display:block}details{margin-top:14px}summary{cursor:pointer;color:#476855;font-size:12px;margin-bottom:12px}.invoice-export{border-top:1px solid var(--line);padding-top:10px;margin-top:16px}.saved{color:var(--green)!important}@media(max-width:1100px){.editor-layout{grid-template-columns:1fr}.sticky{position:static;max-height:none}.fields{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:650px){header{align-items:flex-start;flex-direction:column;padding:16px}nav{flex-wrap:wrap;gap:13px}.page-title{align-items:flex-start;flex-direction:column}.card{padding:16px}.split{grid-template-columns:1fr}.suggestions{min-width:260px}main{padding:24px 15px 60px}}
