:root{--bg:#08090a;--surface:#0f1011;--low:#141516;--high:#1c1c1f;--selected:#222324;--line:#23252a;--outline:#34343a;--text:#d0d6e0;--white:#f7f8f8;--muted:#989da6;--primary:#5e6ad2;--error:#f2766b;--green:#68cc58;--yellow:#f2c94c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.6 Inter,"Microsoft JhengHei",sans-serif;letter-spacing:0;display:grid;grid-template-columns:232px minmax(0,1fr);height:100vh;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:transparent;border-radius:6px;padding:6px 10px;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:background .1s}button:hover{background:#232326;color:var(--white)}button:active{transform:translateY(.5px)}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid #929aff;outline-offset:2px}svg{width:16px;height:16px;stroke-width:1.6;flex-shrink:0}small{display:block;color:var(--muted);font-size:12px}aside{display:flex;flex-direction:column;padding:24px 14px 16px}.workspace{display:flex;gap:10px;align-items:center;margin:0 5px 28px}.workspace strong{font-size:13px;font-weight:500;color:var(--white)}.mark{border:1px solid #494d55;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;color:var(--white)}.navgroup{margin-bottom:28px}.navgroup>small{padding:0 10px;margin-bottom:8px;font-size:11px}.navgroup button{display:flex;justify-content:flex-start;width:100%;height:32px;padding:0 10px;margin:3px 0}.navgroup button span{margin-left:auto;color:var(--muted);font-size:11px}.navgroup .active{background:#1c1c1f;color:var(--white)}.profile{display:flex;align-items:center;gap:10px;margin-top:auto;padding:10px}.owner{display:grid;place-items:center;background:#303136;color:#ddd;width:24px;height:24px;border-radius:50%;font-size:11px}main{margin:8px 8px 8px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;min-width:0}header{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid var(--line);flex-shrink:0}.crumb,.topright{display:flex;align-items:center;gap:14px}.crumb span{color:var(--muted);font-size:12px}.crumb b{font-weight:500;color:var(--white)}.crumb svg{width:12px;color:var(--muted)}.demo{color:var(--muted);font-size:11px}.icon{width:28px;height:28px;padding:5px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line);min-height:54px}.segments{display:flex;gap:4px}.segments button{font-size:12px;padding:4px 9px;white-space:nowrap}.segments span{color:var(--muted);font-size:11px}.segments .selected{background:#232326;color:var(--white)}.tools{display:flex;align-items:center;gap:10px}.search{display:flex;align-items:center;gap:8px}.search svg{color:var(--muted);width:14px}.search input{border:0;outline:0;background:transparent;width:135px;font-size:12px;padding:4px}.search:focus-within{outline:1px solid #929aff;border-radius:4px}select{background:var(--surface);border:1px solid var(--outline);border-radius:5px;padding:4px;font-size:11px}.work{display:grid;grid-template-columns:minmax(300px,1fr) 560px;flex:1;min-height:0}.list{overflow:auto;min-width:0}.listhead{display:flex;justify-content:space-between;padding:9px 20px;background:#141516;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line)}.client{width:100%;border-radius:0;display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:12px;text-align:left;padding:13px 20px;border-bottom:1px solid var(--line);min-height:66px;border-left:2px solid transparent}.client:hover{background:#1b1c1d}.client.chosen{background:var(--selected);border-left-color:#929aff}.client strong{font-weight:500;color:var(--white)}.client .summary{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.client .date{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.statusdot{width:12px;height:12px;border:1.5px solid #747a84;border-radius:50%;display:inline-block}.statusdot.review{border-color:var(--yellow);border-style:dashed}.statusdot.progress{border-color:#b0a3e6;background:linear-gradient(90deg,#b0a3e6 50%,transparent 50%)}.listfoot{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;font-size:11px;color:var(--muted)}.sheet{border-left:1px solid var(--line);min-width:0;display:flex;flex-direction:column;background:var(--surface)}.sheetbar{height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid var(--line);flex-shrink:0}.sheetbar>span{font-size:11px;color:var(--muted)}.sheetbody{overflow:auto;padding:24px;flex:1}.identity{display:flex;align-items:center;gap:12px;margin-bottom:20px}.avatar{width:40px;height:40px;border-radius:10px;background:#262a2d;color:#c5cbd1;border:1px solid #3a3f46;display:grid;place-items:center;font-size:16px}.identity h1{margin:0;font-size:20px;font-weight:500;color:var(--white)}.identity small{margin-top:2px}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.badge{font-size:11px;display:inline-flex;gap:6px;align-items:center;padding:2px 8px;border:1px solid var(--outline);border-radius:5px}.badge.review{color:var(--yellow)}.props{display:grid;grid-template-columns:95px minmax(0,1fr);gap:12px;font-size:12px}.props>span:nth-child(odd){color:var(--muted);display:flex;align-items:center;gap:9px}.props svg{width:14px}.props .value{color:var(--text);display:flex;align-items:center;gap:6px;min-width:0}.tabs{display:flex;gap:22px;margin-top:24px;border-bottom:1px solid var(--line)}.tabs button{border-radius:0;padding:9px 0;color:var(--muted);font-size:12px}.tabs .current{border-bottom:2px solid #c8cbd1;color:var(--white)}h2{font-size:13px;font-weight:500;color:var(--white);margin:22px 0 12px}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.sectiontitle h2{margin:0}.sectiontitle button{font-size:11px;color:var(--muted)}p{margin:8px 0;line-height:1.8}.data{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0 24px}.data small{font-size:11px;margin-bottom:5px}.data b{font-size:13px;font-weight:400;color:var(--white)}.sourceLink{font-size:11px;color:#bac2ff;padding:3px 0}.sourceLink svg{width:12px}.quote{margin:14px 0 0;border-left:2px solid #626975;padding:0 0 0 14px}.quote small{font-size:11px}.quote p{font-size:13px;color:#d0d6e0}.pending{display:flex;gap:9px;color:#d0b77b;font-size:12px;margin:16px 0}.pending svg{width:14px;margin-top:2px}.sheetfooter{border-top:1px solid var(--line);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.sheetfooter small{font-size:11px}.primary{background:var(--primary);color:white;padding:6px 12px;min-height:32px;font-size:12px;white-space:nowrap}.primary:hover{background:#6b76db}.timeline{border-left:1px solid #34343a;margin-left:6px;padding-left:20px}.timeline article{margin-bottom:24px;position:relative}.timeline article:before{content:'';position:absolute;left:-24px;top:7px;width:7px;height:7px;background:#8a8f98;border-radius:50%}.timeline p{font-size:12px}.document{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:14px 0}.document>svg{color:#c4ad8d}.document button{margin-left:auto}.empty{padding:38px 24px;color:var(--muted);text-align:center}.empty svg{width:24px;height:24px;display:block;margin:0 auto 12px}.sourceview{border:1px solid var(--outline);border-radius:8px;padding:16px;margin-top:18px;background:#141516}.sourceview .sourcehead{display:flex;align-items:center;justify-content:space-between;font-size:12px}.sourceview p{font-size:13px}.sourceview mark{background:#383928;color:#f0e4b9}.sourceview small{font-size:11px}.mobile{display:none}dialog{background:var(--high);color:var(--text);border:1px solid var(--outline);border-radius:12px;padding:24px;width:440px;max-width:calc(100vw - 32px);box-shadow:0 24px 64px #0009}dialog::backdrop{background:#08090aaa}dialog h2{font-size:16px;margin:0 0 20px}label.field{display:grid;gap:7px;margin-bottom:16px;font-size:12px}input,textarea{background:#141516;border:1px solid #34343a;border-radius:6px;padding:8px 10px;width:100%}textarea{resize:vertical;min-height:68px}.dialogactions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.hint{font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:24px;left:248px;background:#232326;border:1px solid #41444b;border-radius:8px;padding:12px 16px;box-shadow:0 12px 32px #0008;z-index:9;max-width:calc(100vw - 40px)}[hidden]{display:none!important}.sheet[hidden]+*{display:none}.work.closed{grid-template-columns:1fr}.error{color:var(--error)}@media(max-width:1199px){.work{display:block;position:relative}.sheet{position:absolute;right:0;top:0;bottom:0;width:560px;max-width:100%;box-shadow:-24px 0 48px -12px #0009}.sheetbody{padding:24px}}@media(max-width:859px){body{grid-template-columns:1fr}aside{display:none;position:fixed;inset:0 auto 0 0;width:232px;background:#141516;z-index:8;border-right:1px solid var(--outline)}aside.open{display:flex}main{margin:8px}.mobile{display:inline-flex}header{padding:0 12px}.demo{display:none}.toolbar{flex-wrap:wrap;padding:10px 12px;gap:10px}.tools{width:100%;justify-content:space-between}.search{flex:1}.search input{width:100%}.sheet{width:100%}.sheetbody{padding:20px}.sheetfooter{padding:12px 20px}.segments{gap:0}.segments button{padding:4px 8px}#toast{left:20px}.crumb{gap:8px}.data{gap:16px}.props{grid-template-columns:86px minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
:is(.sheet,.sheetbody){min-height:0}