:root{--ink:#17262d;--muted:#78858b;--line:#e8eceb;--soft:#f6f8f7;--green:#0f7d71;--teal:#20aa96;--teal-soft:#e7f7f2;--red:#d94f54;--red-soft:#fff0ef;--orange:#d9832b;--orange-soft:#fff5e9;--nav:#11262d}*{box-sizing:border-box}body{margin:0;background:#f7f9f8;color:var(--ink);font-family:"Noto Sans SC",Arial,sans-serif;font-size:14px}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:3;width:244px;height:100vh;padding:25px 14px 16px;background:var(--nav);color:#d8e2e1;display:flex;flex-direction:column}.brand{height:39px;display:flex;align-items:center;gap:9px;padding:0 10px;font:800 20px Manrope,sans-serif;color:#fff;letter-spacing:-.8px}.brand-mark{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;color:#153137;background:#62d6c1;font-size:15px}.brand-ai{color:#65d9c3}.workspace-switch{background:#1d363d;border:1px solid #31484e;border-radius:8px;margin:23px 7px 22px;padding:10px;font-size:12px;display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:#60d2be}.chevron{margin-left:auto;color:#9cafb1;font-size:15px}.nav{display:flex;flex-direction:column;gap:2px}.nav-label{margin:17px 10px 6px;font:600 10px Manrope,sans-serif;letter-spacing:1.1px;color:#70888e}.nav-item{height:39px;width:100%;border:0;border-radius:7px;background:transparent;color:#c1d0d1;text-align:left;padding:0 12px;font:500 13px "Noto Sans SC";cursor:pointer;display:flex;align-items:center;gap:11px}.nav-item span{font:18px Arial;color:#91a6aa;width:15px}.nav-item b{margin-left:auto;background:#d85258;color:#fff;min-width:17px;padding:1px 5px;border-radius:9px;text-align:center;font:600 10px Manrope}.nav-item:hover{background:#1b333a}.nav-item.active{background:#24515a;color:#fff}.nav-item.active span{color:#71d5c2}.sidebar-bottom{margin-top:auto}.help-card{margin:0 6px 16px;padding:10px 8px;display:flex;gap:8px;align-items:center;border-top:1px solid #294047}.help-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#294b51;color:#79dac5;font-weight:bold}.help-card strong,.profile strong{display:block;font-size:11px;color:#ebf2f1}.help-card small,.profile small{display:block;margin-top:2px;color:#8da2a5;font-size:10px}.profile{padding:10px 8px;border-top:1px solid #294047;display:flex;align-items:center;gap:8px}.profile>span{margin-left:auto;color:#aac0c0}.avatar{display:inline-grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#d8a76c;color:#fff;font-size:12px;font-weight:bold}.blue{background:#6b9cd2}.orange-avatar{background:#d47d69}.main{margin-left:244px;min-width:0;flex:1}.topbar{height:102px;background:#fff;border-bottom:1px solid var(--line);padding:19px 38px;display:flex;justify-content:space-between;align-items:center}.crumb,.eyebrow{margin:0 0 4px;color:#879399;font:500 10px "DM Mono",monospace;letter-spacing:.4px}.crumb span{color:#657277}.topbar h1{margin:0;font:700 22px Manrope,"Noto Sans SC";letter-spacing:-.6px}.header-actions{display:flex;gap:10px;align-items:center}.primary-button,.outline-button,.filter,.text-button{border:0;border-radius:7px;height:35px;padding:0 13px;font:600 12px "Noto Sans SC";cursor:pointer}.primary-button{background:var(--green);color:#fff;box-shadow:0 2px 4px #0f7d7120}.primary-button:hover{background:#096b61}.outline-button,.filter{background:#fff;border:1px solid #dce3e1;color:#56656b}.icon-button{width:34px;height:34px;border:0;background:white;border-radius:7px;color:#607178;font-size:18px;position:relative;cursor:pointer}.icon-button i{position:absolute;right:6px;top:5px;width:6px;height:6px;border-radius:50%;background:#e25b5e}.view{display:none;padding:28px 38px 42px;animation:fade .24s ease}.view.active{display:block}@keyframes fade{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}.notice{min-height:52px;border:1px solid #bce8dc;border-radius:8px;background:#edfbf6;display:flex;align-items:center;padding:9px 14px;gap:10px;color:#36615b}.notice-signal{color:var(--green);font-size:17px}.notice strong{font-size:12px;color:#246a60;margin-right:13px}.notice span{font-size:12px}.notice button{margin-left:auto;border:0;background:none;color:#137969;font:600 12px "Noto Sans SC";cursor:pointer}.filter-row{display:flex;justify-content:space-between;align-items:center;margin:21px 0 15px}.range-tabs{border:1px solid #e1e6e5;background:#fff;border-radius:7px;padding:3px;display:flex;gap:2px}.range-tabs button,.role-switch button{border:0;background:transparent;color:#77868a;border-radius:5px;padding:6px 12px;font:500 12px "Noto Sans SC";cursor:pointer}.range-tabs button.selected,.role-switch button.selected{background:#e6f7f2;color:#147767;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card,.panel{background:#fff;border:1px solid #e7ecea;border-radius:9px}.metric-card{padding:17px 17px 13px;min-height:148px}.metric-top,.panel-title{display:flex;justify-content:space-between;align-items:flex-start}.metric-top>span{color:#718087;font-size:12px}.metric-top i{font-style:normal;font:500 10px "DM Mono"}.teal{color:#098f7c!important}.red{color:#d44c52!important}.orange{color:#d8822a!important}.score-line,.number-line{display:flex;align-items:baseline;gap:4px;margin-top:10px}.score-line strong,.number-line strong{font:800 31px Manrope;color:#203139;letter-spacing:-1.3px}.score-line em,.number-line em{font:11px "DM Mono";font-style:normal;color:#899598}.good-pill{font-size:10px;color:#13806e;background:#e7f6f1;padding:2px 6px;border-radius:10px;margin-left:5px}.metric-card p{margin:8px 0 0;color:#7e8c90;font-size:11px}.metric-card p b{color:#187c6d}.red-text{color:#d74c52!important}.progress{height:4px;background:#e6eeec;border-radius:5px;margin-top:7px;overflow:hidden}.progress span{display:block;height:100%;background:#20ae98;border-radius:5px}.content-grid,.bottom-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-top:14px}.panel{padding:18px}.panel-title h2{margin:0;color:#26363d;font:700 14px Manrope,"Noto Sans SC"}.panel-title p{margin:4px 0 0;color:#8c989c;font-size:10px}.legend{display:flex;gap:12px;color:#89979a;font-size:10px}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.high{background:#dc5960}.middle{background:#e6a252}.low{background:#2db09d}.chart{height:218px;margin-top:13px;display:flex}.chart-y{height:171px;width:22px;color:#a0aaad;font:9px "DM Mono";display:flex;flex-direction:column;justify-content:space-between}.chart-area{flex:1;height:100%;position:relative}.grid-lines{position:absolute;inset:0 0 47px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 41px,#edf0ef 42px)}svg{position:absolute;top:0;left:0;width:100%;height:171px;overflow:visible}.area{fill:#55bba820}.line{fill:none;stroke-width:2}.low-line{stroke:#27ad9b}.middle-line{stroke:#e6a252}.high-line{stroke:#d9565e}.chart-x{position:absolute;bottom:0;display:flex;justify-content:space-between;width:100%;color:#a0aaad;font:9px "DM Mono"}.text-button{height:auto;background:none;color:#168371;padding:0;font-size:11px}.risk-list{padding:0;margin:13px 0 0;list-style:none}.risk-list li{display:grid;grid-template-columns:21px 1fr 20px;gap:8px;align-items:center;position:relative;padding:8px 0 12px}.rank{width:18px;height:18px;border-radius:5px;background:#f0f3f2;color:#839094;display:grid;place-items:center;font:500 10px "DM Mono"}.rank.one{background:#fdf0d6;color:#d18a27}.rank.two{background:#edf1f3;color:#778891}.rank.three{background:#faeee7;color:#c87954}.risk-list strong{font-size:11px}.risk-list small{display:block;color:#929da0;font-size:9px;margin-top:2px}.risk-list>b{font:600 11px "DM Mono"}.mini-bar{position:absolute;bottom:3px;left:29px;right:0;height:3px;background:#edf0ef;border-radius:3px}.mini-bar i{display:block;height:100%;background:#e4ab63;border-radius:3px}.bottom-grid{margin-top:14px}.todo{display:flex;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #edf0ef}.todo:first-of-type{margin-top:8px}.priority{width:4px;height:32px;border-radius:3px}.high-priority{background:#dd5e62}.mid-priority{background:#e5a453}.todo strong{font-size:11px}.todo small{display:block;margin-top:3px;color:#8c999c;font-size:10px}.tag{font-size:10px;padding:3px 7px;border-radius:11px;white-space:nowrap}.high-tag{color:#c8444d;background:#fff0f0}.mid-tag{color:#c37524;background:#fff4e8}.chev{border:0;background:none;color:#9aa6a8;font-size:22px}.training-progress{display:flex;align-items:center;gap:17px;padding:14px 0 3px}.donut{width:75px;height:75px;border-radius:50%;background:conic-gradient(#1da991 0 78%,#e8efed 78%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:59px;height:59px;background:white;border-radius:50%}.donut span{position:relative;z-index:1;font:800 17px Manrope}.donut small{font-size:9px}.training-progress strong{font:700 13px Manrope}.training-progress strong small{font:11px "Noto Sans SC";color:#869397}.training-progress p{font-size:10px;color:#839095}.training-progress p b{color:#1a7265}.up{color:#0a977e}.avatars{display:flex}.avatars i{font-style:normal;width:21px;height:21px;margin-left:-4px;border:2px solid white;border-radius:50%;display:grid;place-items:center;background:#d9a674;color:white;font-size:8px}.avatars i:first-child{margin-left:0}.avatars i:nth-child(2){background:#79a6d5}.avatars i:nth-child(3){background:#cd806d}.avatars i:nth-child(4){background:#8e9cbb}.avatars .more{background:#e9eeee;color:#6d7b7e;font-weight:bold}.intro-row,.list-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.intro-row h2,.list-head h2,.simple-view h2{margin:0;font:700 25px Manrope,"Noto Sans SC";letter-spacing:-.8px}.intro-row p:not(.eyebrow),.list-head p:not(.eyebrow),.simple-view>p:not(.eyebrow){color:#758388;margin:7px 0 0;font-size:12px}.role-switch{border:1px solid #e0e6e4;border-radius:8px;background:#fff;padding:3px}.speech-layout{display:grid;grid-template-columns:1.2fr .9fr;gap:16px}.composer{min-height:405px}.composer textarea,.modal textarea{width:100%;height:224px;resize:vertical;border:1px solid #dfe7e4;border-radius:7px;margin-top:15px;padding:13px;font:13px/1.7 "Noto Sans SC";outline:none;color:#35454b}.composer textarea:focus,.modal textarea:focus{border-color:#20a993;box-shadow:0 0 0 3px #20a99316}.char-count{font:10px "DM Mono";color:#9da7a9}.quick-samples{display:flex;gap:7px;align-items:center;margin-top:11px;flex-wrap:wrap}.quick-samples span{color:#899699;font-size:10px}.quick-samples button{border:0;background:#eef5f3;color:#307c70;border-radius:12px;padding:3px 8px;font-size:10px;cursor:pointer}.composer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.composer-actions small{font-size:10px;color:#99a4a6}.empty-result{height:100%;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8c989b}.empty-result span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#edf7f4;color:#159982;font-size:19px}.empty-result h3{color:#56676c;margin:13px 0 3px;font-size:14px}.empty-result p{max-width:230px;font-size:11px;line-height:1.7;margin:0}.result-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1ef;padding-bottom:13px}.result-header h3{margin:0;font-size:15px}.result-score{background:#fff0ef;color:#cf4a50;border-radius:7px;padding:5px 8px;font:700 12px "DM Mono"}.result-score small{font:10px "Noto Sans SC"}.risk-row{padding:14px 0;border-bottom:1px solid #edf1ef}.risk-row:last-child{border:0}.risk-row p{margin:7px 0;color:#6d7d82;font-size:11px;line-height:1.6}.risk-row strong{font-size:12px}.suggestion{padding:10px;background:#edfaf6;border-radius:7px;color:#27665c;font-size:11px;line-height:1.7}.list-tools{display:flex;gap:9px;margin-bottom:14px}.search{width:280px;height:35px;background:white;border:1px solid #dce3e1;border-radius:7px;padding:8px 10px;color:#98a4a5}.search input{border:0;outline:0;width:235px;font:12px "Noto Sans SC"}.table-panel{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:770px}th{padding:12px 17px;background:#fafbfb;color:#839094;font-size:10px;font-weight:500}td{padding:13px 17px;border-top:1px solid #edf0ef;color:#526268;font-size:11px}td strong{display:block;color:#2d4047;font-size:12px}td small{display:block;color:#9aa4a6;font-size:10px;margin-top:3px}.status{font-size:10px;padding:3px 7px;border-radius:11px}.pending-status{color:#a96124;background:#fff4e8}.task-status{color:#4e70a1;background:#eef4ff}.review-status{color:#8161a6;background:#f5effb}.done-status{color:#26816f;background:#eaf7f3}.simple-view{max-width:1040px}.upload-card{margin-top:23px;min-height:240px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-card>span{font-size:26px;color:#15927e;background:#e8f8f3;border-radius:10px;padding:9px}.upload-card h3{margin:11px 0 3px}.upload-card p{font-size:11px;color:#8b989c;margin:0 0 15px}.case-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.case-card h3{margin:17px 0 5px;font-size:15px}.case-card p,.case-card small{color:#7c898d;font-size:11px;line-height:1.7}.case-card hr{border:0;border-top:1px solid #edf0ef;margin:16px 0}.quiz-card{margin-top:22px;max-width:710px}.quiz-index{color:#1a9a84;font:11px "DM Mono"}.quiz-card h3{font-size:17px;margin:14px 0}.quiz-card blockquote{margin:0;padding:13px 15px;background:#f5f8f7;border-left:3px solid #56bca9;color:#3e5156}.quiz-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.quiz-options button{height:40px;border:1px solid #dce5e2;background:#fff;border-radius:6px;color:#52636a;cursor:pointer;font:12px "Noto Sans SC"}.quiz-options button:hover,.quiz-options button.correct{border-color:#1ca78f;background:#ebfaf5;color:#137565}.quiz-feedback{height:19px;color:#137565;font-size:11px}.rule-stats{display:flex;gap:14px;margin-top:22px}.rule-stats .panel{width:180px;padding:20px}.rule-stats b{font:800 28px Manrope;display:block;color:#187e6e}.rule-stats span{font-size:11px;color:#7a898d}.members{margin-top:22px;padding:0}.members>div{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid #edf0ef}.members>div:last-child{border:0}.members b{font-size:12px}.members small{color:#829094;font-size:11px}.modal-backdrop{display:none;position:fixed;z-index:20;inset:0;background:#0e20259c;place-items:center;padding:18px}.modal-backdrop.show{display:grid}.modal{position:relative;width:min(530px,100%);background:#fff;border-radius:12px;padding:26px;box-shadow:0 24px 70px #0d1b1f50}.modal h2{margin:0;font:700 22px Manrope}.modal>p:not(.eyebrow){color:#78868a;font-size:12px;margin:6px 0 16px}.modal label{display:block;color:#46585e;font-size:11px;font-weight:700}.modal label b{color:#d64d54}.modal textarea{height:125px;margin:7px 0 14px}.modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:17px}.modal select{display:block;width:100%;border:1px solid #dfe7e4;border-radius:6px;margin-top:7px;padding:8px;background:white;color:#54646a}.modal-close{position:absolute;right:17px;top:13px;border:0;background:transparent;color:#869397;font-size:25px;cursor:pointer}.wide{width:100%}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.bottom-grid{grid-template-columns:1fr}.sidebar{width:211px}.main{margin-left:211px}.topbar,.view{padding-left:25px;padding-right:25px}}@media(max-width:760px){.sidebar{display:none}.main{margin:0}.topbar{height:auto;padding:18px;align-items:flex-start}.header-actions .outline-button,.icon-button{display:none}.topbar h1{font-size:18px}.view{padding:18px}.notice button{display:none}.notice span{line-height:1.5}.metric-grid,.speech-layout,.case-cards{grid-template-columns:1fr}.intro-row,.list-head{align-items:flex-start;gap:16px;flex-direction:column}.role-switch{width:100%;overflow:auto;white-space:nowrap}.filter-row{align-items:flex-start;gap:10px;flex-direction:column}.content-grid,.bottom-grid{margin-top:12px}.legend{display:none}.quiz-options{grid-template-columns:1fr}.rule-stats{flex-wrap:wrap}.topbar .primary-button{font-size:0;padding:0 11px}.topbar .primary-button:first-letter{font-size:15px}.list-tools{flex-wrap:wrap}.search{width:100%}}