/* Website demos keep the site's visual language and follow the actual Team Work flows. */
.tw-demo{color:#172126;font-size:15px;line-height:1.65;min-width:0}
.tw-demo h3,.tw-demo h4,.tw-demo p{margin:0}.tw-demo h3{font-size:23px;letter-spacing:-.4px;font-weight:600}.tw-demo h4{font-size:16px;font-weight:600}.tw-demo p{color:#586369}.tw-demo small{font-size:12px;line-height:1.6}.tw-demo button:disabled{opacity:.4;cursor:not-allowed}.tw-demo .pill{font-size:12px;white-space:nowrap}.tw-demo button:focus-visible,.tw-demo input:focus-visible,.tw-demo select:focus-visible,.tw-demo textarea:focus-visible,.tw-demo summary:focus-visible{outline:2px solid #87949a;outline-offset:3px}
.tw-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.tw-head p{font-size:14px;margin-top:5px}.tw-actions,.tw-detail-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.tw-detail-actions{justify-content:flex-end;margin-top:26px;padding-top:20px;border-top:1px solid #edf1f2}.tw-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 13px;border-radius:8px;border:1px solid #e1e6e8;background:#fff;color:#172126;font-size:14px;line-height:1.5;white-space:nowrap;transition:background .16s,border-color .16s,transform .16s}.tw-button:hover{background:#f5f7f7;border-color:#ced6d9}.tw-button.primary{background:#23343d;color:#fff;border-color:#23343d}.tw-button.primary:hover{background:#23343d}.tw-button .icon{width:17px;height:17px}.tw-wide{width:100%}.tw-muted{color:#586369;font-size:13px}
.tw-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.tw-stats>div{padding:18px 17px;background:#fff;border:1px solid #edf1f2;border-radius:13px}.tw-stats span{display:block;font-size:12px;color:#586369;line-height:1.65}.tw-stats strong{display:block;font-size:25px;font-weight:500;letter-spacing:-.8px;margin-top:9px;font-variant-numeric:tabular-nums;color:#172126}.tw-board-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr);gap:18px;align-items:stretch}.tw-card{background:#fff;border:1px solid #edf1f2;border-radius:14px;padding:21px;min-width:0}.tw-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:20px}.tw-card-head p{font-size:12px;margin-top:4px}.tw-select{min-height:34px;max-width:100%;background:#f5f7f7;border:1px solid #e1e6e8;border-radius:7px;padding:6px 25px 6px 10px;font-size:13px;color:#172126}
.tw-chart{height:115px;display:flex;gap:5px;align-items:stretch;border-bottom:1px solid #edf1f2;background:repeating-linear-gradient(to top,transparent 0 37px,#f5f7f7 37px 38px)}.tw-bar-col{flex:1;display:flex;align-items:flex-end;min-width:0;position:relative}.tw-bar{width:100%;height:var(--bar);min-height:3px;max-height:100%;border-radius:3px 3px 0 0;background:linear-gradient(#87949a,#ced6d9);position:relative;transition:height .25s}.tw-bar:hover{background:#68777f}.tw-bar span{display:none;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);padding:3px 6px;border-radius:4px;color:#fff;background:#23343d;font-size:10px;white-space:nowrap;z-index:3}.tw-bar:hover span{display:block}.tw-axis{display:flex;justify-content:space-between;color:#586369;font-size:11px;margin-top:9px}.tw-distribution-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:28px 0 15px}.tw-distribution-head+.tw-chart{height:75px}.tw-segments{display:flex;gap:3px;padding:3px;background:#f5f7f7;border-radius:8px}.tw-segments .tw-button{border:0;background:transparent;font-size:12px;min-height:28px;padding:4px 9px}.tw-segments .tw-button[aria-pressed=true]{background:#fff;color:#172126;box-shadow:0 1px 4px #08141c0d}.tw-calendar-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:19px;font-size:14px}.tw-calendar-head>div{display:flex;align-items:center;gap:7px;font-size:12px}.tw-calendar-head .tw-button{padding:0 5px;min-height:25px;border:0;background:none;font-size:20px}.tw-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.tw-calendar>span,.tw-calendar>button{min-width:0;min-height:35px;text-align:center}.tw-calendar .tw-weekday{font-size:11px;color:#586369;min-height:22px}.tw-calendar>button{font-size:12px;border-radius:6px;background:rgba(91,106,115,var(--heat));color:#172126;border:1px solid transparent;transition:border .15s,background .15s}.tw-calendar>button:hover{border-color:#ced6d9}.tw-calendar>button[aria-pressed=true]{border-color:#87949a;background:#e1e6e8;color:#172126}.tw-calendar-detail{margin-top:15px!important;padding-top:12px;border-top:1px solid #f5f7f7;font-size:12px;min-height:50px}
.tw-view-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.tw-view-tabs .tw-button{background:transparent;border-color:transparent;min-height:35px}.tw-view-tabs .tw-button[aria-pressed=true]{background:#edf1f2;color:#172126}.tw-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.tw-toolbar .tw-view-tabs{margin:0}.tw-search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e1e6e8;border-radius:8px;padding:9px 12px;min-width:0;max-width:400px;flex:1}.tw-search .icon{width:17px;height:17px;color:#586369}.tw-search input{width:100%;min-width:0;border:0;background:transparent;outline:0;font-size:14px;color:#172126}.tw-task-content{border:1px solid #edf1f2;background:#fff;border-radius:13px;overflow:hidden}.tw-table-head,.tw-task-row{display:grid;grid-template-columns:minmax(0,1fr) 95px 90px 78px;gap:14px;align-items:center;padding:15px 18px;text-align:left;width:100%}.tw-table-head{font-size:12px;background:#fbfcfc;color:#586369;padding-block:11px}.tw-task-row{border:0;border-top:1px solid #f5f7f7;background:#fff;transition:background .15s;color:#586369;font-size:13px}.tw-task-row:hover{background:#f5f7f7}.tw-task-row strong{display:block;font-size:15px;color:#172126;font-weight:500}.tw-task-row small{display:block;color:#586369;font-size:11px}.tw-task-row>span:first-child small{margin-bottom:4px}.tw-task-row>span:last-child{font-variant-numeric:tabular-nums}.tw-caption{display:flex;align-items:flex-start;gap:8px;margin-top:15px!important;font-size:12px;color:#586369!important;line-height:1.8}.tw-caption .icon{width:16px;height:16px;flex-shrink:0;margin-top:3px}.tw-empty{padding:40px 20px;text-align:center}.tw-empty .icon{width:28px;height:28px;color:#586369;margin-bottom:10px}.tw-empty p{font-size:14px}.tw-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(145px,1fr);gap:10px;padding:14px;overflow:auto}.tw-kanban section{min-width:0;padding:9px;background:#f5f7f7;border-radius:8px}.tw-kanban h4{font-size:13px;margin-bottom:12px;display:flex;justify-content:space-between;color:#586369}.tw-kanban h4>span{color:#586369}.tw-kanban section>button{width:100%;text-align:left;background:#fff;border:1px solid #edf1f2;border-radius:8px;padding:12px;margin-bottom:8px}.tw-kanban strong{display:block;margin:7px 0 10px;font-size:14px;font-weight:500}.tw-kanban small,.tw-kanban span,.tw-kanban p{font-size:11px;color:#586369}.tw-flow-list{display:grid;gap:16px}.tw-flow{display:flex;gap:12px;overflow:auto}.tw-flow article{min-width:170px;flex:1;border:1px solid #edf1f2;border-radius:10px;padding:15px;background:#fbfcfc}.tw-flow article>strong{display:block;margin:8px 0 12px;font-size:15px}.tw-flow article>span{display:flex;justify-content:space-between;gap:8px;font-size:13px}.tw-flow article>p{font-size:12px;margin-top:12px}.tw-flow article>small{color:#586369}
.tw-form{display:grid;gap:18px}.tw-form label{display:flex;flex-direction:column;gap:8px;color:#586369;font-size:14px}.tw-form input:not([type=radio]):not([type=checkbox]),.tw-form textarea,.tw-form select{width:100%;min-width:0;background:#fff;border:1px solid #e1e6e8;border-radius:8px;padding:10px 12px;font:inherit;color:#172126;line-height:1.6}.tw-form textarea{resize:vertical;min-height:72px}.tw-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tw-form fieldset{border:0;padding:0;margin:0;min-width:0}.tw-form legend{font-size:14px;color:#586369;margin-bottom:12px}.tw-form .tw-stage-fields{padding:15px;border:1px solid #e1e6e8;border-radius:10px;margin:14px 0;display:grid;gap:12px}.tw-stage-fields legend{padding:0 5px;margin:0;font-size:13px;color:#586369}.tw-form .tw-inline-check{flex-direction:row;align-items:center;font-size:12px}.tw-inline-check input{accent-color:#87949a}.tw-detail-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;margin-bottom:26px;color:#586369}.tw-demo .tw-prose{font-size:15px;line-height:1.9;white-space:pre-wrap;margin:12px 0 22px}.tw-checks{list-style:none;padding:0;margin:12px 0 22px}.tw-checks li{display:flex;gap:9px;font-size:14px;margin:10px 0;color:#586369}.tw-checks .icon{width:17px;height:17px;flex-shrink:0;color:#586369;margin-top:3px}.tw-note{padding:15px 17px;background:#f5f7f7;border:1px solid #e1e6e8;border-radius:10px;color:#586369;font-size:14px;margin:16px 0;line-height:1.8}.tw-note>.icon{width:17px;height:17px;vertical-align:middle;margin-right:7px}.tw-note small{display:block;margin-top:5px;color:#586369}.tw-note.amber{background:#f5f1e8;border-color:#e9e0ce;color:#586369}.tw-file{border:1px solid #edf1f2;border-radius:8px;padding:12px;margin:9px 0}.tw-file summary{font-size:14px;color:#586369;cursor:pointer}.tw-file summary .icon{width:16px;height:16px;margin-right:8px;vertical-align:middle}.tw-file p{font-size:13px;margin:12px 0 0;line-height:1.8}.tw-activity{padding-left:20px;margin-top:12px;color:#586369;font-size:13px}.tw-activity li{padding:5px 0}.tw-detail-meta~h4{margin-top:26px}.tw-summary{display:grid;grid-template-columns:90px 1fr;gap:12px;margin:20px 0;font-size:14px}.tw-summary dt{color:#586369}.tw-summary dd{margin:0;color:#172126}
.tw-share-lead{display:flex;align-items:center;gap:20px;padding:24px;background:#edf1f2;border:1px solid #e1e6e8;border-radius:13px;margin-bottom:24px}.tw-share-lead>.icon{width:30px;height:30px;color:#586369;flex-shrink:0}.tw-share-lead>div{flex:1}.tw-share-lead strong{font-size:17px;font-weight:500;color:#172126}.tw-share-lead p{font-size:13px;margin-top:6px;color:#586369}.tw-share-creator{padding:24px;background:#fff;border:1px solid #edf1f2;border-radius:13px;margin-bottom:24px}.tw-scope-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tw-scope-options>label{position:relative;cursor:pointer}.tw-scope-options input{position:absolute;top:12px;right:12px;accent-color:#87949a}.tw-scope-options>label>span{display:flex;flex-direction:column;gap:6px;min-height:110px;padding:16px;border:1px solid #edf1f2;border-radius:10px;background:#fbfcfc}.tw-scope-options .icon{width:22px;height:22px;color:#586369;margin-bottom:3px}.tw-scope-options strong{font-size:14px;font-weight:500}.tw-scope-options small{font-size:11px;color:#586369}.tw-scope-options input:checked+span{background:#f5f7f7;border-color:#adb7bb;color:#586369}.tw-scope-options input:focus-visible+span{outline:2px solid #adb7bb}.tw-scope-detail p{font-size:13px;margin-bottom:15px;color:#586369}.tw-share-row{display:flex;gap:16px;align-items:center;border:1px solid #edf1f2;background:#fff;border-radius:10px;padding:18px;margin-top:12px}.tw-share-row>.icon{width:23px;height:23px;color:#586369;flex-shrink:0}.tw-share-row>div{flex:1;min-width:0}.tw-share-row strong{display:block;font-size:15px;font-weight:500}.tw-share-row small{display:block;color:#586369;font-size:12px;margin-top:4px}.tw-share-row>span{font-size:13px;color:#586369}.tw-compat{margin-top:22px;font-size:13px;color:#586369}.tw-compat summary{cursor:pointer}.tw-compat p{margin-top:10px;font-size:13px}.tw-tree{border-left:2px solid #e1e6e8;padding-left:18px;margin:22px 0}.tw-tree p{font-size:14px;margin:12px 0}.tw-tree p:nth-child(2){padding-left:15px}.tw-tree p:nth-child(3){padding-left:30px}.tw-tree .icon{width:16px;height:16px;vertical-align:middle;margin-right:8px}
.tw-assistant-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.tw-assistant-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#edf1f2;color:#586369;margin-bottom:18px}.tw-assistant-mark .icon{width:25px;height:25px}.tw-assistant-entry h4{font-size:21px}.tw-assistant-entry>p{font-size:14px;line-height:1.9;margin:12px 0 24px}.tw-assistant-entry>small{display:block;color:#586369;font-size:12px;line-height:1.8;margin-top:18px}.tw-conversation{display:flex;align-items:center;gap:9px;width:100%;padding:16px 0;margin-top:22px;border:0;border-top:1px solid #edf1f2;background:none;color:#586369;font-size:13px;text-align:left;flex-wrap:wrap}.tw-conversation .icon{width:17px;height:17px}.tw-conversation span{margin-left:auto;color:#586369;font-size:11px}.tw-doc-row{display:flex;align-items:center;gap:10px;width:100%;padding:15px 0;background:none;border:0;border-bottom:1px solid #f5f7f7;text-align:left;font-size:13px;color:#586369}.tw-doc-row>.icon{width:18px;height:18px;color:#586369}.tw-doc-row>span{flex:1;min-width:0;overflow-wrap:anywhere}.tw-doc-row small{font-size:11px;color:#586369}.tw-doc-row small.tw-learning{color:#586369}.tw-bot-status{display:flex;gap:12px;align-items:center;padding:17px 0;margin-top:15px}.tw-status-dot{height:7px;width:7px;border-radius:50%;background:#adb7bb;box-shadow:0 0 0 5px #adb7bb10;flex-shrink:0}.tw-bot-status strong{font-weight:500;font-size:14px}.tw-bot-status small{display:block;color:#586369;font-size:11px;margin-top:3px}.tw-chat-window{display:grid;grid-template-columns:170px minmax(0,1fr);border:1px solid #edf1f2;border-radius:13px;overflow:hidden;background:#fff}.tw-chat-window>aside{padding:22px 15px;background:#f5f7f7;border-right:1px solid #edf1f2;display:flex;flex-direction:column;gap:16px;color:#586369;font-size:13px}.tw-chat-window>aside strong{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:500;color:#172126}.tw-chat-window>aside .icon{width:17px;height:17px}.tw-chat-window>aside>span{padding:9px;border-radius:7px;background:#edf1f2;color:#586369}.tw-chat-window>aside small{color:#586369;font-size:11px}.tw-chat-window>section{min-width:0;padding:22px}.tw-chat-log{min-height:260px;max-height:430px;overflow:auto;overscroll-behavior:contain}.tw-chat-welcome{padding:12px 6px}.tw-chat-welcome h4{font-size:22px}.tw-chat-welcome p{margin:8px 0 23px;font-size:14px}.tw-chat-welcome .tw-button{display:flex;margin:10px 0;text-align:left;white-space:normal;font-size:13px}.tw-chat-input{display:flex;align-items:flex-end;gap:10px;padding:12px;background:#fbfcfc;border:1px solid #edf1f2;border-radius:10px;margin-top:18px}.tw-chat-input textarea{flex:1;min-width:0;border:0;background:none;resize:vertical;font:inherit;font-size:15px;line-height:1.7;outline:0;min-height:48px;max-height:150px}.tw-chat-input .tw-button{font-size:12px;padding:7px 9px}.tw-chat-note{font-size:11px;margin-top:10px!important;color:#586369!important}.tw-message{margin:6px 0 21px;padding:0 4px}.tw-message>small{color:#586369;font-size:11px}.tw-message>p{color:#586369;white-space:pre-wrap;font-size:14px;line-height:1.9;margin-top:8px}.tw-message.user{background:#f5f7f7;border-radius:10px;padding:13px 16px;margin-left:30px}.tw-sources{margin-top:15px;border:1px solid #edf1f2;border-radius:8px;padding:10px 12px;color:#586369;font-size:12px}.tw-sources summary{cursor:pointer}.tw-sources>div{padding:12px 0 3px}.tw-sources .icon{width:15px;height:15px;vertical-align:middle;margin-right:7px}.tw-sources strong{font-size:12px;font-weight:500}.tw-sources p{font-size:12px;line-height:1.8;margin-top:6px}
@media(max-width:1050px){.tw-board-grid{grid-template-columns:minmax(0,1.2fr) minmax(245px,1fr)}.tw-card{padding:17px}.tw-distribution-head{align-items:flex-start;flex-direction:column}.tw-stats>div{padding:15px 13px}.tw-stats strong{font-size:23px}.tw-stats span{font-size:11px}.tw-share-row{gap:12px}.tw-share-row>.pill{display:none}.tw-head h3{font-size:21px}}
@media(max-width:800px){.tw-board-grid{grid-template-columns:1fr}.tw-stats{grid-template-columns:repeat(2,1fr)}.tw-stats span{font-size:12px}.tw-calendar{gap:7px}.tw-calendar>button{min-height:38px}.tw-distribution-head{flex-direction:row;align-items:center}.tw-calendar-card{max-width:none}.tw-assistant-grid{grid-template-columns:1fr}.tw-assistant-entry>small{margin-top:12px}.tw-chat-window{grid-template-columns:1fr}.tw-chat-window>aside{display:none}.tw-table-head,.tw-task-row{grid-template-columns:minmax(0,1fr) 75px 84px 65px;gap:9px;padding-inline:13px}.tw-head{flex-wrap:wrap}.tw-share-management>.tw-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.tw-demo{font-size:15px}.tw-head h3{font-size:22px}.tw-head p{font-size:14px}.tw-head{margin-bottom:18px;gap:12px}.tw-actions{width:100%}.tw-button{font-size:13px;min-height:36px;padding:7px 11px}.tw-stats{gap:9px}.tw-stats>div{padding:14px 12px;border-radius:10px}.tw-stats strong{font-size:24px}.tw-stats span{font-size:11px}.tw-card{padding:16px;border-radius:11px}.tw-card-head{gap:8px}.tw-card h4{font-size:15px}.tw-select{font-size:12px;max-width:128px}.tw-chart{gap:3px;height:95px}.tw-axis{font-size:10px}.tw-distribution-head{align-items:flex-start;flex-direction:column;gap:9px}.tw-segments .tw-button{font-size:12px;padding:4px 8px;min-height:28px}.tw-calendar>button{min-height:32px}.tw-view-tabs{gap:3px}.tw-view-tabs .tw-button{font-size:12px;padding:7px 8px}.tw-toolbar{flex-wrap:wrap}.tw-search{flex-basis:100%;max-width:none}.tw-search input{font-size:16px}.tw-table-head{display:none}.tw-task-row{grid-template-columns:minmax(0,1fr) 90px;gap:6px 12px;padding:15px 13px}.tw-task-row>span:first-child{grid-row:1;grid-column:1}.tw-task-row>span:nth-child(2){grid-row:2;grid-column:1;font-size:11px;display:flex;gap:7px}.tw-task-row>span:nth-child(3){grid-row:1;grid-column:2;text-align:right}.tw-task-row>span:last-child{grid-row:2;grid-column:2;text-align:right;font-size:11px;color:#586369}.tw-task-row strong{font-size:14px;line-height:1.7}.tw-task-row .pill{font-size:11px;padding:4px 7px}.tw-form-grid{grid-template-columns:1fr}.tw-form input:not([type=radio]):not([type=checkbox]),.tw-form select,.tw-form textarea{font-size:16px}.tw-share-lead{padding:17px;gap:13px}.tw-share-lead strong{font-size:16px}.tw-share-lead>span{display:none}.tw-share-creator{padding:17px}.tw-scope-options{grid-template-columns:1fr}.tw-scope-options>label>span{min-height:70px;flex-direction:row;align-items:center;gap:10px;padding:13px}.tw-scope-options input{top:27px}.tw-scope-options small{margin-left:auto;margin-right:18px}.tw-scope-options strong{font-size:13px}.tw-scope-options .icon{width:18px;height:18px;margin:0}.tw-share-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px 11px;padding:14px}.tw-share-row>span:not(.pill){grid-column:2;grid-row:2;font-size:12px}.tw-share-row>span small{display:inline;margin-left:8px}.tw-share-row>.tw-button{grid-column:3;grid-row:1/3;font-size:12px;padding-inline:8px}.tw-share-row strong{font-size:14px}.tw-share-row small{font-size:11px}.tw-chat-window>section{padding:15px}.tw-chat-log{min-height:270px;max-height:420px}.tw-chat-input{padding:10px;gap:7px}.tw-chat-input textarea{font-size:16px}.tw-chat-welcome h4{font-size:21px}.tw-message>p{font-size:15px}.tw-message.user{margin-left:15px}.tw-assistant-entry h4{font-size:21px}.tw-flow article{min-width:190px}.tw-form .tw-stage-fields{padding:13px}.tw-activity{font-size:14px}}
@media(prefers-reduced-motion:reduce){.tw-bar,.tw-button{transition:none}}

/* Color-only accents for data selection and assistant state. */
.tw-bar{background:linear-gradient(#9caab3,#c2cbd0)}
.tw-bar:hover{background:#7561bd}
.tw-bar-col:last-child>.tw-bar{background:#7561bd}
.tw-calendar>button[aria-pressed=true]{background:#08141c;border-color:#08141c;color:#fff}
.tw-view-tabs .tw-button[aria-pressed=true]{background:#e3eaed;color:#172126}
.tw-segments .tw-button[aria-pressed=true]{color:#172126}
.tw-button.primary{background:#08141c;border-color:#08141c;color:#fff}
.tw-button.primary:hover{background:#23343d;border-color:#23343d}
.tw-assistant-mark{background:#f3effc;color:#6546ce}
.tw-conversation,.tw-message>small{color:#593db0}
.tw-doc-row small{color:#2b7055}.tw-doc-row small.tw-learning{color:#87640d}
.tw-status-dot{background:#518e69}
.tw-note{background:#f2f5f6;border-color:#e4eaec;color:#172126}
.tw-note>.icon{color:#593db0}.tw-note small{color:#586369}
.tw-note.amber{background:#fcf8e7;border-color:#eadca7;color:#87640d}
.tw-sources{background:#fbfdfa;border-color:#dfe6e8;color:#35434a}

/* Usage and task summary charts restored from the selected reference. */
.tw-overline{font-size:12px;letter-spacing:.025em;line-height:1.6;color:#b9c5cc}
.tw-usage-overview{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.2fr);gap:36px;padding:28px 30px 26px;background:var(--ink);color:#f7faf8;border-radius:18px;margin-bottom:18px}
.tw-usage-summary h4{font-size:23px;font-weight:400;line-height:1.5;margin-top:10px;letter-spacing:-.3px}
.tw-usage-metrics{display:flex;gap:38px;margin-top:28px}
.tw-usage-metrics strong{font-size:43px;line-height:1.15;font-weight:400;letter-spacing:-1.5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.tw-usage-metrics strong small{font-size:14px;margin-left:5px;letter-spacing:0}
.tw-usage-metrics>div>span{display:block;font-size:13px;margin-top:7px;color:#b9c5cc}
.tw-demo .tw-usage-week{display:flex;gap:9px;flex-wrap:wrap;font-size:12px;color:#b9c5cc;line-height:1.7;margin-top:20px}
.tw-usage-week i{font-style:normal;color:#7d8b94}
.tw-usage-history{min-width:0;padding-top:2px}
.tw-usage-history .tw-card-head h4{font-size:13px;font-weight:400;color:#d7e0e4}
.tw-usage-history .tw-card-head p{color:#aebbc3;font-size:12px}
.tw-usage-history .tw-select{background:#14222c;border-color:#3a4751;color:#e8eef1;font-size:12px;min-height:31px}
.tw-usage-history .tw-select option{background:#fff;color:#172126}
.tw-usage-history .tw-chart{height:140px;background:none;border-bottom-color:#26343e;gap:5px;margin-top:28px}
.tw-usage-history .tw-bar{background:#4f606d}
.tw-usage-history .tw-bar:hover{background:#7f909b}
.tw-usage-history .tw-bar-col:last-child>.tw-bar{background:#6d768e;outline:1px solid #a997f5;outline-offset:-1px}
.tw-usage-history .tw-axis{color:#b9c5cc}
.tw-usage-history .tw-bar span{background:#fbfdfa;color:#172126;box-shadow:0 3px 12px #08141c26}
.tw-board-grid:has(.tw-distribution){grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr)}
.tw-distribution>.tw-card-head{margin-bottom:15px}
.tw-distribution>.tw-segments{display:inline-flex;margin-bottom:30px}
.tw-distribution>.tw-chart{height:148px;gap:10px;background:none}
.tw-distribution .tw-bar{background:#c2cbd0}
.tw-distribution .tw-bar-col:last-child>.tw-bar{background:#7561bd}
.tw-summary-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:40px;padding:27px 30px;background:var(--ink);color:#f7faf8;border-radius:18px;margin-bottom:18px}
.tw-task-summary h4{font-size:22px;line-height:1.5;font-weight:400;margin-top:10px}
.tw-summary-metrics{display:flex;gap:40px;margin-top:23px}
.tw-summary-metrics strong{display:block;font-size:44px;line-height:1.1;font-weight:400;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}
.tw-summary-metrics>div>span{display:block;font-size:12px;color:#b9c5cc;margin-top:8px}
.tw-state-chart{display:flex;gap:20px;height:155px;align-self:end;padding-top:24px}
.tw-state-chart>div{position:relative;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;flex:1;min-width:0;padding-bottom:27px}
.tw-state-bar{height:var(--bar);min-height:2px;max-height:105px;display:block;position:relative;width:min(100%,50px);border-radius:5px 5px 0 0;background:#455763}
.tw-state-bar b{position:absolute;top:-23px;left:0;width:100%;font-size:12px;font-weight:400;text-align:center;color:#e4ebee}
.tw-state-chart>div>small{position:absolute;bottom:0;white-space:nowrap;color:#bdc8cd;font-size:11px}
.tw-state-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px;background:#71808b;vertical-align:middle}
.tw-state-dot[data-state="进行中"]{background:#9c82f4}.tw-state-dot[data-state="待审核"]{background:#dfb443}.tw-state-dot[data-state="待完善"]{background:#e85a64}.tw-state-dot[data-state="已完成"]{background:#79b896}
@media(max-width:1050px){.tw-usage-overview{grid-template-columns:minmax(250px,.85fr) minmax(0,1.2fr);gap:24px;padding:25px}.tw-usage-metrics{gap:24px}.tw-usage-metrics strong{font-size:37px}.tw-summary-band{gap:24px}.tw-state-chart{gap:13px}.tw-task-summary h4{font-size:20px}}
@media(max-width:800px){.tw-usage-overview,.tw-summary-band,.tw-board-grid:has(.tw-distribution){grid-template-columns:1fr}.tw-usage-overview,.tw-summary-band{gap:28px}.tw-usage-metrics{gap:45px}.tw-usage-summary h4{font-size:24px}.tw-usage-history .tw-chart{height:130px;margin-top:20px}.tw-summary-metrics{gap:45px}.tw-state-chart{height:135px}.tw-state-bar{max-height:85px}}
@media(max-width:560px){.tw-usage-overview,.tw-summary-band{padding:23px 20px;border-radius:14px}.tw-usage-metrics{gap:28px}.tw-usage-metrics strong{font-size:36px}.tw-usage-metrics strong small{font-size:12px}.tw-usage-summary h4{font-size:22px}.tw-usage-week{gap:6px!important}.tw-usage-history .tw-card-head{flex-wrap:wrap}.tw-usage-history .tw-chart{height:115px;gap:3px}.tw-distribution>.tw-chart{height:120px;gap:7px}.tw-summary-metrics{gap:35px}.tw-summary-metrics strong{font-size:38px}.tw-task-summary h4{font-size:20px}.tw-state-chart{gap:10px}.tw-state-chart>div>small{font-size:10px}}