:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#2f2739;background:#f8f6fb;--crm-accent:#8353be;--crm-muted:#826e9a;--crm-line:#efecf2}body.crm-body{background:#f8f6fb;font-size:14px;line-height:1.6}.crm-body h1{font-size:32px;letter-spacing:-.04em;margin-bottom:8px}.crm-body h2{font-size:21px;letter-spacing:-.025em}.crm-body h3{font-size:18px;letter-spacing:-.015em}.crm-body .muted{color:var(--crm-muted)}.crm-sidebar{position:fixed;inset:0 auto 0 0;width:240px;padding:28px 18px;background:white;border-right:1px solid var(--crm-line);display:flex;flex-direction:column;z-index:20;overflow:auto}.crm-sidebar .brand{font-size:16px;line-height:1.2;gap:11px;padding:0 10px}.crm-sidebar .brand-icon{background:#7950ac;font-size:23px;width:39px;height:39px;border-radius:13px}.nav-caption{font-size:9px;letter-spacing:.1em;color:#a294b4;margin:43px 12px 15px}.crm-sidebar nav{display:grid;gap:6px}.crm-sidebar nav a{padding:12px 14px;display:flex;align-items:center;gap:12px;color:#796592;border-radius:12px;font-size:13px;font-weight:500;transition:background .15s}.crm-sidebar nav a>span{font-size:20px;line-height:1;width:22px;text-align:center;color:#9887ac}.crm-sidebar nav a:hover{background:#f6f2fc;text-decoration:none}.crm-sidebar nav a.active{background:#efe7f8;color:#774eaa;font-weight:650}.crm-sidebar nav a.active>span{color:#7f55b4}.sidebar-bottom{margin-top:auto;padding:30px 8px 0;display:grid;gap:17px}.sidebar-bottom>a{font-size:12px;color:#8f7da5}.sidebar-bottom button{font-size:12px;padding:11px;background:#faf9fc!important;border-color:#ece7f3!important}.crm-content{margin-left:240px;min-width:0}.crm-top{height:85px;background:#ffffffb3;border-bottom:1px solid var(--crm-line);padding:20px 38px;display:flex;align-items:center;justify-content:space-between;gap:15px}.crm-top>span{font-size:13px;font-weight:600}.crm-top small{display:block;font-size:10px;color:#9b8bae;font-weight:400}.crm-top button{font-size:11px;padding:8px 13px}.crm-main{max-width:1350px;margin:auto;padding:35px 38px 65px;min-width:0}.crm-body .page-head{margin-bottom:27px}.crm-body .eyebrow{font-size:9px;letter-spacing:.12em;color:#9a8aae;margin-bottom:10px}.crm-body button,.crm-body .button{font-size:12px;border-radius:11px;padding:10px 16px;font-weight:600}.crm-body .page-head>.button{white-space:nowrap}.crm-body .panel{background:white;border:1px solid var(--crm-line);box-shadow:none;border-radius:19px;margin-bottom:20px}.crm-body .section-head{padding:21px 23px;border-color:var(--crm-line)}.crm-body .section-pad{padding:24px}.crm-body td,.crm-body th{padding:15px 20px;border-color:var(--crm-line)}.crm-body th{font-size:9px;letter-spacing:.06em;background:#fcfafe;color:#9c8caf}.crm-body td{font-size:12px}.crm-body td strong{color:#393044}.crm-body td small{display:block;font-size:10px;color:#9a8aae}.crm-body td .role-label{color:#8663b2}.crm-body .stats{gap:14px}.crm-body .stat{background:white;border:1px solid var(--crm-line);border-radius:17px;padding:21px 25px}.crm-body .stat strong{font-size:30px;color:#372e43}.crm-body .stat span{font-size:11px;color:#8d7ba3}.overview-welcome{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#efe7f9,#f2edf8 60%,#f0eaf7);border-radius:23px;padding:34px;margin-bottom:25px;overflow:hidden}.overview-welcome h2{font-size:26px;margin:18px 0 12px}.overview-welcome p{max-width:550px;color:#87749e;font-size:13px;margin:0}.overview-welcome .pill{font-size:10px;background:#ffffff8f;border:1px solid #ffffffa1;padding:5px 10px;border-radius:99px;color:#8c72ad}.welcome-orbit{font-size:120px;color:#c8b8dc;line-height:1;font-weight:200}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.quick-grid>a{background:white;border:1px solid var(--crm-line);border-radius:19px;padding:25px;color:inherit;transition:transform .2s,border-color .2s}.quick-grid>a:hover{transform:translateY(-3px);border-color:#ceb9e8;text-decoration:none}.quick-grid>a>span{display:grid;place-items:center;width:42px;height:42px;background:#f4f0fa;border-radius:13px;color:#a08bba;font-size:26px;margin-bottom:25px}.quick-grid h3{font-size:17px;margin-bottom:10px}.quick-grid p{font-size:12px;color:#8b78a2;margin:0}.view-tip{color:#8f7da5;font-size:12px;line-height:1.7;max-width:800px;margin-bottom:24px}.guide-complete .view-tip{display:none}.welcome-guide{border:1px solid #e1d6ee;background:#fbf9fe;border-radius:20px;padding:26px;display:grid;grid-template-columns:.8fr 1.4fr;gap:38px;margin-bottom:28px}.welcome-guide h2{font-size:21px}.welcome-guide p:not(.eyebrow){font-size:12px;color:#8f7ea5;margin-block:12px}.welcome-guide strong#guide-count{font-size:12px;color:#8a6eac}.guide-step{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid #ebe5f3;align-items:flex-start}.guide-step:last-child{border-bottom:0}.guide-step input{width:18px;height:18px;margin-top:2px;accent-color:#8560b4;flex:none}.guide-step a{color:#635277}.guide-step a strong{display:block;font-size:12px;font-weight:600}.guide-step small{display:block;font-size:10px;color:#9787ab;margin-top:4px}.progress-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:42px}.progress-heading h3{font-size:24px;margin:15px 0 0}.progress-heading .tag{background:#f1ecf8;color:#9882b3;font-size:10px;padding:5px 9px}.total-practice{display:flex;align-items:center;gap:13px}.total-practice strong{font-size:42px;font-weight:550;color:#645378;line-height:1}.total-practice span{font-size:12px;color:#7c6895}.total-practice small{display:block;font-size:9px;color:#aea1bf;margin-top:4px}.journey-track{position:relative;height:7px;background:#ede9f3;border-radius:20px;margin:45px 17px 25px 0}.journey-track>i{position:absolute;left:0;top:0;height:7px;background:linear-gradient(90deg,#b09acc,#7e5da7);border-radius:20px}.journey-dot{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f5f2f9;border:3px solid white;color:#b4a4c7;font-size:9px;box-shadow:0 0 0 1px #e8e1f0}.journey-dot.reached{background:#8f72b3;color:white}.journey-labels{display:flex;margin:0 0 28px 15%;justify-content:space-between;gap:12px}.journey-labels span{max-width:135px;text-align:center;flex:1;font-size:10px;color:#9888ac;line-height:1.5}.journey-labels b{display:block;color:#725f89;font-size:13px;margin-bottom:4px}.next-stage{background:#f8f4fc;border:1px solid #ede6f5;border-radius:14px;padding:18px 21px;color:#775e96}.next-stage strong{font-size:13px}.next-stage p{font-size:12px;margin:5px 0 0;color:#9a8aae}.progress-footnote{font-size:10px;line-height:1.7;margin:18px 0 0}.profile-grid{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.4fr);gap:23px;align-items:start}.profile-part h2{margin-bottom:23px}.profile-part p{font-size:12px}.profile-part #avatar-preview{width:130px;height:130px;border-radius:24px;display:block}.crm-body label{font-size:12px;color:#6e5c84}.crm-body input,.crm-body select,.crm-body textarea{font-size:13px;border:1px solid #e4deec;border-radius:10px;background:#fdfcfe;padding:10px;color:#4b3f5a;font-family:inherit}.crm-body textarea{width:100%;resize:vertical}.crm-body fieldset{border:1px solid #e7e0f0;border-radius:13px;padding:18px}.crm-body legend{font-size:12px;color:#836f9c;padding:0 7px}.crm-body .audience-options{display:grid;gap:10px}.audience-options label{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:400}.audience-options input{width:16px;height:16px;accent-color:#8866b2;flex:none}.audience-editor{border-top:1px solid #ede6f5;padding-top:15px;margin-top:18px}.audience-editor summary{font-size:11px;color:#7c6499;cursor:pointer}.audience-editor p{font-size:10px;margin-top:12px!important}.audience-editor small{display:block;font-size:10px;margin:12px 0;color:#9d8db0}.recordings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.crm-body .recording{padding:0;display:block;overflow:hidden;background:white;border:1px solid #ebe5f2;border-radius:20px}.video-cover{height:130px;background:linear-gradient(120deg,#ece4f5,#f7f4fb);display:grid;place-items:center;font-size:45px;color:#aa93c6}.recording-content{padding:23px}.recording h3{font-size:18px;margin:15px 0 10px}.recording p{font-size:12px;color:#8f7ea5}.recording-content>small{display:block;font-size:10px;color:#a698b7;margin-bottom:16px}.recording button{width:100%;margin-top:8px}.recording .tag{font-size:9px}.hidden-recording{opacity:.7}.upload-box{margin-bottom:25px;border:1px dashed #d7cbe7;border-radius:17px;background:#fcfbfe;overflow:hidden}.upload-box>summary{cursor:pointer;padding:18px 24px;color:#8b70ac;font-size:12px;font-weight:600}.upload-box .panel{margin:0;border:0;border-top:1px solid #eee7f7;border-radius:0}.upload-box #upload-status{margin:0}#crm-status:empty,#notice:empty,#academy-notice:empty,#profile-notice:empty{display:none}#crm-status:not(:empty),#academy-notice:not(:empty),#profile-notice:not(:empty){padding:12px 16px;background:#efe8f7;border-radius:12px;margin-bottom:18px;color:#7f669e;font-size:12px}.crm-body .profile-admin-row{font-size:12px}.crm-body .profile-admin-row small{font-size:10px}.crm-body dialog{border-radius:20px}.crm-body #player{width:min(900px,95vw)}.crm-body #player video{width:100%;max-height:70vh}.crm-body .inline-label{font-size:11px}.crm-body .inline-label select{min-width:170px}.crm-body .recordings>.empty{grid-column:1/-1;background:white;border:1px dashed #dbd0e9;border-radius:20px}.crm-body :focus-visible{outline:3px solid #b99cdc;outline-offset:3px}
@media(max-width:1200px){.crm-sidebar{width:210px;padding-inline:13px}.crm-content{margin-left:210px}.crm-main{padding:28px}.crm-top{padding-inline:28px}.recordings{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{gap:12px}.quick-grid>a{padding:20px}.welcome-guide{gap:25px}}
@media(max-width:850px){.crm-sidebar{position:static;width:100%;padding:17px 20px;display:grid;grid-template-columns:1fr auto;gap:16px;overflow:visible;border-bottom:1px solid var(--crm-line)}.crm-sidebar .brand{padding:0;font-size:14px}.crm-sidebar nav{grid-column:1/-1;grid-row:2;display:flex;overflow-x:auto;gap:5px;padding-bottom:3px}.crm-sidebar nav a{white-space:nowrap;font-size:11px;padding:9px 12px}.crm-sidebar nav a span{font-size:16px;width:16px}.nav-caption{display:none}.sidebar-bottom{padding:0;display:flex;align-items:center;gap:12px;margin:0}.sidebar-bottom>a{display:none}.sidebar-bottom button{font-size:10px;padding:9px 12px}.crm-content{margin:0}.crm-top{height:64px;padding:14px 22px}.crm-main{padding:25px 22px}.welcome-guide{grid-template-columns:1fr 1.4fr;gap:24px}.welcome-orbit{font-size:95px}.overview-welcome{padding:27px}.profile-grid{gap:16px;grid-template-columns:1fr 1.2fr}.crm-body .page-head{flex-direction:row;align-items:center}.crm-body h1{font-size:29px}.crm-body .section-pad{padding:23px}.quick-grid h3{font-size:16px}}
@media(max-width:570px){.crm-main{padding:24px 16px}.crm-body .page-head{align-items:flex-start;flex-direction:column;gap:17px}.crm-body h1{font-size:28px}.crm-body .page-head>.button{padding:10px 17px}.welcome-guide{grid-template-columns:1fr;padding:23px;gap:12px}.welcome-guide h2{font-size:20px}.welcome-guide p:not(.eyebrow){margin-bottom:9px}.quick-grid{grid-template-columns:1fr}.quick-grid>a{padding:22px}.quick-grid>a>span{margin-bottom:17px}.overview-welcome{padding:25px}.overview-welcome h2{font-size:24px}.welcome-orbit{display:none}.crm-body .stats{gap:8px}.crm-body .stat{padding:15px}.crm-body .stat strong{font-size:25px}.crm-body .stat span{font-size:10px}.profile-grid,.recordings{grid-template-columns:1fr}.progress-heading{flex-direction:column;align-items:flex-start;gap:25px;margin-bottom:30px}.journey-labels{margin-left:5%;gap:5px}.journey-labels span{font-size:9px}.crm-body .section-head{padding:20px;align-items:flex-start}.crm-body .section-pad{padding:20px}.crm-body .inline-label{flex-direction:column;align-items:flex-start;gap:7px}.crm-body .inline-label select{max-width:100%}.crm-body #practice-user{width:100%;max-width:100%;min-width:0}.crm-body .profile-admin-row{gap:12px}.crm-body td .text-button{font-size:11px}.total-practice strong{font-size:38px}.crm-sidebar .brand-icon{width:33px;height:33px;font-size:21px}.crm-sidebar{padding:17px 16px}.crm-top{padding-inline:17px}.view-tip{font-size:11px}.crm-body .form-columns{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.journey-dot{font-size:11px}.journey-labels{position:relative;height:50px;margin:0 17px 23px 0;display:block}.journey-labels span{position:absolute;top:0;width:130px;transform:translateX(-50%);max-width:32%;font-size:11px}.journey-labels span:nth-child(1){left:25%}.journey-labels span:nth-child(2){left:62.5%;max-width:22%}.journey-labels span:nth-child(3){left:100%;transform:translateX(-100%);text-align:right}.journey-labels b{font-size:13px}.crm-body .progress-footnote{font-size:11px}.crm-body .view-tip{font-size:13px}.crm-body .overview-welcome p,.crm-body .quick-grid p{font-size:13px}.crm-body .crm-sidebar nav a[aria-current=page]{background:#efe7f8;color:#774eaa;font-weight:650}.crm-body .crm-sidebar nav a:not([aria-current=page]):focus{background:#faf8fd}.crm-body .guide-step small{font-size:12px;color:#806c98}.crm-body .guide-step a strong{font-size:13px}.crm-body .welcome-guide p:not(.eyebrow){font-size:13px}.crm-body .next-stage p{font-size:13px}@media(max-width:570px){.journey-labels span{font-size:10px}.journey-labels span:nth-child(3){width:94px}.crm-body .view-tip{font-size:12px}}
@media(max-width:570px){.crm-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:5px}.crm-sidebar nav a{white-space:normal;font-size:12px;padding:9px 11px;line-height:1.4}.crm-sidebar nav a>span{flex:none}.crm-sidebar{gap:16px}}
