:root{--bg: #ffffff;--bg-soft: #f7f8fa;--bg-soft-2: #eff1f4;--text: #1f2328;--text-2: #59616e;--text-3: #8b94a1;--text-4: #b3bac4;--line: #ebedf0;--line-hair: #f1f3f6;--ink: #1f2328;--line-strong: #1f2328;--gap-block: 34px;--gap-inline: 24px;--container: 760px;--container-wide: 1180px;--fs-body: 14px;--fs-small: 13px;--fs-tiny: 12px;--fs-micro: 11px;--fs-h1: 25px;--fs-h3: 15px;--danger: #b42318;--ok: #067647;--shadow-pop: 0 12px 32px rgba(31, 35, 40, .09);--radius-block: 10px;--radius-inline: 7px}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:var(--fs-body);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;outline:none}input::placeholder,textarea::placeholder{color:var(--text-4)}.container{max-width:var(--container);margin:0 auto;padding:56px 24px 88px}.container--wide{max-width:var(--container-wide);margin:0 auto;padding:32px 24px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar__title{font-size:var(--fs-h1);font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--text)}.topbar__side{display:flex;align-items:center;gap:18px;flex:none}.surface{background:var(--bg-soft);border-radius:var(--radius-block);padding:6px 16px}.surface--plain{padding:0}.surface+.surface,.surface+.block-gap,.block-gap+.surface{margin-top:18px}.block-gap{margin-top:var(--gap-block)}.divider{height:1px;background:var(--line);border:none;margin:28px 0}.h-group{display:flex;align-items:stretch}.h-item{flex:1;padding:0 var(--gap-inline);position:relative;text-align:left}.h-item:first-child{padding-left:0}.h-item:last-child{padding-right:0}.h-item h3{font-size:var(--fs-h3);font-weight:500;color:var(--text)}.h-item p{font-size:var(--fs-small);color:var(--text-3);line-height:1.6}.tabs{display:flex;gap:22px}.tab{position:relative;padding:6px 0 10px;font-size:var(--fs-body);color:var(--text-3);background:none;border:none;cursor:pointer;transition:color .15s;white-space:nowrap}.tab:hover{color:var(--text-2)}.tab.active{color:var(--text)}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--ink)}.tabs--sm .tab{font-size:var(--fs-small);padding:4px 0 8px}.field{display:flex;align-items:center;gap:16px;padding:11px 0}.field__label{flex:none;width:88px;font-size:var(--fs-small);color:var(--text-3)}.field__input{flex:1;min-width:0;font-size:var(--fs-body);color:var(--text)}.input-line{width:100%;padding:6px 0;border-bottom:1px solid var(--line);transition:border-color .15s}.input-line:focus{border-bottom-color:var(--text-3)}.input-soft{width:100%;padding:8px 12px;border-radius:var(--radius-inline);background:var(--bg-soft);color:var(--text);transition:background-color .15s}.input-soft:hover{background:var(--bg-soft-2)}.input-soft:focus{background:var(--bg-soft-2)}.btn{font-size:var(--fs-small);color:var(--text-3);padding:5px 0;transition:color .15s;white-space:nowrap}.btn:hover,.btn--strong{color:var(--text)}.btn--danger{color:var(--danger)}.btn--ghost{color:var(--text-4)}.btn--ghost:hover{color:var(--text-2)}.btn:disabled{color:var(--text-4);cursor:not-allowed}.btn-solid{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border-radius:var(--radius-inline);background:var(--ink);color:#fff;font-size:var(--fs-small);transition:opacity .15s}.btn-solid:hover{opacity:.85}.btn-solid:disabled{background:var(--bg-soft-2);color:var(--text-3);cursor:not-allowed}.btn-block{display:flex;width:100%;height:40px}.btn-soft{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border-radius:var(--radius-inline);background:var(--bg-soft-2);color:var(--text-2);font-size:var(--fs-small);transition:background-color .15s}.btn-soft:hover{background:var(--line)}.list{display:flex;flex-direction:column}.list__head,.list__row{display:grid;align-items:center;gap:16px}.list__head{font-size:var(--fs-micro);color:var(--text-4);letter-spacing:.06em;padding:10px 8px 8px}.list__row{padding:13px 8px;border-radius:var(--radius-inline);transition:background-color .12s;cursor:pointer}.list__row:hover{background:var(--bg)}.list__row .list__name{font-size:var(--fs-body);font-weight:400;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__cell{font-size:var(--fs-small);color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__cell--right{text-align:right}.list-empty{padding:44px 0;text-align:center;font-size:var(--fs-small);color:var(--text-4)}.chip{display:inline-flex;align-items:center;margin-left:8px;padding:1px 7px;border-radius:5px;background:var(--bg-soft-2);font-size:var(--fs-micro);font-weight:400;color:var(--text-3);line-height:1.6;vertical-align:1px}.tag{font-size:var(--fs-tiny);color:var(--text-3);letter-spacing:.02em}.tag--strong{color:var(--text-2)}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#181c213d;display:flex;align-items:center;justify-content:center;padding:24px;z-index:200}.modal{width:420px;max-width:100%;max-height:calc(100vh - 48px);overflow:auto;background:var(--bg);border-radius:14px;box-shadow:var(--shadow-pop);padding:26px 26px 22px}.modal--wide{width:560px}.modal__title{font-size:var(--fs-h3);font-weight:500;color:var(--text);margin-bottom:16px}.modal__body{display:flex;flex-direction:column}.modal__foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:22px}.form-error{margin-top:12px;font-size:var(--fs-small);color:var(--danger)}.toast{position:fixed;left:50%;bottom:36px;transform:translate(-50%);z-index:400;padding:9px 16px;border-radius:8px;background:var(--ink);color:#fff;font-size:var(--fs-small);box-shadow:var(--shadow-pop);white-space:nowrap}.presence{display:flex;align-items:center}.presence__dot{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:500;border:2px solid var(--bg);margin-left:-7px;flex:none}.presence__dot:first-child{margin-left:0}.ck{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--fs-small);color:var(--text-3);transition:color .15s}.ck:hover{color:var(--text-2)}.ck__box{position:relative;width:15px;height:15px;flex:none;border:1px solid var(--text-4);border-radius:4px;transition:background-color .12s,border-color .12s}.ck.is-on{color:var(--text-2)}.ck.is-on .ck__box{background:var(--ink);border-color:var(--ink)}.ck.is-on .ck__box:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}.ck__label{line-height:1}input[type=datetime-local],select{font-family:inherit;font-size:var(--fs-small);color:var(--text);background:transparent;border:none;padding:4px 0;outline:none}select{cursor:pointer}@media (max-width: 640px){.container{padding:36px 18px 64px}.container--wide{padding:20px 14px 48px}.h-group{flex-direction:column}.h-item{padding:0 0 14px}.topbar{flex-wrap:wrap;gap:12px}.topbar__title{font-size:21px}.field__label{width:72px}.surface{padding:4px 12px}}