:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#18181b;background:#fff;font-size:14px;font-synthesis:none;--muted:#82828b;--border:#eaeaec;--light:#f7f7f8;--green:#26845c;--red:#c74040;--amber:#ab741b}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #555;outline-offset:3px}button svg,a svg{pointer-events:none}svg{width:17px;height:17px;flex-shrink:0;vertical-align:middle}.skip{position:fixed;top:-60px;left:12px;z-index:100;background:#fff;padding:12px}.skip:focus{top:12px}
#sidebar{position:fixed;left:0;top:0;bottom:0;width:236px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:#fff;z-index:20;padding:24px 12px 14px}.brand{display:flex;align-items:center;gap:10px;padding:0 9px 30px;font-weight:650;font-size:18px;letter-spacing:-.6px}.brand img{width:26px;height:26px}.brand small{border:1px solid var(--border);color:#777;font-size:10px;letter-spacing:.5px;font-weight:500;padding:3px 5px;border-radius:4px;margin-left:3px}.nav-caption{padding:0 13px 10px;color:#a0a0a5;font-size:11px;letter-spacing:1px}nav{display:grid;gap:4px}nav a{display:flex;gap:11px;align-items:center;min-height:42px;padding:10px 13px;color:#6b6b73;border-radius:6px;font-size:13px}nav a:hover{background:#f7f7f8;color:#18181b}nav a.active{background:#f1f1f2;color:#18181b;font-weight:600}nav svg{color:#8a8a92}nav a.active svg{color:#222}.nav-count{margin-left:auto;background:#fff;border:1px solid #e8e8ea;border-radius:4px;font-size:10px;line-height:16px;min-width:21px;text-align:center;color:#696971}.sidebar-bottom{margin-top:auto}.demo-marker{margin:16px 10px 22px;font-size:12px;color:#7c7c84;line-height:1.8}.demo-marker strong{display:block;color:#55555e;font-weight:500}.operator{border-top:1px solid var(--border);padding:16px 8px 0;display:flex;gap:10px;align-items:center;font-size:12px}.avatar{width:30px;height:30px;border-radius:50%;background:#18181b;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:600}.operator small{display:block;color:#999;font-size:11px;margin-top:3px}
.workspace{margin-left:236px;min-height:100vh;display:flex;flex-direction:column}#topbar{height:64px;border-bottom:1px solid var(--border);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:12px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#8b8b94}.breadcrumb strong{font-weight:500;color:#303036}.breadcrumb svg{width:12px;height:12px}.top-actions{display:flex;align-items:center;gap:16px}.demo-tag{font-size:11px;color:#767680;border:1px solid var(--border);padding:4px 7px;border-radius:4px}.text-btn{border:0;background:none;padding:4px 0;color:#797983;font-size:12px}.text-btn:hover{color:#151518}.mobile-menu{display:none}
main{padding:36px 36px 0;width:100%;max-width:1600px;margin:0 auto;flex:1}h1{font-size:25px;letter-spacing:-.6px;line-height:1.4;margin:0;font-weight:650}h2{font-size:15px;margin:0;font-weight:600;letter-spacing:-.2px}h3{font-size:14px;margin:0;font-weight:600}p{margin:0;line-height:1.7}.page-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.subheading{color:var(--muted);font-size:12px;margin-bottom:28px;line-height:1.8}.toolbar{display:flex;gap:10px;align-items:center;margin:24px 0 18px;flex-wrap:wrap}.toolbar .search{flex:1;max-width:370px;min-width:190px}.search{position:relative}.search svg{position:absolute;left:12px;top:12px;color:#9e9ea5;width:15px;height:15px}.search input{padding-left:36px;width:100%}input,select,textarea{border:1px solid #e5e5e8;background:#fff;color:#28282f;border-radius:6px;padding:10px 12px;min-height:39px;box-shadow:0 1px 2px #00000003}input::placeholder,textarea::placeholder{color:#a4a4ac;font-size:12px}select{font-size:12px;padding-right:30px;min-width:130px}textarea{width:100%;resize:vertical;min-height:100px;line-height:1.8}label{font-size:12px;color:#63636d}.field{display:grid;gap:8px;margin:18px 0}.field input{width:100%}.hint{font-size:12px;color:#86868f;line-height:1.8}.btn{border:1px solid #e5e5e8;border-radius:6px;background:#fff;padding:8px 12px;min-height:34px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#303038;white-space:nowrap}.btn:hover{background:#f7f7f8;border-color:#d2d2d7}.btn.primary{background:#1c1c20;border-color:#1c1c20;color:#fff}.btn.primary:hover{background:#37373c}.btn.danger{color:#ba3737;border-color:#eac9c9}.btn.icon-only{padding:7px;min-height:30px}.btn svg{width:14px;height:14px}.btn.small{padding:6px 10px;min-height:30px}.link{padding:0;background:none;border:0;text-align:left;font-size:13px;font-weight:500;color:#28282e;cursor:pointer}.link:hover{text-decoration:underline;text-underline-offset:3px}.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:11px;letter-spacing:-.1px;font-variant-numeric:tabular-nums}.secondary{display:block;margin-top:5px;color:#909099;font-size:11px;font-weight:400}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.right{text-align:right}.center{text-align:center}
.table-wrap{border:1px solid var(--border);border-radius:9px;overflow-x:auto;overscroll-behavior-x:contain}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{font-size:11px;font-weight:500;color:#8b8b94;padding:14px 18px;border-bottom:1px solid var(--border);background:#fdfdfd}td{font-size:12px;padding:19px 18px;border-bottom:1px solid #f0f0f2;vertical-align:middle;line-height:1.4}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfcfd}.table-wrap .btn{background:#fff}td .actions{display:flex;justify-content:flex-end;gap:8px}.cell-title{font-size:13px;font-weight:500}.status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:400;line-height:18px;color:#62626c}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:#a5a5ac}.status.green:before{background:#39946a}.status.amber:before{background:#c5973d}.status.red:before{background:#d25858}.status.gray:before{background:#a5a5ac}.status.purple:before{background:#88809d}.type-tag{font-size:10px;border:1px solid var(--border);border-radius:4px;padding:3px 6px;color:#7b7b84;display:inline-block}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;font-size:11px;color:#95959d}.pager-actions{display:flex;align-items:center;gap:10px}.empty{text-align:center;padding:50px 20px}.empty strong{display:block;color:#555;font-weight:500;font-size:13px;margin-bottom:8px}.empty p{color:#999;font-size:12px;margin-bottom:16px}.summary-strip{display:flex;gap:28px;margin:22px 0;color:#8b8b94;font-size:12px}.summary-strip b{font-size:15px;color:#28282f;font-weight:550;margin-left:7px}.summary-strip button{border:0;background:none;padding:0;color:inherit;font:inherit}.summary-strip button:hover{color:#333}.back{display:inline-flex;align-items:center;gap:5px;color:#8b8b94;font-size:12px;margin-bottom:22px}.back svg{width:13px;height:13px}.back:hover{color:#222}.section{margin-top:28px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.section-head .hint{margin-top:5px}.detail-panel{border:1px solid var(--border);border-radius:9px;padding:24px;margin-top:20px}.details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px;margin:0}.details>div{min-width:0}.details dt{color:#8e8e98;font-size:11px;margin-bottom:9px}.details dd{margin:0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.details .span2{grid-column:span 2}.details .span3{grid-column:1/-1}.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.note{background:#f8f8f9;color:#71717b;border-radius:6px;padding:13px 16px;font-size:12px;line-height:1.8;margin-top:18px;display:flex;gap:10px;align-items:flex-start}.note svg{margin-top:2px;width:15px;height:15px}.tabs{display:flex;border-bottom:1px solid var(--border);gap:25px;margin:28px 0 24px;overflow-x:auto}.tabs button{background:none;border:0;color:#8a8a94;padding:0 0 13px;font-size:12px;white-space:nowrap}.tabs button.active{color:#25252c;border-bottom:2px solid #25252c}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 24px 22px;border-left:1px solid #e6e6e9;margin-left:4px}.timeline li:last-child{padding-bottom:0;border-left-color:transparent}.timeline li:before{content:"";position:absolute;width:7px;height:7px;background:#b2b2b9;border-radius:50%;left:-4px;top:5px}.timeline li.success:before{background:#389269}.timeline strong{font-size:12px;font-weight:500}.timeline p{font-size:12px;color:#888893;margin-top:5px}.timeline time{display:block;font-size:11px;color:#a2a2ab;margin-top:5px}pre{margin:0;background:#f7f7f8;border-radius:6px;padding:16px;font:11px/1.8 "SFMono-Regular",monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#575763}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px 0}.metric{border:1px solid var(--border);border-radius:8px;padding:20px;text-align:left;background:#fff}.metric span{font-size:12px;color:#8b8b95;display:block}.metric strong{font-size:26px;letter-spacing:-1px;font-weight:550;display:block;margin:13px 0 10px;font-variant-numeric:tabular-nums}.metric small{font-size:11px;color:#9999a2}.metric:hover{border-color:#cfcfd4}.chart{display:flex;align-items:stretch;gap:15px;height:170px;margin:24px 0 6px}.chart-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:9px;justify-content:flex-end}.chart-bar-wrap{height:130px;display:flex;align-items:flex-end;width:100%;justify-content:center;border-bottom:1px solid #eee}.chart-bar{width:55%;max-width:40px;min-height:2px;background:#73737e;border-radius:3px 3px 0 0;position:relative}.chart-bar span{position:absolute;top:-21px;left:0;right:0;font-size:10px;color:#84848e;text-align:center}.chart-column small{font-size:10px;color:#999}.metric-list{display:grid;gap:0}.metric-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #f0f0f2;font-size:12px}.metric-row:last-child{border:0}.metric-row .muted{font-size:11px}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.service-card{padding:20px;border:1px solid var(--border);border-radius:8px}.service-card h3{margin:14px 0 8px}.service-card p{font-size:12px;color:#8c8c96;min-height:42px}.service-card .price{margin-top:20px;font-size:14px}.service-icon{width:30px;height:30px;background:#f3f3f5;border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:600}.order{font-size:11px;color:#9696a0;width:20px;display:inline-block}.result-box{display:flex;gap:40px;padding:20px 0}.result-box div{font-size:12px;color:#999}.result-box strong{display:block;font-size:14px;color:#28282f;font-weight:500;margin-top:12px}
footer{margin:55px 36px 0;border-top:1px solid var(--border);padding:20px 0 28px;display:flex;justify-content:space-between;gap:12px;color:#aaaab2;font-size:10px;line-height:1.8}dialog{border:1px solid #e4e4e8;border-radius:10px;padding:0;width:480px;max-width:calc(100vw - 32px);max-height:85vh;overflow:auto;color:#25252b;box-shadow:0 18px 70px #00000015}dialog.wide{width:720px}dialog::backdrop{background:#17171b42}.dialog-head{padding:22px 24px 16px;display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:16px}.dialog-body{padding:0 24px 24px}.dialog-body>p{font-size:12px;color:#80808a}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding:16px 24px}.error{color:#b93e3e;font-size:12px;min-height:16px;margin-top:8px}#toast{position:fixed;bottom:28px;left:calc(50% + 118px);transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#25252b;color:#fff;border-radius:7px;padding:12px 20px;font-size:12px;z-index:100;max-width:calc(100vw - 35px);transition:opacity .15s,transform .15s}#toast.show{opacity:1;transform:translate(-50%,0)}.info-line{display:flex;gap:8px;align-items:center;color:#8a8a94;font-size:11px}.saved-note{white-space:pre-wrap;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.divider{border:0;border-top:1px solid var(--border);margin:22px 0}
@media(min-width:1600px){main{padding-top:42px}}@media(max-width:1100px){#sidebar{width:206px}.workspace{margin-left:206px}main{padding:28px 24px 0}#topbar{padding:0 24px}footer{margin-left:24px;margin-right:24px}.details{grid-template-columns:repeat(2,minmax(0,1fr))}.details .span3{grid-column:1/-1}.metrics{gap:10px}.metric{padding:16px}.two-col{grid-template-columns:1fr}#toast{left:calc(50% + 103px)}}@media(max-width:760px){#sidebar{position:static;width:100%;padding:16px 14px 0;border-right:0;border-bottom:1px solid var(--border)}.brand{padding:0 3px 17px;font-size:17px}.brand img{width:24px;height:24px}.nav-caption,.sidebar-bottom{display:none}nav{display:flex;gap:4px;overflow-x:auto;padding-bottom:10px}nav a{white-space:nowrap;padding:8px 11px;min-height:35px;font-size:12px}nav a svg{display:none}.nav-count{display:none}.workspace{margin-left:0}#topbar{height:48px;padding:0 18px}.breadcrumb{font-size:11px;gap:6px}.top-actions{gap:10px}.demo-tag{display:none}.text-btn{font-size:11px}main{padding:26px 18px 0}h1{font-size:23px}.subheading{font-size:11px;margin-bottom:20px}.page-title{align-items:flex-start;flex-wrap:wrap}.toolbar{margin-top:20px;gap:8px}.toolbar .search{max-width:none;flex-basis:100%}.toolbar select{flex:1;min-width:105px;max-width:100%}.summary-strip{gap:16px;flex-wrap:wrap}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric strong{font-size:24px}.metric{padding:16px}.details{grid-template-columns:1fr;gap:20px}.details .span2,.details .span3{grid-column:auto}.detail-panel{padding:18px}.preview-grid{grid-template-columns:1fr}.section-head{align-items:flex-start}.section-head>.inline-actions{justify-content:flex-end}.two-col{gap:16px}.tabs{gap:20px}.table-wrap{border-radius:7px}th,td{padding-left:14px;padding-right:14px}footer{margin:36px 18px 0;flex-direction:column;gap:3px}#toast{left:50%;width:max-content}.dialog-head{padding:20px 20px 16px}.dialog-body{padding:0 20px 20px}.dialog-actions{padding:14px 20px}.result-box{gap:25px}.chart{gap:9px}.pager{align-items:flex-start}.pager-actions{gap:6px}.back{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}