@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600&display=swap";:root{color:#193a34;background:#f5f7f3;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{background:#f5f7f3;min-height:100vh}.topbar{color:#ecf4eb;background:#163a34;justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding:14px clamp(20px,4vw,64px);display:flex}.identity,.topbar-actions,.account,.locked-course,.course-select,.detail-phone{align-items:center;display:flex}.identity{gap:11px}.logo-mark{color:#173a34;background:#d9f078;border-radius:11px;flex:none;place-items:center;width:39px;height:39px;display:grid}.identity strong{margin-top:3px;font-size:15px;display:block}.overline{color:#829e94;letter-spacing:.13em;font:500 10px DM Mono,monospace;display:block}.topbar-actions{gap:15px}.course-select,.locked-course{color:#f1f8ec;background:#204b44;border:1px solid #42645d;border-radius:8px;gap:8px;min-height:39px;padding:0 10px;font-size:12px}.course-select span{color:#a8c1b7}.course-select select{appearance:none;color:#fff;background:0 0;border:0;outline:0;max-width:220px;padding-right:12px;font-weight:600}.course-select option{color:#173a34}.course-select svg{pointer-events:none;margin-left:-25px}.locked-course{color:#d9f078;font-weight:600}.account{color:#c3d5ce;gap:8px;font-size:12px}.account-avatar{color:#173a34;background:#cbe4d4;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:grid}.logout{color:#c3d5ce;background:0 0;border:0;place-items:center;padding:7px;display:grid}.logout:hover{color:#fff}.manage-customers{color:#c3d5ce;background:0 0;border:0;border-right:1px solid #42645d;align-items:center;gap:7px;padding:0 15px 0 0;font-size:12px;display:flex}.manage-customers:hover,.manage-customers.active{color:#d9f078}.nav-action{color:#d9e8df;background:#204b44;border:1px solid #42645d;border-radius:7px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:flex}.nav-action:hover{color:#d9f078;border-color:#759b73}.user-admin-grid{grid-template-columns:minmax(260px,340px) 1fr;align-items:start;gap:20px;display:grid}.user-form{background:#fff;border:1px solid #dce5dc;border-radius:12px;gap:12px;padding:20px;display:grid}.user-form label{color:#48675d;gap:6px;font-size:12px;font-weight:600;display:grid}.user-form input,.user-form select{color:#193b34;background:#fff;border:1px solid #d7e1d8;border-radius:7px;padding:10px}.user-form .primary-button{margin:8px 0 0}.user-form>button[type=button]{color:#557a6b;cursor:pointer;background:0 0;border:0}.user-checkbox{grid-template-columns:auto 1fr;align-items:center;gap:8px!important;display:flex!important}.user-list{padding:0 20px}.user-row{color:#58786e;border-bottom:1px solid #edf1ed;grid-template-columns:1fr auto auto;align-items:center;gap:15px;min-height:67px;font-size:12px;display:grid}.user-row strong,.user-row small{display:block}.user-row strong{color:#294e43}.user-row small{color:#78948a;margin-top:4px}.user-row button{color:#48675d;cursor:pointer;background:#fff;border:1px solid #d7e1d8;border-radius:6px;padding:7px 12px}.user-active,.user-inactive{font-size:11px}.user-active{color:#4f7c68}.user-inactive{color:#a45142}.password-fields{gap:12px;display:grid}.password-input{align-items:center;display:flex;position:relative}.password-input input{width:100%;padding-right:38px}.password-input button,.password-input span{color:#6c8b7e;background:0 0;border:0;place-items:center;padding:4px;display:grid;position:absolute;right:8px}.password-input button:hover{color:#315d4d}.password-input span{pointer-events:none}.workspace{width:min(1320px,100%);margin:0 auto;padding:44px clamp(20px,4vw,64px) 58px}.workspace-heading,.course-heading{display:flex}.workspace-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.course-heading{align-items:center;gap:14px}.course-heading-logo{object-fit:contain;background:#fff;border:1px solid #dce6dc;border-radius:10px;width:62px;height:62px;padding:5px}h1,h2,p{margin-top:0}h1{letter-spacing:-.025em;margin-bottom:0;font:600 clamp(29px,3vw,38px) Playfair Display,serif}.result-count{color:#718d84;white-space:nowrap;font:12px DM Mono,monospace}.search-controls{align-items:stretch;gap:12px;display:flex}.search-controls .course-select{color:#55766b;background:#fff;border-color:#d9e2da;flex:0 0 265px;min-height:64px;box-shadow:0 3px 13px #173b3610}.search-controls .course-select span{color:#8a9f96}.search-controls .course-select select{color:#31584e;max-width:190px}.search-controls .course-select option{color:#173a34}.search-bar{color:#729087;background:#fff;border:1px solid #d9e2da;border-radius:11px;flex:1;align-items:center;gap:13px;min-height:64px;padding:0 19px;display:flex;box-shadow:0 3px 13px #173b3610}.search-bar:focus-within{border-color:#88a876;box-shadow:0 0 0 3px #dbeccc}.search-bar input{color:#183a34;border:0;outline:0;width:100%;font-size:15px}.search-bar input::placeholder{color:#9aaca4}.search-bar button{color:#5d7a70;background:#edf2ec;border:0;border-radius:5px;place-items:center;padding:5px;display:grid}.search-note{color:#769087;margin:9px 2px 25px;font-size:11px}.conversation-grid{grid-template-columns:minmax(280px,.75fr) minmax(0,1.65fr);gap:20px;min-height:585px;display:grid}.results-panel,.transcript-panel{background:#fff;border:1px solid #dce5dc;border-radius:12px;min-height:0}.results-panel{flex-direction:column;display:flex;overflow:hidden}.panel-heading{color:#244a42;border-bottom:1px solid #ebefea;justify-content:space-between;align-items:center;min-height:58px;padding:0 19px;font-size:13px;font-weight:700;display:flex}.panel-heading small{color:#78948a;font:10px DM Mono,monospace}.results-list{padding:7px;overflow:auto}.conversation-row{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:flex-start;gap:10px;padding:13px 11px;display:flex}.conversation-row:hover{background:#f2f6ef}.conversation-row.selected{background:#eaf3df;box-shadow:inset 3px 0 #a3c768}.conversation-icon{color:#52796c;background:#edf4ed;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid}.conversation-row.selected .conversation-icon{color:#315e4c;background:#d5eab6}.conversation-info{flex:1;gap:3px;min-width:0;display:grid}.conversation-info strong{color:#264940;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.conversation-info>span{color:#6f8b81;font:11px DM Mono,monospace}.conversation-info small{color:#91a39c;align-items:center;gap:4px;font-size:10px;display:flex}.course-badge{text-overflow:ellipsis;color:#57796d;background:#f1f5ec;border-radius:4px;max-width:82px;padding:4px 5px;font:9px DM Mono,monospace;overflow:hidden}.empty-results,.panel-message{text-align:center;color:#728b82;justify-items:center;gap:9px;margin:auto 20px;font-size:12px;display:grid}.empty-results{padding:30px 0}.empty-results svg{color:#a6baac}.empty-results strong{color:#43665b}.panel-message{padding:16px 0 0}.error-message{color:#ae5e49}.conversation-tabs{border-bottom:1px solid #ebefea;gap:6px;padding:10px 14px;display:flex}.conversation-tabs button{color:#6e8b80;background:#fff;border:1px solid #d9e4db;border-radius:999px;padding:6px 12px;font-size:11px}.conversation-tabs button:hover{color:#315d4d;border-color:#a9c789}.conversation-tabs button.active{color:#315d4d;background:#eaf3df;border-color:#b0cf79;font-weight:700}.customers-heading-icon{color:#4b7968;background:#eaf3df;border:1px solid #dce6dc;border-radius:10px;place-items:center;width:62px;height:62px;display:grid}.customer-scope{color:#55766b;background:#fff;border:1px solid #d9e2da;border-radius:11px;flex:0 0 265px;align-items:center;gap:8px;min-height:64px;padding:0 14px;font-size:12px;font-weight:600;display:flex;box-shadow:0 3px 13px #173b3610}.customers-panel{background:#fff;border:1px solid #dce5dc;border-radius:12px;min-height:420px;overflow:hidden}.customer-table-head,.customer-row{grid-template-columns:1.2fr 1fr 1.35fr 1fr;align-items:center;gap:18px;display:grid}.customer-table-head{color:#78948a;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #ebefea;padding:14px 20px;font:10px DM Mono,monospace}.customer-list{padding:0 20px}.customer-row{color:#58786e;border-bottom:1px solid #edf1ed;min-height:67px;font-size:12px}.customer-row:last-child{border-bottom:0}.customer-name,.customer-phone,.customer-email{align-items:center;gap:8px;min-width:0;display:flex}.customer-name strong{color:#294e43;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.customer-avatar{color:#4f7c68;background:#e8f1e5;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font:600 11px DM Mono,monospace;display:grid}.customer-phone,.customer-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.customer-phone svg,.customer-email svg{color:#86a69a;flex:none}.customer-courses{color:#557a6b;line-height:1.35}.transcript-panel{flex-direction:column;padding:clamp(21px,3vw,34px);display:flex;overflow:hidden}.transcript-header{border-bottom:1px solid #e9eeea;justify-content:space-between;gap:20px;padding-bottom:24px;display:flex}.transcript-header h2{color:#1c4038;letter-spacing:-.02em;margin:7px 0 6px;font:600 28px Playfair Display,serif}.detail-phone{color:#668279;gap:6px;font:11px DM Mono,monospace}.status-pill{color:#55746a;background:#edf3ec;border-radius:5px;align-self:flex-start;padding:5px 8px;font:10px DM Mono,monospace}.status-pill.transferring,.status-pill.active{color:#9a642f;background:#fff2df}.status-pill.completed{color:#3c775d;background:#e9f5e9}.metadata-grid{border-bottom:1px solid #e9eeea;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 0;display:grid}.metadata-grid div{min-width:0}.metadata-grid span,.summary-box>span,.transcript-title>span{color:#8ba097;letter-spacing:.08em;text-transform:uppercase;font:10px DM Mono,monospace;display:block}.metadata-grid strong{color:#3e6056;overflow-wrap:anywhere;margin-top:5px;font-size:11px;line-height:1.35;display:block}.summary-box{background:#f3f7ed;border-radius:8px;margin:20px 0;padding:13px 15px}.summary-box p{color:#506d62;margin:7px 0 0;font-size:12px;line-height:1.55}.transcript-title{justify-content:space-between;align-items:center;gap:16px;padding-bottom:11px;display:flex}.transcript-title small{color:#99aaa2;text-overflow:ellipsis;white-space:nowrap;font:10px DM Mono,monospace;overflow:hidden}.transcript-body{padding-right:4px;overflow:auto}.transcript-entry{background:#f4f7f3;border-radius:2px 10px 10px;max-width:88%;margin:0 0 10px;padding:12px 14px}.transcript-entry.agent{background:#eaf3df;border-radius:10px 2px 10px 10px;margin-left:auto}.transcript-entry span{color:#7c968c;text-transform:uppercase;font:10px DM Mono,monospace}.transcript-entry p{color:#3c5c52;white-space:pre-wrap;margin:5px 0 0;font-size:13px;line-height:1.5}.transcript-empty{color:#82988f;text-align:center;background:#f6f8f5;border-radius:8px;padding:32px;font-size:12px}.empty-transcript{text-align:center;color:#8ba098;justify-content:center;align-items:center}.empty-transcript svg{color:#afc3b8}.empty-transcript h2{color:#48695f;margin:15px 0 7px;font:600 23px Playfair Display,serif}.empty-transcript p{color:#7e958c;max-width:290px;margin:0;font-size:12px;line-height:1.55}.login-page{background:radial-gradient(circle at 72% 18%,#315f51,#13352f 60%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#f9faf7;border-radius:15px;width:min(100%,420px);padding:42px;box-shadow:0 18px 60px #061e1970}.login-card .logo-mark{margin-bottom:25px}.login-card h1{color:#193c34;margin:11px 0;font-size:31px;line-height:1.12}.login-card>p{color:#718c82;margin-bottom:25px;font-size:13px;line-height:1.55}.login-card label{color:#48675d;gap:7px;margin-top:15px;font-size:12px;font-weight:600;display:grid}.login-card input{color:#193b34;background:#fff;border:1px solid #d7e1d8;border-radius:7px;outline:0;padding:12px;font-size:13px}.login-card input:focus{border-color:#88a876;box-shadow:0 0 0 3px #deeed0}.login-error{color:#a45142;margin-top:14px;font-size:12px}.primary-button{color:#183a34;background:#d8f078;border:0;border-radius:7px;width:100%;margin:24px 0 16px;padding:13px;font-weight:700}.primary-button:hover{background:#cde667}.login-card small{color:#7e958b;justify-content:center;align-items:center;gap:6px;font:10px DM Mono,monospace;display:flex}@media (width<=860px){.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:space-between;width:100%}.conversation-grid{grid-template-columns:1fr}.results-panel{min-height:240px;max-height:360px}.transcript-panel{min-height:570px}.customer-table-head{display:none}.customer-row{grid-template-columns:1fr 1fr;gap:9px 18px;padding:12px 0}.customer-email,.customer-courses{font-size:11px}.customer-name{grid-column:1/-1}.user-admin-grid{grid-template-columns:1fr}}@media (width<=570px){.workspace{padding-top:30px}.topbar-actions{flex-wrap:wrap;gap:10px}.manage-customers{padding-right:9px;font-size:11px}.search-controls{flex-direction:column}.search-controls .course-select{flex-basis:auto;width:100%}.search-controls .course-select select{width:100%;max-width:none}.customer-scope{flex-basis:auto}.account span{display:none}.workspace-heading{flex-direction:column;align-items:flex-start;gap:9px}.course-heading-logo,.customers-heading-icon{width:48px;height:48px}.metadata-grid{grid-template-columns:1fr 1fr}.transcript-header h2{font-size:25px}.login-card{padding:32px 25px}}.result-count{color:#5d7d72}.search-note{color:#5f7d73}.conversation-info>span{color:#58796e}.conversation-info small{color:#718d82}.course-badge{color:#486e61}.metadata-grid span,.summary-box>span,.transcript-title>span{color:#6f8d82}.metadata-grid strong{color:#315a4e}