.xtd-app .ch-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;padding:22px 30px 24px;background:#fbfbf5;overflow:auto;color:#17241d;scrollbar-width:none}
.ch-main::-webkit-scrollbar{width:0}
.ch-main button{font-family:inherit}
.xtd-app .ch-top-active{background:#d4f4df!important}
.xtd-app[data-role=user] .xt-client-nav button[data-view=home]{cursor:pointer;transition:transform .15s ease-out}
.xtd-app[data-role=user] .xt-client-nav button[data-view=home]:active{transform:scale(.94)}
.xtd-app[data-role=user] .xt-client-nav button[data-view=home]:focus-visible{outline:2px solid #1c9965;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.xtd-app[data-role=user] .xt-client-nav button[data-view=home]{transition:none}.xtd-app[data-role=user] .xt-client-nav button[data-view=home]:active{transform:none}}
.ch-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;flex:0 0 auto;min-height:55px}
.ch-intro h1{font-size:25px;font-weight:700;letter-spacing:-.5px;line-height:1.4}
.ch-intro p{margin-top:5px!important;font-size:13px;color:#7b847e}
.ch-date{display:flex;gap:10px;align-items:center;color:#7b847e;font-size:12px}
.ch-example{padding:3px 9px;border:1px solid #e1e6df;border-radius:999px;background:white;color:#8a928c;font-size:11px;white-space:nowrap}
.ch-beijing-clock{font-variant-numeric:tabular-nums}
.ch-shortcuts{display:flex;align-items:center;flex:0 0 auto;gap:0;border:1px solid #e3e7df;border-radius:13px;background:white;min-height:62px;overflow-x:auto}
.ch-shortcuts button{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;min-width:145px;min-height:60px;background:none;border:0;font-size:13px;font-weight:600;color:#35463c;white-space:nowrap}
.ch-shortcuts button+button{position:relative}.ch-shortcuts button+button:before{content:"";position:absolute;left:0;top:19px;bottom:19px;width:1px;background:#edf0e9}
.ch-shortcuts button:hover{background:#f4fcf6}.ch-shortcuts button.active{background:#eafaf0;color:#007b4f}
.ch-shortcuts svg{width:20px;height:20px;color:#1b8c60;flex-shrink:0}
.ch-shortcuts .ch-short-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:999px;background:#eafaf0;color:#0c8657;font-size:11px;margin-left:2px}
.ch-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;flex:0 0 auto}
.ch-stat{position:relative;min-height:109px;border:1px solid #e3e7df;border-radius:13px;background:white;padding:16px 20px;display:flex;align-items:center;gap:15px;overflow:hidden}
.ch-stat.today{background:#eafaf0;border-color:#d9f1e2}
.ch-stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#f3f7f3;color:#5b8a6c;flex-shrink:0}
.ch-stat.today .ch-stat-icon{background:#d1f2de;color:#098457}.ch-stat-icon svg{width:23px;height:23px}
.ch-stat-label{display:block;color:#718077;font-size:12px;margin-bottom:2px}.ch-stat-value{font-size:30px;font-weight:700;letter-spacing:-.5px;line-height:1.3}.ch-stat-value small{font-size:12px;font-weight:400;color:#7b847e;letter-spacing:0;margin-left:6px}
.ch-stat-note{font-size:11px;color:#87918a;margin-top:3px}.ch-stat-spark{margin-left:auto;width:66px;height:35px;color:#b2dcc2;flex-shrink:0;opacity:.8}
.ch-middle{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;flex:1.12;min-height:280px}
.ch-bottom{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;flex:.88;min-height:225px}
.ch-panel{display:flex;flex-direction:column;min-height:0;background:white;border:1px solid #e3e7df;border-radius:13px;overflow:hidden;box-shadow:0 2px 6px #123f1603}
.ch-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px 12px;flex:0 0 auto}
.ch-panel-head h2{font-size:15px;line-height:1.5;font-weight:700}.ch-panel-head p{font-size:11px;color:#8c968e;margin-top:2px!important}
.ch-text-button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;padding:0;color:#18845a;font-size:12px;white-space:nowrap}
.ch-range{display:flex;align-items:center;gap:3px;padding:3px;border-radius:999px;background:#f5f7f3}.ch-range button{border:0;border-radius:999px;background:transparent;color:#7b847e;padding:5px 13px;font-size:11px;white-space:nowrap}.ch-range button.active{background:white;color:#148358;box-shadow:0 1px 4px #00000009}
.ch-chart-summary{display:flex;align-items:baseline;gap:9px;padding:0 20px;color:#7d8880;font-size:11px}.ch-chart-summary strong{font-size:22px;color:#233c2d;font-weight:700}.ch-chart-summary .ch-chart-legend{margin-left:auto;display:flex;align-items:center;gap:6px}.ch-chart-legend i{width:7px;height:7px;border-radius:50%;background:#209b68}
.ch-chart{flex:1;min-height:0;padding:5px 15px 11px 10px}.ch-chart svg{display:block;width:100%;height:100%;min-height:150px}.ch-chart text{fill:#9aa49d;font-size:11px;font-family:inherit}.ch-chart .ch-grid-line{stroke:#edf1eb;stroke-width:1;stroke-dasharray:4 5}
.ch-status-summary{padding:0 20px 8px;color:#8b968e;font-size:11px}.ch-status-summary strong{font-weight:650;color:#2b4937}
.ch-statuses{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 18px 16px;grid-template-rows:repeat(3,minmax(0,1fr))}
.ch-status{display:flex;align-items:center;gap:11px;min-height:0;border:1px solid #edf0e9;border-radius:9px;background:#fff;padding:6px 12px;text-align:left;transition:background .15s,border-color .15s}
.ch-status:hover{background:#f8fcf8;border-color:#bbdfc7}.ch-status:last-child{grid-column:1/-1;background:#f5fbf6;border-color:#e5f1e7}
.ch-status-icon{display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:9px;background:#f1f6f1;color:#58856b;flex-shrink:0}.ch-status-icon svg{width:17px;height:17px}.ch-status.pending .ch-status-icon{background:#fff7e6;color:#c09337}.ch-status.action .ch-status-icon{background:#edf5fd;color:#6892b8}.ch-status.revision .ch-status-icon{background:#fdf0eb;color:#c2886d}
.ch-status-label{font-size:12px;color:#65796b}.ch-status-number{font-size:23px;line-height:1.15;font-weight:700;color:#273d2e;margin-left:auto}.ch-status-arrow{color:#a5b5a9;font-size:17px;margin-left:6px}
.ch-table-wrap{flex:1;min-height:0;overflow:auto}.ch-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;white-space:nowrap}.ch-table thead{background:#f8f9f6}.ch-table th{font-weight:500;color:#929c94;padding:9px 20px;font-size:11px;border-top:1px solid #eff1eb;border-bottom:1px solid #eff1eb}.ch-table td{padding:11px 20px;color:#65756b;border-bottom:1px solid #f1f3ee}.ch-table tr:last-child td{border-bottom:0}.ch-table td:first-child{font-weight:550;color:#33473a}.ch-table td strong{color:#148558;font-size:13px}.ch-table small{font-size:10px;color:#9ba49d;margin-left:8px;font-weight:400}
.ch-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#edf6ef;color:#3a8e60;font-size:10px;line-height:1.65;font-weight:400}.ch-badge.submitted{background:#fff6df;color:#b28d35}.ch-badge.awaiting_action{background:#eaf4fd;color:#6b93b6}.ch-badge.revision{background:#fdf0e8;color:#c18a65}.ch-badge.approved{background:#e6f8eb;color:#328e57}
.ch-notices{flex:1;min-height:0;padding:0 20px}.ch-notice{display:flex;gap:11px;align-items:flex-start;padding:10px 0;border-top:1px solid #f0f2ec}.ch-notice:first-child{padding-top:3px;border:0}.ch-notice-dot{width:6px;height:6px;border-radius:50%;background:#8ccea7;margin-top:7px;flex-shrink:0}.ch-notice h3{font-size:12px;font-weight:500;color:#3a4e40;line-height:1.5}.ch-notice p{color:#98a29a;font-size:10px;line-height:1.6;margin-top:2px!important}.ch-notice time{font-size:10px;color:#a1aaa3;margin-left:auto;white-space:nowrap}
.ch-help{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 20px;background:#f8fbf7;border-top:1px solid #eef2e9;font-size:11px;color:#9aa69c}.ch-help svg{width:17px;height:17px;color:#72a988}.ch-help button{margin-left:auto;font-size:11px}
@media(max-width:1350px){.xtd-app .ch-main{padding:18px;gap:12px}.ch-stats{gap:12px}.ch-stat{padding:13px 15px;gap:12px;min-height:94px}.ch-stat-spark{display:none}.ch-middle,.ch-bottom{gap:12px;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.ch-statuses{padding-left:12px;padding-right:12px;gap:6px}.ch-status{padding:7px 10px;gap:7px}.ch-panel-head{padding:12px 15px}.ch-table th,.ch-table td{padding-left:15px;padding-right:15px}.ch-chart-summary{padding-left:15px;padding-right:15px}}
@media(max-width:760px){.xtd-app .ch-main{padding:12px;overflow:auto;gap:12px}.ch-intro{align-items:flex-start;min-height:auto}.ch-intro h1{font-size:21px}.ch-intro p{font-size:11px}.ch-date{flex-direction:column;align-items:flex-end;font-size:10px;gap:4px}.ch-stats{grid-template-columns:1fr 1fr;gap:9px}.ch-stat{min-height:94px;padding:12px;gap:10px}.ch-stat-value{font-size:25px}.ch-stat-icon{width:32px;height:32px}.ch-stat-icon svg{width:19px;height:19px}.ch-stat-label{font-size:11px}.ch-stat-note{font-size:9px}.ch-middle,.ch-bottom{display:flex;flex-direction:column;flex:none;min-height:0;gap:12px}.ch-middle>.ch-panel:first-child{height:285px;flex-shrink:0}.ch-middle>.ch-panel:last-child{min-height:300px}.ch-bottom>.ch-panel{min-height:250px}.ch-shortcuts{min-height:53px}.ch-shortcuts button{min-height:51px;min-width:125px;font-size:12px}.ch-shortcuts svg{width:18px;height:18px}.ch-intro .ch-back{padding:6px 10px;font-size:11px}}

@media(min-width:761px) and (max-height:940px){.xtd-app .ch-main{padding:16px 22px;gap:12px}.ch-intro{min-height:50px}.ch-intro h1{font-size:23px}.ch-shortcuts{min-height:53px}.ch-shortcuts button{min-height:51px}.ch-stat{min-height:96px;padding:12px 16px}.ch-stat-value{font-size:27px}.ch-middle{min-height:240px}.ch-bottom{min-height:210px}.ch-panel-head{padding-top:11px;padding-bottom:9px}.ch-notice{padding:8px 0}.ch-table td{padding-top:9px;padding-bottom:9px}}

.xtd-app[data-role=user][data-view=home] .xt-home-layout{display:flex;flex-direction:column;min-height:0}.xtd-app[data-role=user][data-view=home] .xt-home-main{min-height:0;overflow:auto;flex:1}.ch-notice-empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#a3aea5;font-size:12px;min-height:80px}.ch-notice-empty svg{width:27px;height:27px;color:#b3c4b8}.ch-empty{padding:35px 20px!important;text-align:center;color:#9baa9d!important}.ch-main button:focus-visible{outline:2px solid #1c9965;outline-offset:2px}

.xtd-app[data-role=user][data-view=home] .ch-notices{flex:1;min-height:0;overflow:auto;padding:0 20px}.xtd-app[data-role=user][data-view=home] .ch-home-notice{display:flex;align-items:center;gap:12px;width:100%;padding:14px 0;background:none;border:0;border-bottom:1px solid #eef2e9;text-align:left;cursor:pointer;color:inherit;font:inherit}.ch-home-notice>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-home-notice>small{color:#80928b}.ch-home-notice:hover>span{color:#00865a}