@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#142b3a;--muted:#75818a;--canvas:#f5f6f4;--paper:#fff;--line:#e3e8e5;--teal:#227963;--teal-dark:#175d4c;--teal-soft:#eaf4ee;--amber:#9a6517;--amber-soft:#fcf4e5;--navy:#142b3a;--red:#b55650;--shadow:0 8px 30px #182c3a05;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #72b3a0;outline-offset:3px}button{color:inherit}a{color:inherit;text-decoration:none}svg{display:block;flex-shrink:0}button svg{pointer-events:none}h1,h2,h3,p{margin:0}button{border:0;background:none}h1,h2,h3,.brand{font-family:'Manrope','DM Sans',sans-serif}h1{font-size:31px;line-height:1.25;letter-spacing:-1.2px;font-weight:800}h2{font-size:18px;letter-spacing:-.45px;font-weight:800}h3{font-size:14px;font-weight:700}p{line-height:1.6}.app-shell{display:flex;min-height:100vh}.sidebar{width:226px;flex-shrink:0;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#dbe5ea;display:flex;flex-direction:column;padding:31px 18px 20px;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:22px;font-weight:800;padding:0 10px;letter-spacing:-.6px}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:2px;color:#91a9b6;margin-top:5px;font-weight:500}.brand-mark{width:33px;height:35px;display:flex;align-items:center;font-size:29px;letter-spacing:-10px;color:#b7d6a8;font-weight:800;padding-bottom:7px}.brand-mark span{transform:translateY(6px);color:#e0c98a}.workspace-label{color:#839ba8;font-size:9px;letter-spacing:1.7px;margin:47px 11px 15px}.nav-item{display:flex;align-items:center;text-align:left;gap:11px;padding:13px 12px;width:100%;border-radius:7px;font-size:12px;margin-bottom:5px;color:#bdcdd6;transition:background .15s}.nav-item.active{background:#2a4250;color:#fff}.nav-item:hover{background:#243d4b}.nav-item svg{width:16px;height:16px;color:#8ea7b4}.nav-item.active svg{color:#c6dfae}.nav-count{margin-left:auto;font-size:10px;background:#476057;color:#dff2d4;border-radius:4px;padding:2px 5px}.nav-dot{width:5px;height:5px;border-radius:50%;background:#bfd894;margin-left:auto;display:none}.nav-dot.on{display:block}.sidebar-course{padding:20px 12px;margin-top:31px;border-top:1px solid #2d434f}.tiny-label{font-size:9px;letter-spacing:1.5px;display:block;color:#8ba4b0;margin-bottom:12px}.sidebar-course strong{font-size:12px;display:block;color:#e6edef;font-weight:500;margin-bottom:7px}.sidebar-course>span:not(.tiny-label){font-size:10px;color:#91a9b4;display:block}.class-line{font-size:10px;color:#a9bdc7;display:flex;align-items:center;gap:7px;margin-top:19px}.live-dot{width:6px;height:6px;background:#b7d699;border-radius:50%;display:inline-block}.sidebar-bottom{margin-top:auto;padding:30px 12px 24px}.prototype-label{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1.2px;color:#bfd5b9}.prototype-label svg{width:13px;height:13px}.sidebar-bottom p{font-size:10px;color:#8ea8b5;line-height:1.8;margin:11px 0 19px}.reset-button{display:flex;align-items:center;gap:8px;padding:0;font-size:10px;color:#c2d1d8}.reset-button svg{width:13px;height:13px}.instructor{display:flex;align-items:center;gap:9px;border-top:1px solid #2d434f;padding:18px 8px 0}.instructor strong{font-size:11px;color:#fff;display:block;font-weight:500}.instructor>div>span{font-size:9px;color:#89a1ae;display:block;margin-top:4px}.instructor>svg{margin-left:auto;width:13px}.avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:#e5eee7;color:#356649;flex-shrink:0}.instructor-avatar{color:#dfd0a5;background:#465251}.small-avatar{width:29px;height:29px;font-size:9px;background:#e8e9df;color:#6a7057}.avatar.ben{background:#f2e8de;color:#9c714d}.avatar.chloe{background:#e5ecf6;color:#5d779f}.avatar.qingjia{background:#eee8f4;color:#856b98}.avatar.unknown{background:#f6ebd6;color:#ad7b22}.main-shell{margin-left:226px;width:calc(100% - 226px);min-width:0}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#ffffffb5}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:var(--muted)}.breadcrumb span{color:#c6cecc}.breadcrumb strong{font-weight:500;color:#4c5e67}.topbar-right{display:flex;align-items:center;gap:18px}.demo-badge{font-size:8px;letter-spacing:1.2px;color:#6d7d70;background:#edf1e8;padding:5px 7px;border-radius:4px;font-weight:600}.today{font-size:10px;color:#78848b}main{max-width:1450px;margin:0 auto;padding:30px 36px 28px;min-height:calc(100vh - 123px)}.page-footer{font-size:9px;color:#8c979b;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 36px 20px}.footer-dot{margin:0 8px}.eyebrow{font-size:9px;color:var(--teal);letter-spacing:1.6px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:7px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-heading p{font-size:12px;color:var(--muted);margin-top:8px}.heading-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:10px 14px;border:1px solid var(--line);background:#fff;font-size:11px;font-weight:600;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover{background:#f1f5f2}.btn svg{width:14px;height:14px}.btn.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.btn.primary:hover{background:var(--teal-dark)}.btn.dark{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:#eaf0eb}.btn.big{font-size:12px;padding:13px 21px}.btn.danger{background:#fff3f0;color:#984b43;border-color:#f1dcd4}.button-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.text-button{font-size:10px;color:var(--teal);padding:0;display:inline-flex;align-items:center;gap:5px;font-weight:600}.text-button svg{width:12px;height:12px}.flow{display:flex;align-items:center;gap:8px;padding:15px 17px;background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:24px;box-shadow:var(--shadow)}.flow-label{font-size:8px;color:var(--muted);letter-spacing:1px;flex-shrink:0;padding-right:9px;border-right:1px solid var(--line);line-height:1.5}.flow-node{display:flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap;color:#7b898f;padding:6px 3px;flex:1;justify-content:center;border-radius:4px}.flow-num{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;background:#f0f3f1;color:#85918a;flex-shrink:0}.flow-node.active{background:var(--teal-soft);color:var(--teal);font-weight:700}.flow-node.active .flow-num,.flow-node.done .flow-num{background:#d6e9dc;color:var(--teal)}.flow-node.done{color:#4f7560}.flow-arrow{color:#bdc8c2;font-size:13px}.session-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:20px}.panel{border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 22px;border-bottom:1px solid #edf0ec}.panel-top h2{font-size:13px;letter-spacing:-.1px}.panel-top p{font-size:10px;color:var(--muted);margin-top:3px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;border-radius:4px;padding:4px 7px;background:#f1f4f1;color:#728177;white-space:nowrap}.pill.green{background:var(--teal-soft);color:var(--teal)}.pill.amber{background:var(--amber-soft);color:var(--amber)}.pill.navy{background:#ecf0f5;color:#526879}.pill.red{background:#f8e9e6;color:#ac5147}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.recorder-stage{padding:30px 22px 27px;text-align:center;background:radial-gradient(ellipse at 50% 40%,#f7faf5,white 75%)}.recorder-symbol{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto 13px;border:1px solid #e5eadd;border-radius:15px;background:#f7f8f0;color:#55785a}.recorder-symbol svg{width:22px;height:22px}.record-label{font-size:10px;color:#83918b;margin-bottom:4px}.record-time{font-family:'Manrope',sans-serif;font-size:38px;letter-spacing:-1px;font-weight:600;font-variant-numeric:tabular-nums}.waveform{height:56px;display:flex;align-items:center;justify-content:center;gap:3px;max-width:390px;margin:19px auto 17px;overflow:hidden}.waveform span{width:3px;background:#b5ccbc;border-radius:3px;flex-shrink:0;height:var(--bar)}.waveform span:nth-child(3n){background:#d7ded1}.waveform.live span{animation:speaking .75s ease-in-out infinite alternate;animation-delay:var(--delay);background:#438b70}.waveform.live span:nth-child(4n){background:#acd39a}@keyframes speaking{from{transform:scaleY(.3)}to{transform:scaleY(1)}}.recorder-helper{font-size:10px;color:var(--muted);margin-top:11px}.record-dot{width:8px;height:8px;border-radius:50%;background:#eaf3c8}.stop-square{width:8px;height:8px;border-radius:1px;background:#fff}.recording-pill{background:#fcf0ea;color:#b06a3c}.recording-pill .status-dot{animation:blink 1s infinite}@keyframes blink{50%{opacity:.35}}.recorder-bottom{border-top:1px solid var(--line);padding:14px 21px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#76857c;background:#fbfcfa;gap:10px}.recorder-bottom>span{display:flex;align-items:center;gap:6px}.recorder-bottom svg{width:13px;height:13px}.setup-item{display:flex;gap:12px;padding:19px 21px;border-bottom:1px solid #edf0ec;align-items:flex-start}.setup-icon{width:30px;height:30px;border-radius:7px;background:#f2f5ef;display:flex;align-items:center;justify-content:center;color:#728b65;flex-shrink:0}.setup-icon svg{width:15px;height:15px}.setup-item h3{font-size:11px;margin-bottom:5px}.setup-item p{font-size:10px;color:var(--muted);margin-bottom:7px}.setup-item:last-of-type{border-bottom:0}.setup-foot{background:#fafbf8;border-top:1px solid var(--line);padding:13px 21px;font-size:9px;color:#748371;line-height:1.6;display:flex;align-items:flex-start;gap:7px}.setup-foot svg{width:12px;height:12px;margin-top:2px;flex-shrink:0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:27px 0 13px}.section-header h2{font-size:14px}.section-header>span{font-size:10px;color:var(--muted)}.preview-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:20px}.mini-transcript{padding:6px 22px 5px}.transcript-row{display:flex;gap:13px;padding:14px 0;align-items:flex-start}.transcript-row+.transcript-row{border-top:1px solid #eff2ec}.timestamp{color:#8c9996;font-family:monospace;font-size:9px;padding-top:2px;white-space:nowrap}.speaker-name{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;margin-bottom:4px}.transcript-row p{font-size:11px;color:#5e6e73;line-height:1.65}.name-highlight{background:#edf2d8;color:#5f7845;border-radius:3px;padding:1px 4px}.link-note{font-size:9px;color:var(--teal);margin-top:6px;display:flex;align-items:center;gap:5px}.link-note svg{width:11px;height:11px}.name-demo{padding:23px 22px;display:flex;flex-direction:column;justify-content:center;gap:13px}.name-demo h3{font-size:12px;line-height:1.5}.name-bridge{display:flex;gap:9px;align-items:center}.voice-label{font-size:10px;background:#eef1f4;padding:9px 10px;border-radius:5px;color:#6a7f8a}.name-label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--teal);font-weight:600;background:#edf4eb;padding:7px 10px;border-radius:5px}.name-label .avatar{width:22px;height:22px;font-size:8px}.name-demo>p{font-size:10px;color:var(--muted)}.name-demo .pill{align-self:flex-start}.summary-strip{display:flex;gap:24px;align-items:center;margin:0 0 19px;flex-wrap:wrap}.summary-item{display:flex;gap:7px;align-items:baseline;font-size:11px;color:var(--muted)}.summary-item strong{font-family:Manrope,sans-serif;font-size:20px;color:var(--ink);font-weight:700}.agent-layout{display:grid;grid-template-columns:minmax(330px,1.1fr) minmax(0,1fr);gap:20px}.execution-top{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.execution-top h2{font-size:12px}.execution-top p{font-size:9px;color:var(--muted);margin-top:3px}.step-list{padding:12px 18px 20px;position:relative}.execution-step{position:relative;display:flex;align-items:flex-start;gap:12px;padding:10px 10px;text-align:left;width:100%;border-radius:6px}.execution-step:before{content:'';position:absolute;left:21px;top:32px;bottom:-9px;width:1px;background:#e5eae5}.execution-step:last-child:before{display:none}.execution-step:hover{background:#f6f8f4}.execution-step.current,.execution-step.selected{background:#f0f6ef}.step-circle{width:23px;height:23px;border:1px solid #e1e7e3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;color:#98a79d;font-size:9px;z-index:1}.step-circle svg{width:11px;height:11px}.execution-step.complete .step-circle{background:#e4f0e5;border-color:#e4f0e5;color:#408161}.execution-step.current .step-circle{background:var(--teal);color:#fff;border-color:var(--teal)}.execution-step.warning .step-circle{background:#fbefd7;color:#ad7b27;border-color:#fbefd7}.step-content{min-width:0;flex:1}.step-content strong{display:block;font-size:11px;margin-bottom:4px}.step-content p{font-size:10px;color:#7b8988;line-height:1.45}.step-category{font-size:8px;letter-spacing:.8px;color:#a0aba4;margin-left:3px;white-space:nowrap}.step-content .tool-mini{margin-top:5px;font-family:monospace;font-size:9px;color:#5a7d6c}.agent-detail{padding:22px}.agent-detail .eyebrow{font-size:8px;margin-bottom:10px}.agent-detail h2{font-size:18px;line-height:1.4;margin-bottom:8px}.agent-detail>p{font-size:11px;color:var(--muted)}.detail-block{margin-top:23px}.detail-label{font-size:8px;letter-spacing:1.4px;color:#8c9897;display:block;margin-bottom:8px;font-weight:600}.detail-block p{font-size:11px;line-height:1.7;color:#52676e}.tool-list{display:flex;gap:6px;flex-wrap:wrap}.tool-chip{display:inline-block;font:9px monospace;background:#f0f3ef;border:1px solid #e6ebe3;border-radius:4px;padding:7px 8px;color:#577168}.evidence-quote{margin:9px 0 0;padding:12px 13px;background:#f7f8f4;border-left:2px solid #cedebf;color:#405d60;font-size:11px;line-height:1.7}.return-object{font:10px/1.7 monospace;white-space:pre-wrap;word-break:break-word;background:#142b3a;color:#c7ddcf;border-radius:7px;padding:14px;margin:10px 0 0}.trace-foot{font-size:9px;color:#8a9795;margin-top:18px;display:flex;gap:6px;align-items:center}.trace-foot svg{width:12px;height:12px}.inline-notice{display:flex;gap:8px;padding:12px 15px;border:1px solid #e8e9d9;background:#faf8ed;border-radius:6px;font-size:10px;line-height:1.6;color:#8a753f;margin-bottom:17px}.inline-notice svg{width:15px;height:15px;flex-shrink:0;margin-top:1px}.review-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;align-items:start}.student-list{padding:6px}.student-button{width:100%;padding:15px 11px;display:flex;align-items:center;gap:10px;text-align:left;border-radius:6px;margin:3px 0}.student-button:hover{background:#f8f9f5}.student-button.active{background:#edf4ec}.student-button .avatar{width:32px;height:32px;font-size:9px}.student-name{flex:1}.student-name strong{font-size:11px;display:block;margin-bottom:4px}.student-name small{font-size:9px;color:#89978e}.score-pill{font-size:11px;font-weight:600;color:#447759;white-space:nowrap}.score-pill span{font-size:8px;color:#94a496;font-weight:400}.list-heading{font-size:8px;letter-spacing:1.1px;color:#8b9893;padding:14px 14px 3px}.hold-card{margin:12px 8px 8px;padding:13px;background:#f9f4e9;border-radius:7px}.hold-card strong{font-size:10px;display:flex;align-items:center;gap:6px;color:#99752d}.hold-card strong svg{width:13px;height:13px}.hold-card p{font-size:10px;color:#9b8c6c;margin:7px 0 10px}.student-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.student-head-left{display:flex;align-items:center;gap:12px}.student-head-left .avatar{width:43px;height:43px;font-size:13px}.student-head h2{font-size:20px}.student-head p{font-size:10px;color:var(--muted);margin-top:5px}.student-total{font-family:Manrope,sans-serif;font-size:27px;font-weight:800}.student-total small{font-size:12px;font-weight:500;color:#9aa79e}.student-total-label{font-family:'DM Sans',sans-serif;font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#95a19a;text-align:right;margin-top:4px}.review-body{padding:21px 24px}.review-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.review-meta>span{font-size:10px;color:#87958e}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:23px}.score-field{background:#f8faf6;border:1px solid #e9eee5;border-radius:6px;padding:10px 11px;display:block}.score-field>span{font-size:9px;color:#7c8d80;display:block;margin-bottom:6px}.score-field input{width:36px;border:0;background:transparent;color:var(--ink);font-size:18px;font-weight:600;padding:0}.score-field small{font-size:10px;color:#9baa9d}.form-label{display:block;font-size:11px;font-weight:600;margin-bottom:9px}.feedback-input{border:1px solid #dce5da;background:#fff;width:100%;border-radius:6px;padding:12px 13px;resize:vertical;min-height:120px;font-size:11px;line-height:1.85;color:#4e6267}.form-subtext{font-size:9px;color:#919e97;line-height:1.6;margin-top:7px}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:15px;flex-wrap:wrap}.evidence-header{display:flex;align-items:center;justify-content:space-between;padding-top:20px;margin-top:20px;border-top:1px solid var(--line);font-size:11px;font-weight:600}.evidence-card{margin-top:11px;padding:13px 15px;border-radius:6px;background:#f7f8f5}.evidence-card-head{display:flex;align-items:center;gap:8px;font-size:9px;color:#8a988e;margin-bottom:7px}.evidence-card p{font-size:11px;line-height:1.7;color:#52676b}.evidence-tags{display:flex;gap:5px;margin-top:9px;flex-wrap:wrap}.evidence-tags span{font-size:8px;background:#e9f0e5;color:#6c8660;padding:3px 5px;border-radius:3px}.audit-line{display:flex;gap:7px;align-items:flex-start;font-size:9px;color:#698772;line-height:1.7;margin-top:14px}.audit-line svg{width:13px;height:13px;flex-shrink:0;margin-top:2px}.review-empty{text-align:center;padding:75px 24px}.empty-icon{width:51px;height:51px;display:flex;align-items:center;justify-content:center;margin:0 auto 17px;background:#edf3e8;border-radius:13px;color:#719260}.empty-icon svg{width:24px;height:24px}.review-empty h2{font-size:20px;margin-bottom:8px}.review-empty p{font-size:12px;color:var(--muted);max-width:420px;margin:0 auto 20px}.delivery-summary{display:flex;align-items:center;gap:16px;padding:25px;margin-bottom:20px}.delivery-summary .empty-icon{margin:0;flex-shrink:0}.delivery-summary h2{font-size:17px;margin-bottom:5px}.delivery-summary p{font-size:11px;color:var(--muted)}.delivery-table{width:100%;border-collapse:collapse;font-size:11px}.delivery-table th{text-align:left;font-size:9px;font-weight:500;color:#91a097;background:#fafbf8;padding:13px 21px;border-bottom:1px solid var(--line)}.delivery-table td{padding:17px 21px;border-bottom:1px solid var(--line)}.delivery-table tr:last-child td{border-bottom:0}.delivery-recipient{display:flex;gap:10px;align-items:center}.delivery-recipient .avatar{width:30px;height:30px;font-size:9px}.delivery-recipient strong{font-size:11px;display:block;font-weight:500}.delivery-recipient small{display:block;color:#91a099;font-size:9px;margin-top:4px}.table-scroll{overflow-x:auto}.delivery-foot{padding:15px 21px;background:#fafbf8;font-size:10px;color:#89978e;line-height:1.7}.privacy-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#86988c;margin-top:18px}.privacy-note svg{width:14px;height:14px}.case-facts{display:grid;gap:10px;margin:18px 0}.case-fact{display:flex;gap:13px;align-items:center;background:#f5f7f1;padding:13px 15px;border-radius:6px}.case-fact strong{font-size:25px;font-family:Manrope,sans-serif;color:#5b7a49}.case-fact p{font-size:11px;color:#72816d}.roster-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.roster-row:last-child{border:0}.roster-row .pill{margin-left:auto}.roster-row small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.modal-text{font-size:12px;color:#6c7e7e;line-height:1.8}.rubric-row{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:15px;font-size:11px}.rubric-row strong{width:115px;flex-shrink:0}.rubric-row p{color:#7c8b83}.match-row{display:flex;gap:10px;align-items:center;margin:17px 0}.identity-details{border-top:1px solid var(--line);margin-top:17px;padding-top:14px;font-size:11px;color:#81908a;line-height:1.8}.mail-preview{padding:20px;border:1px solid var(--line);border-radius:8px;margin-top:18px}.mail-meta{display:grid;grid-template-columns:45px 1fr;gap:7px;font-size:10px;color:#7d8b85;padding-bottom:15px;border-bottom:1px solid var(--line)}.mail-meta strong{font-weight:500;color:#486258}.mail-body{padding-top:17px;font-size:12px;line-height:1.8;color:#526769}.mail-body p{margin-bottom:12px}.mail-score{font-size:14px;font-weight:600;color:#39775b}.approval-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.approval-row input{accent-color:var(--teal);width:15px;height:15px}.approval-row .avatar{width:30px;height:30px;font-size:9px}.approval-row strong{font-size:11px;font-weight:500}.approval-row small{display:block;font-size:9px;color:#8a9992;margin-top:3px}.approval-row .score-pill{margin-left:auto}.approved-text{font-size:9px;color:var(--teal);display:flex;align-items:center;gap:4px}.approved-text svg{width:12px;height:12px}dialog{padding:0;border:1px solid #dce5dd;border-radius:12px;color:var(--ink);background:#fff;width:min(560px,calc(100vw - 32px));max-height:85vh;box-shadow:0 30px 90px #102b3c30}dialog::backdrop{background:#0c263952;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:23px 25px 17px;border-bottom:1px solid var(--line)}.modal-heading h2{font-size:19px}.modal-heading p{font-size:11px;color:var(--muted);margin-top:5px}.modal-close{padding:3px;color:#9ba59f}.modal-close svg{width:18px;height:18px}.modal-body{padding:20px 25px}.modal-footer{padding:15px 25px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;background:#fbfcfa}.modal-body .inline-notice{margin:17px 0 0}#toast{position:fixed;bottom:24px;left:calc(50% + 113px);transform:translate(-50%,15px);background:#19372d;color:#f1f8ed;padding:12px 18px;border-radius:7px;box-shadow:0 8px 25px #16322526;font-size:11px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 32px);line-height:1.6}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-note{display:none}
@media(min-width:1550px){main{padding-top:40px}.recorder-stage{padding-top:42px;padding-bottom:38px}.waveform{margin-top:24px;margin-bottom:25px}.page-heading{margin-bottom:28px}}
@media(max-width:1180px){.sidebar{width:205px;padding-left:13px;padding-right:13px}.main-shell{margin-left:205px;width:calc(100% - 205px)}main{padding:26px 25px}.topbar{padding:0 25px}.page-footer{padding-left:25px;padding-right:25px}h1{font-size:27px}.heading-actions .btn{padding:9px 10px}.flow{gap:3px;padding:13px 10px}.flow-label{display:none}.flow-node{font-size:9px;gap:4px}.review-layout{grid-template-columns:210px 1fr}.review-body{padding:18px}.student-head{padding:19px}.score-field{padding:10px 8px}.score-field>span{font-size:8px}.agent-layout{grid-template-columns:1fr 1fr}.page-heading p{max-width:390px}.session-grid,.preview-grid{grid-template-columns:1.4fr 1fr}#toast{left:calc(50% + 102px)}}
@media(max-width:940px){.sidebar{position:static;width:100%;padding:17px 22px;display:block}.app-shell{display:block}.brand{padding:0;font-size:19px}.brand small{font-size:7px}.brand-mark{height:30px}.workspace-label,.sidebar-course,.sidebar-bottom,.instructor{display:none}.sidebar nav{display:flex;margin-top:18px;gap:3px;overflow-x:auto}.nav-item{padding:10px;font-size:10px;white-space:nowrap;width:auto;margin:0}.nav-item svg{width:13px;height:13px}.nav-count{display:none}.main-shell{margin:0;width:100%}.topbar{height:53px}.today{display:none}main{padding:24px}.page-heading{align-items:flex-start}.heading-actions{flex-direction:column;align-items:stretch}.heading-actions .btn{font-size:10px}.agent-layout{grid-template-columns:1fr 1fr}.flow{overflow-x:auto;gap:4px}.flow-node{min-width:78px}.page-footer{padding:0 24px 17px;font-size:8px}#toast{left:50%}.review-layout{grid-template-columns:190px 1fr}.student-button{gap:7px}.student-name strong{font-size:10px}.student-button .avatar{width:27px;height:27px;font-size:8px}.student-head h2{font-size:17px}}
@media(max-width:680px){.sidebar{padding:17px 15px 12px}.sidebar nav{gap:0}.nav-item{font-size:9px;gap:5px;padding:9px 8px}.nav-item svg{width:12px;height:12px}.nav-dot{display:none!important}.topbar{padding:0 17px}.breadcrumb{font-size:10px;gap:9px}.topbar-right{gap:9px}main{padding:23px 16px}.page-heading{display:block;margin-bottom:20px}h1{font-size:26px}.page-heading p{font-size:11px;max-width:none}.heading-actions{margin-top:16px;flex-direction:row;align-items:center;flex-wrap:wrap}.flow{margin-bottom:18px;padding:11px 8px}.session-grid,.preview-grid,.agent-layout{grid-template-columns:1fr;gap:16px}.recorder-stage{padding:25px 15px}.recorder-bottom{font-size:9px;padding:14px}.setup-item{padding:15px 18px}.setup-foot{padding:12px 18px}.section-header{margin-top:24px}.section-header>span{font-size:8px}.preview-grid .name-demo{padding:20px}.review-layout{grid-template-columns:1fr}.student-list{display:grid;grid-template-columns:1fr 1fr;gap:0}.list-heading{grid-column:1/-1}.student-button{padding:12px 10px}.student-name strong{font-size:11px}.student-name small{font-size:8px}.hold-card{grid-column:1/-1;margin-top:8px}.hold-card p{margin:6px 0}.student-head{padding:17px}.student-head h2{font-size:18px}.student-total{font-size:24px}.review-body{padding:17px}.score-grid{grid-template-columns:1fr 1fr}.score-field>span{font-size:10px}.form-actions .btn{font-size:10px}.feedback-input{font-size:12px;min-height:165px}.evidence-header{font-size:10px;gap:5px}.summary-strip{gap:17px}.summary-item{font-size:9px}.summary-item strong{font-size:18px}.delivery-table th,.delivery-table td{padding:13px 14px}.delivery-table{min-width:570px}.delivery-summary{padding:19px;align-items:flex-start}.delivery-summary h2{font-size:15px}.delivery-summary p{font-size:10px}.page-footer{padding:0 16px 16px;line-height:1.6}.page-footer span:last-child{max-width:260px}.modal-heading,.modal-body{padding-left:20px;padding-right:20px}.rubric-row{display:block}.rubric-row strong{display:block;width:auto;margin-bottom:5px}.modal-footer{padding-left:20px;padding-right:20px}.match-row{gap:7px}.modal-body .voice-label{font-size:9px}.student-head-left{gap:9px}.review-meta .text-button{font-size:9px}.execution-top .btn{font-size:10px}.topbar-right .small-avatar{display:none}}
.plan-banner{display:flex;align-items:center;gap:12px;border:1px solid #e0e7da;background:#f1f5eb;border-radius:8px;padding:14px 17px;margin-bottom:20px}.plan-banner>div{flex:1}.plan-banner strong{font-size:11px}.plan-banner p{font-size:10px;color:#778573;margin-top:3px}.plan-banner .btn{font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-reset{display:none}@media(max-width:940px){.mobile-reset{display:inline-flex}}@media(max-width:680px){.plan-banner{flex-wrap:wrap}.plan-banner>div{min-width:220px}.plan-banner .btn{margin-left:42px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}