.sidebar-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;overflow-y:auto;border-right:1px solid var(--sidebar-border)}.sidebar-brand{padding:24px 24px 20px;border-bottom:1px solid var(--sidebar-border);margin-bottom:8px}.sidebar-logo-img{display:block;height:42px;width:auto}.sidebar-subtitle{display:inline-block;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-brand-orange);background:var(--sidebar-active-bg);padding:3px 8px;border-radius:4px;margin-top:8px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:8px 12px;flex:1}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--sidebar-text);transition:background .15s,color .15s}.sidebar-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text-heading)}.sidebar-link--active{background:var(--sidebar-active-bg);color:var(--sidebar-active)}.sidebar-link--active:hover{background:var(--sidebar-active-bg)}.sidebar-link-icon{width:20px;height:20px;flex-shrink:0}.sidebar-footer{padding:12px;border-top:1px solid var(--sidebar-border);position:relative}.sidebar-user-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:none;border-radius:8px;background:transparent;color:var(--sidebar-text);cursor:pointer;transition:background .15s;text-align:left}.sidebar-user-btn:hover,.sidebar-user-btn--active{background:var(--sidebar-hover)}.sidebar-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-brand-orange);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:600;flex-shrink:0}.sidebar-user-info{flex:1;overflow:hidden}.sidebar-user-name{display:block;font-size:13px;font-weight:600;color:var(--sidebar-text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{display:block;font-size:11px;color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-chevron{flex-shrink:0;opacity:.5;transition:opacity .15s}.sidebar-user-btn:hover .sidebar-user-chevron{opacity:.8}.sidebar-menu{position:absolute;bottom:100%;left:12px;right:12px;margin-bottom:8px;background:#fff;border:1px solid var(--sidebar-border);border-radius:10px;box-shadow:0 8px 24px #0000001f;overflow:hidden;animation:sidebar-menu-in .15s ease-out}@keyframes sidebar-menu-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-menu-header{padding:12px 14px 10px;border-bottom:1px solid var(--sidebar-border)}.sidebar-menu-email{font-size:12px;color:var(--sidebar-text);word-break:break-all}.sidebar-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--sidebar-text);font-family:var(--font-family-base);font-size:13px;cursor:pointer;transition:background .12s,color .12s}.sidebar-menu-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-heading)}.sidebar-menu-item--danger{color:#ef4444}.sidebar-menu-item--danger:hover{background:#ef444414;color:#dc2626}.mobile-header,.mobile-overlay{display:none}.sidebar-content{flex:1;margin-left:var(--sidebar-width);padding:32px;padding-right:max(32px,(100vw - var(--sidebar-width) - 1200px) / 2);padding-left:max(32px,(100vw - var(--sidebar-width) - 1200px) / 2);overflow-y:auto;min-height:100vh}@media (max-width: 768px){.sidebar-layout{flex-direction:column}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--sidebar-bg);border-bottom:1px solid var(--sidebar-border);position:sticky;top:0;z-index:40}.mobile-header-logo{height:32px;width:auto}.mobile-hamburger{background:none;border:none;color:var(--sidebar-text);cursor:pointer;padding:4px}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:49}.sidebar{position:fixed;transform:translate(-100%);transition:transform .25s ease;z-index:50}.sidebar--open{transform:translate(0)}.sidebar-content{margin-left:0;padding:20px 16px;min-height:calc(100vh - 57px)}}.spinner{display:inline-block;border:3px solid #e0e0e0;border-top-color:var(--color-brand-orange);border-radius:50%;animation:spinner-rotate .7s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.client-detail{background:var(--color-bg-white);border-radius:16px;box-shadow:0 1px 4px #0000000f;overflow:hidden}.page-tabs{display:flex;gap:2px;border-bottom:1px solid #eee;padding:0 28px;margin-top:12px}.page-tab{display:flex;align-items:center;gap:6px;padding:12px 20px;border:none;background:none;font-family:var(--font-family-base);font-size:14px;font-weight:500;color:var(--color-text-body);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.page-tab:hover{color:var(--color-text-heading)}.page-tab--active{color:var(--color-brand-orange);font-weight:600;border-bottom-color:var(--color-brand-orange)}.page-tab-badge{font-size:11px;font-weight:600;background:#f0f0f0;color:#888;padding:1px 6px;border-radius:999px;min-width:18px;text-align:center}.page-tab--active .page-tab-badge{background:var(--color-brand-orange);color:#fff}.tab-content{padding:24px 28px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overview-section{margin-bottom:24px}.overview-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.overview-section-title{margin:0;font-size:16px;font-weight:600;color:var(--color-text-heading)}.overview-see-all{background:none;border:none;font-family:var(--font-family-base);font-size:13px;color:var(--color-brand-orange);font-weight:600;cursor:pointer}.overview-see-all:hover{text-decoration:underline}.course-progress-card--compact{padding:14px 18px}.client-detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.assignment-card--clickable{cursor:pointer}.assignment-card--clickable:hover{border-color:var(--color-brand-orange)}.assignment-view-hint{font-size:11px;font-weight:500;color:var(--color-brand-orange);margin-left:8px}.answers-panel{width:100%;max-width:640px;max-height:85vh;background:var(--color-bg-white);border-radius:16px;box-shadow:0 16px 48px #00000026;display:flex;flex-direction:column;overflow:hidden}.answers-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 16px;border-bottom:1px solid #f0f0f0}.answers-panel-title{margin:0 0 6px;font-size:20px;font-weight:700;color:var(--color-text-heading)}.answers-panel-meta{display:flex;align-items:center;gap:10px;font-size:13px}.answers-panel-date{color:var(--color-text-body)}.answers-panel-close{background:none;border:none;color:#aaa;cursor:pointer;padding:4px;border-radius:8px;flex-shrink:0}.answers-panel-close:hover{color:var(--color-text-heading);background:#f5f5f5}.answers-progress{padding:16px 24px;border-bottom:1px solid #f0f0f0}.answers-progress-text{display:block;font-size:13px;font-weight:500;color:var(--color-text-body);margin-bottom:8px}.answers-steps{overflow-y:auto;padding:8px 24px 24px;flex:1}.answers-step{padding:16px 0;border-bottom:1px solid #f5f5f5}.answers-step:last-child{border-bottom:none}.answers-step-header{display:flex;align-items:center;gap:10px;font-size:14px}.answers-step-number{font-size:11px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px;min-width:42px}.answers-step-title{font-weight:600;color:var(--color-text-heading);flex:1}.answers-step-duration{font-size:12px;font-weight:500;color:var(--color-text-body);background:var(--color-bg-light);padding:2px 8px;border-radius:999px;flex-shrink:0}.answers-step-question{margin:10px 0 0 30px;font-size:13px;color:var(--color-text-body);line-height:1.55;background:var(--color-bg-light);padding:10px 14px;border-radius:8px;border-left:3px solid #d0d0d0}.answers-step-body{margin-top:10px;margin-left:30px;display:flex;flex-direction:column;gap:10px}.answer-qa{display:flex;flex-direction:column;gap:3px}.answer-qa-label{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.answer-qa-value{font-size:14px;color:var(--color-text-heading);background:#fff7f2;padding:8px 12px;border-radius:8px;border-left:3px solid var(--color-brand-orange);line-height:1.5;white-space:pre-wrap;word-break:break-word}.answer-qa-stars{color:#f5a623;letter-spacing:2px;background:none;border:none;padding:0}.answer-qa-value--italic{font-style:italic;border-left-color:#f5a623}.answers-step-pending{margin:8px 0 0 30px;font-size:13px;color:#bbb;font-style:italic}.answers-not-started{padding:40px 24px;text-align:center;color:var(--color-text-body)}.answers-clinician-note{padding:16px 24px;border-top:1px solid #f0f0f0;background:#fafafa}.answers-clinician-note .answer-label{display:block;margin-bottom:4px}.answers-clinician-note p{margin:0;font-size:14px;color:var(--color-text-body);font-style:italic}.chart-container{display:flex;flex-direction:column;gap:10px;background:var(--color-bg-light);border-radius:10px;padding:16px}.chart-row{display:flex;align-items:center;gap:12px}.chart-label{font-size:13px;font-weight:500;color:var(--color-text-heading);min-width:140px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-bar-track{flex:1;height:20px;background:#0000000a;border-radius:4px;overflow:hidden}.chart-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-brand-orange),#e8621e);border-radius:4px;min-width:4px;transition:width .4s ease}.chart-duration{font-size:13px;font-weight:600;color:var(--color-text-heading);min-width:50px;text-align:right}.btn-assign-inline{display:inline-block;margin-top:8px;background:none;border:none;color:var(--color-brand-orange);font-family:var(--font-family-base);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline}.client-detail-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:80px 0;color:var(--color-text-body);font-size:14px}.client-detail-empty{padding:40px 0;text-align:center;color:var(--color-text-body)}.client-detail-header{padding:24px 28px 0}.btn-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--color-text-body);font-family:var(--font-family-base);font-size:14px;cursor:pointer;padding:0;margin-bottom:16px}.btn-back:hover{color:var(--color-brand-orange)}.client-detail-name{margin:0;font-size:24px;font-weight:700;color:var(--color-text-heading)}.client-detail-meta{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:13px;color:var(--color-text-body)}.client-detail-id{font-family:monospace;background:#f0f0f0;padding:1px 8px;border-radius:4px;font-size:12px}.client-tags{margin-top:12px}.client-tags-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-body);margin-bottom:6px}.client-tags-display{display:flex;flex-wrap:wrap;gap:6px;align-items:center;cursor:pointer}.client-tags-display:hover{opacity:.85}.client-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:5px 12px;border-radius:8px;background:#fff7f2;color:#b45309;border:1px solid #fed7aa}.client-tag-icon{flex-shrink:0;opacity:.5}.client-tag-remove{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:#b45309;cursor:pointer;padding:0;opacity:.4;transition:opacity .15s}.client-tag-remove:hover{opacity:1}.client-tags-empty{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--color-brand-orange);font-weight:500}.tags-dialog{width:100%;max-width:480px;background:var(--color-bg-white);border-radius:16px;padding:28px;box-shadow:0 16px 48px #00000026}.tags-dialog-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:8px}.tags-dialog-icon{width:44px;height:44px;border-radius:12px;background:#fff7f2;border:1px solid #fed7aa;display:grid;place-items:center;color:var(--color-brand-orange);flex-shrink:0}.tags-dialog-title{margin:0;font-size:18px;font-weight:700;color:var(--color-text-heading)}.tags-dialog-subtitle{margin:2px 0 0;font-size:13px;color:var(--color-text-body)}.tags-dialog-desc{margin:0 0 20px;font-size:14px;color:var(--color-text-body);line-height:1.5}.tags-dialog-input-wrap{position:relative}.tags-dialog-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#aaa;pointer-events:none}.tags-dialog-input{width:100%;padding:12px 14px 12px 40px;border:1.5px solid #e0e0e0;border-radius:10px;font-family:var(--font-family-base);font-size:14px;background:#fafafa;color:var(--color-text-heading);transition:border-color .2s,box-shadow .2s}.tags-dialog-input::placeholder{color:#aaa}.tags-dialog-input:focus{outline:none;border-color:var(--color-brand-orange);box-shadow:0 0 0 3px #d6420414;background:#fff}.tags-dialog-hint{display:block;font-size:12px;color:#999;margin-top:6px;margin-bottom:16px}.tags-dialog-chips{display:flex;flex-wrap:wrap;gap:8px;min-height:40px;padding:12px;background:#fafafa;border-radius:10px;border:1px solid #f0f0f0}.tags-dialog-empty{padding:16px;text-align:center;font-size:13px;color:#bbb;background:#fafafa;border-radius:10px;border:1px dashed #e0e0e0}.tags-dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #f0f0f0}.dialog-close{background:none;border:none;color:#aaa;cursor:pointer;padding:4px;border-radius:6px;flex-shrink:0;margin-left:auto}.dialog-close:hover{color:var(--color-text-heading);background:#f5f5f5}.client-tags-hint{display:block;font-size:11px;color:#bbb;margin-top:4px}.client-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.stat-card{background:var(--color-bg-light);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:4px}.stat-value{font-size:28px;font-weight:700;color:var(--color-text-heading);line-height:1}.stat-label{font-size:12px;font-weight:500;color:var(--color-text-body)}.stat-card--assigned .stat-label{color:var(--color-status-invited)}.stat-card--completed .stat-label{color:var(--color-status-active)}.stat-card--progress .stat-label{color:var(--color-brand-orange)}.client-section{margin-bottom:28px}.section-title{margin:0 0 14px;font-size:18px;font-weight:700;color:var(--color-text-heading)}.section-empty{background:var(--color-bg-light);border-radius:10px;padding:32px 20px;text-align:center;color:var(--color-text-body);font-size:14px}.course-progress-list{display:grid;gap:12px}.course-progress-card{background:var(--color-bg-light);border-radius:10px;border:1px solid #eee;overflow:hidden}.course-progress-toggle{width:100%;padding:16px 18px;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-family-base);position:relative}.course-progress-toggle:hover{background:#fafafa}.course-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-right:28px}.course-progress-title{margin:0;font-size:14px;font-weight:600;color:var(--color-text-heading)}.course-progress-count{font-size:13px;color:var(--color-text-body);font-weight:500}.course-progress-bar{height:6px;background:var(--color-progress-track);border-radius:3px;overflow:hidden}.course-progress-fill{height:100%;background:var(--color-status-active);border-radius:3px;transition:width .3s ease}.course-toggle-icon{position:absolute;top:18px;right:18px;color:#aaa;transition:transform .2s}.course-toggle-icon--open{transform:rotate(180deg)}.activity-detail-list{border-top:1px solid #f0f0f0;padding:0 18px 12px}.attempt-block{padding-top:12px}.attempt-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:13px}.attempt-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;text-transform:capitalize}.attempt-badge--completed{background:#ecfdf5;color:var(--color-status-active)}.attempt-badge--in_progress{background:#eef2ff;color:var(--color-status-invited)}.attempt-date{color:#aaa;font-size:12px}.attempt-progress{color:var(--color-text-body);font-size:12px;font-weight:500;margin-left:auto}.attempt-divider{border:none;border-top:1px dashed #e0e0e0;margin:12px 0 0}.activity-detail-row{padding:8px 0}.activity-detail-header{display:flex;align-items:center;gap:10px;font-size:13px}.activity-status-icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#f0f0f0;color:#bbb}.activity-status-icon--done{background:var(--color-status-active);color:#fff}.activity-dot{width:6px;height:6px;border-radius:50%;background:#ccc}.activity-detail-title{font-size:13px;color:var(--color-text-heading);font-weight:500}.activity-detail-date{color:#aaa;font-size:12px;margin-left:auto}.activity-detail-stars{color:#f5a623;font-size:12px;letter-spacing:1px}.activity-answers{margin-top:10px;margin-left:30px;display:flex;flex-direction:column;gap:8px}.answer-item{display:flex;gap:10px;font-size:13px;line-height:1.5}.answer-label{flex-shrink:0;min-width:70px;font-weight:600;color:var(--color-text-heading);font-size:12px;text-transform:uppercase;letter-spacing:.3px;padding-top:1px}.answer-value{color:var(--color-text-body);background:#f8f8f8;padding:6px 12px;border-radius:8px;border-left:3px solid var(--color-brand-orange);flex:1;white-space:pre-wrap;word-break:break-word}.answer-value--italic{font-style:italic;border-left-color:#f5a623}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-header-row .section-title{margin-bottom:0}.btn-assign{padding:8px 16px;border:none;border-radius:8px;background:var(--color-brand-orange);color:#fff;font-family:var(--font-family-base);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.btn-assign:hover{background:var(--color-brand-orange-dark)}.assignment-tabs{display:flex;gap:4px;margin-bottom:12px}.assignment-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;background:transparent;color:var(--color-text-body);font-family:var(--font-family-base);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.assignment-tab:hover{background:#0000000a}.assignment-tab--active{background:var(--color-bg-white);color:var(--color-text-heading);font-weight:600;box-shadow:0 1px 3px #00000014}.assignment-tab-count{font-size:11px;font-weight:600;background:#f0f0f0;color:#888;padding:1px 6px;border-radius:999px;min-width:18px;text-align:center}.assignment-tab--active .assignment-tab-count{background:var(--color-brand-orange);color:#fff}.assignment-list{display:grid;gap:8px}.assignment-card{background:var(--color-bg-light);border-radius:10px;padding:14px 16px;border:1px solid #eee;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.assignment-info{flex:1}.assignment-title{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--color-text-heading)}.assignment-meta{display:flex;align-items:center;gap:8px;font-size:12px}.assignment-status{font-weight:600;text-transform:capitalize;padding:2px 8px;border-radius:999px;font-size:11px}.assignment-status--assigned{background:#eef2ff;color:var(--color-status-invited)}.assignment-status--started{background:#fff7ed;color:var(--color-brand-orange)}.assignment-status--completed{background:#ecfdf5;color:var(--color-status-active)}.source-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;text-transform:capitalize}.source-badge--assigned{background:#fff4ee;color:#e8885a}.source-badge--self{background:#eef8f4;color:#5ab89a}.assignment-date{color:#aaa}.assignment-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.assignment-duration{font-size:13px;font-weight:600;color:var(--color-teal-divider)}.assignment-note{margin:6px 0 0;font-size:13px;color:var(--color-text-body);font-style:italic}.assignment-card--completed{background:#f8fdf9;border:1px solid #d1e7d8}.assignment-done-icon{color:var(--color-status-active);flex-shrink:0;padding:4px}.assignment-remove{background:none;border:none;color:#ccc;cursor:pointer;padding:4px;border-radius:6px;flex-shrink:0}.assignment-remove:hover{color:#d32f2f;background:#fef2f2}.assign-dialog{width:100%;max-width:520px;background:var(--color-bg-white);border-radius:16px;padding:24px;box-shadow:0 16px 48px #00000026;display:flex;flex-direction:column;gap:16px;max-height:80vh}.dialog-title{margin:0;font-size:20px;font-weight:700;color:var(--color-text-heading)}.dialog-desc{margin:-8px 0 0;font-size:14px;color:var(--color-text-body)}.assign-search{padding:10px 14px;border:1.5px solid #e0e0e0;border-radius:10px;font-family:var(--font-family-base);font-size:14px;background:#fafafa;transition:border-color .2s}.assign-search:focus{outline:none;border-color:var(--color-brand-orange)}.assign-course-list{overflow-y:auto;max-height:300px;display:flex;flex-direction:column;gap:4px}.assign-course-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.assign-course-item:hover{background:#fafafa}.assign-course-item input[type=checkbox]{accent-color:var(--color-brand-orange);width:16px;height:16px;flex-shrink:0}.assign-course-item--selected{background:#fff7f2}.assign-course-info{display:flex;flex-direction:column;gap:2px}.assign-course-name{font-size:14px;font-weight:500;color:var(--color-text-heading)}.assign-course-meta{font-size:12px;color:#aaa}.assign-empty{text-align:center;color:#aaa;padding:20px 0;font-size:13px}.assign-note-field{display:flex;flex-direction:column;gap:5px}.assign-note-label{font-size:13px;font-weight:600;color:var(--color-text-heading)}.assign-note-input{padding:10px 12px;border:1.5px solid #e0e0e0;border-radius:10px;font-family:var(--font-family-base);font-size:14px;background:#fafafa;resize:vertical;transition:border-color .2s}.assign-note-input:focus{outline:none;border-color:var(--color-brand-orange)}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px}.btn-cancel{padding:10px 20px;border:1.5px solid #ddd;border-radius:10px;background:var(--color-bg-white);color:var(--color-text-body);font-family:var(--font-family-base);font-size:14px;cursor:pointer}.btn-confirm-assign{padding:10px 20px;border:none;border-radius:10px;background:var(--color-brand-orange);color:#fff;font-family:var(--font-family-base);font-size:14px;font-weight:600;cursor:pointer}.btn-confirm-assign:hover:not(:disabled){background:var(--color-brand-orange-dark)}.btn-confirm-assign:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.client-stats{grid-template-columns:repeat(3,1fr);gap:8px}.stat-value{font-size:22px}.stat-label{font-size:11px}.page-tabs{flex-wrap:wrap;padding:0 16px;gap:0;margin-top:24px}.page-tab{padding:10px 12px;font-size:13px}.tab-content{padding:20px 16px}.client-detail-header{padding:20px 16px 0}.client-detail-title-row{flex-direction:column}.chart-label{min-width:80px;font-size:12px}.answers-panel{max-width:100%;max-height:95vh;border-radius:12px 12px 0 0}.answers-step-body,.answers-step-question,.answers-step-pending,.activity-answers{margin-left:0}.audit-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.audit-table{min-width:500px}}.audit-table-wrap{overflow-x:auto}.audit-table{width:100%;border-collapse:collapse;font-size:13px}.audit-table th,.audit-table td{padding:10px 12px;text-align:left}.audit-table th{font-size:11px;font-weight:600;color:var(--color-text-body);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #eee;background:#fafafa}.audit-table td{border-bottom:1px solid #f3f4f6;color:var(--color-text-heading);vertical-align:top}.audit-table tbody tr:hover{background:#fafafa}.audit-cell-time{white-space:nowrap;color:var(--color-text-body);font-size:12px}.audit-action-badge{display:inline-block;padding:2px 8px;border-radius:4px;background:#f3f4f6;font-size:12px;font-weight:500;font-family:Courier New,monospace;color:#374151}.audit-cell-detail{font-size:12px;color:var(--color-text-body)}.audit-cell-detail span{display:block}.audit-meta{font-family:Courier New,monospace;font-size:11px;color:#999;margin-top:2px;word-break:break-all}.audit-cell-ip{font-size:12px;color:#999;font-family:Courier New,monospace}.clients-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.clients-title{margin:0;font-size:24px;font-weight:700;color:var(--color-text-heading)}.clients-count{margin:4px 0 0;font-size:13px;color:var(--color-text-body)}.clients-actions{display:flex;align-items:center;gap:12px}.status-filter-wrap{position:relative;flex-shrink:0}.status-filter-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-brand-orange);pointer-events:none}.status-filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px 36px;border:1.5px solid #ddd;border-radius:10px;font-family:var(--font-family-base);font-size:14px;font-weight:500;background:var(--color-bg-white) url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--color-text-heading);cursor:pointer;transition:border-color .2s,box-shadow .2s}.status-filter:focus{outline:none;border-color:var(--color-brand-orange);box-shadow:0 0 0 3px #d6420414}.status-filter:hover{border-color:#ccc}.search-wrap{position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#aaa;pointer-events:none}.search-input{padding:10px 12px 10px 36px;border:1.5px solid #ddd;border-radius:10px;font-family:var(--font-family-base);font-size:14px;background:var(--color-bg-white);color:var(--color-text-heading);width:260px;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:#aaa}.search-input:focus{outline:none;border-color:var(--color-brand-orange);box-shadow:0 0 0 3px #d6420414}.btn-add{padding:10px 20px;border:none;border-radius:10px;background:var(--color-brand-orange);color:#fff;font-family:var(--font-family-base);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.btn-add:hover{background:var(--color-brand-orange-dark)}.clients-table-wrap{background:var(--color-bg-white);border-radius:12px;box-shadow:0 1px 3px #0000000f;overflow:visible}.clients-table{width:100%;border-collapse:collapse;font-size:14px}.clients-table th,.clients-table td{padding:12px 16px;text-align:left}.clients-table th{font-size:12px;font-weight:600;color:var(--color-text-body);text-transform:uppercase;letter-spacing:.5px;background:#fafafa;border-bottom:1px solid #eee}.clients-table td{border-bottom:1px solid #f0f0f0;color:var(--color-text-heading)}.clients-table tbody tr:last-child td{border-bottom:none}.clients-table tbody tr:hover{background:#fafafa}.clients-table tbody tr.row-inactive{opacity:.55}.clients-table tbody tr.row-inactive:hover{opacity:.75}.clients-table .row-clickable{cursor:pointer}.clients-table .row-clickable:hover{background:#f5f0ee}.cell-name{font-weight:600}.cell-email{display:block;font-size:12px;font-weight:400;color:var(--color-text-body);margin-top:2px}.cell-tags-col{white-space:nowrap}.cell-tags-col .cell-tag,.cell-tags-col .cell-tag-more{margin-right:4px}.cell-tags-empty{color:#ccc}.cell-tag-more{display:inline-block;font-size:11px;font-weight:600;padding:2px 6px;border-radius:6px;background:#f3f4f6;color:#888;margin-left:4px}.cell-tag{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:500;padding:2px 8px;border-radius:6px;background:#fff7f2;color:#b45309;border:1px solid #fed7aa}.cell-id{font-size:12px;background:#f0f0f0;padding:2px 8px;border-radius:4px;color:var(--color-text-body)}.cell-date{color:var(--color-text-body)}.status-badge{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;text-transform:capitalize}.status-badge--active{background:#ecfdf5;color:var(--color-status-active)}.status-badge--invited{background:#eef2ff;color:var(--color-status-invited)}.client-action-wrap{position:relative}.client-action-btn{display:grid;place-items:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--color-text-body);cursor:pointer}.client-action-btn:hover{background:#f3f4f6}.client-action-dropdown{position:absolute;right:0;top:100%;margin-top:4px;min-width:180px;background:var(--color-bg-white);border-radius:10px;box-shadow:0 8px 24px #0000001f;overflow:hidden;z-index:20}.client-action-item{display:block;width:100%;padding:10px 14px;border:none;background:transparent;font-family:var(--font-family-base);font-size:13px;color:var(--color-text-heading);text-align:left;cursor:pointer}.client-action-item:hover{background:#f9fafb}.client-action-item--danger{color:#dc2626}.client-action-item--danger:hover{background:#fef2f2}.status-badge--inactive{background:#fef2f2;color:#dc2626}.status-badge--accepted{background:#fff7ed;color:var(--color-brand-orange)}.clients-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:80px 0;color:var(--color-text-body);font-size:14px}.clients-empty{text-align:center;padding:40px 16px!important;color:var(--color-text-body)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;padding:24px;z-index:50}.dialog{width:100%;max-width:440px;background:var(--color-bg-white);border-radius:16px;padding:28px;box-shadow:0 16px 48px #00000026}.dialog-title{margin:0 0 6px;font-size:20px;font-weight:700;color:var(--color-text-heading)}.dialog-desc{margin:0 0 20px;font-size:14px;color:var(--color-text-body);line-height:1.5}.dialog-form{display:grid;gap:16px}.dialog-name-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-field{display:flex;flex-direction:column;gap:5px}.dialog-label{font-size:13px;font-weight:600;color:var(--color-text-heading)}.dialog-input{padding:12px 14px;border:1.5px solid #e0e0e0;border-radius:10px;font-family:var(--font-family-base);font-size:15px;background:#fafafa;color:var(--color-text-heading);transition:border-color .2s,box-shadow .2s}.dialog-input::placeholder{color:#aaa}.dialog-input:focus{outline:none;border-color:var(--color-brand-orange);box-shadow:0 0 0 3px #d642041a}.dialog-input:disabled{opacity:.6}.dialog-textarea{resize:vertical;line-height:1.5;font-size:14px}.dialog-tags-area{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;border:1.5px solid #e0e0e0;border-radius:10px;background:#fafafa;min-height:44px;transition:border-color .2s}.dialog-tags-area:focus-within{border-color:var(--color-brand-orange);background:#fff}.dialog-tags-input{border:none;outline:none;background:transparent;font-family:var(--font-family-base);font-size:14px;padding:2px 4px;min-width:100px;flex:1}.dialog-tags-input::placeholder{color:#aaa}.dialog-optional{font-weight:400;color:#aaa}.dialog-hint{font-size:12px;color:#999;line-height:1.4}.dialog-confirm{padding:16px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px}.dialog-confirm-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#92400e;margin-bottom:12px}.dialog-confirm-emails{display:flex;flex-direction:column;align-items:center;gap:4px;background:#00000008;border-radius:8px;padding:12px}.dialog-confirm-email-row{display:flex;align-items:center;gap:10px;width:100%}.dialog-confirm-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#92400e;min-width:52px}.dialog-confirm-value{font-size:14px;font-weight:500;color:#78350f;word-break:break-all}.dialog-confirm-value--new{color:#15803d;font-weight:600}.dialog-confirm-arrow{color:#d97706;padding:2px 0}.dialog-confirm-note{margin:10px 0 0;font-size:12px;color:#a16207;line-height:1.4}.dialog-error{margin:0;font-size:14px;color:#d32f2f;font-weight:500}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.btn-cancel{padding:10px 20px;border:1.5px solid #ddd;border-radius:10px;background:var(--color-bg-white);color:var(--color-text-body);font-family:var(--font-family-base);font-size:14px;font-weight:500;cursor:pointer}.btn-cancel:hover{background:#fafafa}.btn-invite{padding:10px 20px;border:none;border-radius:10px;background:var(--color-brand-orange);color:#fff;font-family:var(--font-family-base);font-size:14px;font-weight:600;cursor:pointer}.btn-invite:hover{background:var(--color-brand-orange-dark)}.btn-invite:disabled{opacity:.6;cursor:not-allowed}.clients-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid #eee}.clients-tab{padding:10px 20px;border:none;background:none;font-family:var(--font-family-base);font-size:14px;font-weight:600;color:var(--color-text-body);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s}.clients-tab:hover{color:var(--color-text-heading)}.clients-tab--active{color:var(--color-brand-orange);border-bottom-color:var(--color-brand-orange)}@media (max-width: 768px){.clients-header{flex-direction:column;align-items:stretch}.clients-actions{flex-direction:row}.search-wrap{flex:1}.search-input{width:100%}.clients-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.clients-table{min-width:600px}.dialog-name-row{grid-template-columns:1fr}.clients-tabs{flex-wrap:wrap}.clients-tab{padding:10px 14px}}.content-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.content-title{margin:0;font-size:24px;font-weight:700;color:var(--color-text-heading)}.content-count{margin:4px 0 0;font-size:13px;color:var(--color-text-body)}.content-filters{display:flex;gap:10px}.content-search{padding:10px 14px;border:1.5px solid #ddd;border-radius:10px;font-family:var(--font-family-base);font-size:14px;background:var(--color-bg-white);width:220px;transition:border-color .2s}.content-search:focus{outline:none;border-color:var(--color-brand-orange)}.content-select{padding:10px 14px;border:1.5px solid #ddd;border-radius:10px;font-family:var(--font-family-base);font-size:14px;background:var(--color-bg-white);cursor:pointer}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.content-card{background:var(--color-bg-white);border-radius:12px;padding:18px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;gap:8px}.content-card--clickable{cursor:pointer;transition:box-shadow .15s,transform .15s}.content-card--clickable:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.content-card-collection{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-brand-orange)}.content-card-title{margin:0;font-size:15px;font-weight:600;color:var(--color-text-heading);line-height:1.3}.content-card-desc{margin:0;font-size:13px;color:var(--color-text-body);line-height:1.5;flex:1}.content-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.content-card-steps{font-size:12px;color:#aaa;font-weight:500}@media (max-width: 768px){.content-header{flex-direction:column;align-items:stretch}.content-filters{flex-direction:column}.content-search{width:100%}.content-grid{grid-template-columns:1fr}}.content-empty{grid-column:1/-1;text-align:center;color:var(--color-text-body);padding:40px 0}.course-preview{max-width:800px}.preview-back{display:inline-flex;align-items:center;gap:4px;padding:8px 0;border:none;background:none;font-family:var(--font-family-base);font-size:14px;font-weight:500;color:var(--color-text-body);cursor:pointer;margin-bottom:16px}.preview-back:hover{color:var(--color-text-heading)}.preview-header{margin-bottom:32px}.preview-collection{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-brand-orange)}.preview-title{margin:8px 0 0;font-size:28px;font-weight:700;color:var(--color-text-heading)}.preview-meta{margin:6px 0 0;font-size:14px;color:var(--color-text-body)}.preview-steps{display:flex;flex-direction:column;gap:10px}.preview-step-wrap{background:var(--color-bg-white);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.preview-step-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;border:none;background:none;font-family:var(--font-family-base);font-size:14px;cursor:pointer;text-align:left;transition:background .12s}.preview-step-toggle:hover{background:#fafafa}.preview-step-toggle--open{border-bottom:1px solid #f0f0f0}.preview-step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-bg-light);font-size:12px;font-weight:700;color:var(--color-text-body);flex-shrink:0}.preview-step-toggle-title{flex:1;font-weight:600;color:var(--color-text-heading)}.preview-step-type{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#aaa}.preview-step-chevron{font-size:14px;color:#bbb;flex-shrink:0}.preview-step-content{padding:18px 18px 18px 58px}.preview-step-images{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.preview-step-img{max-width:100%;max-height:300px;border-radius:8px;object-fit:contain}.preview-step-text{font-size:14px;line-height:1.7;color:var(--color-text-body)}.preview-step-text p{margin:0 0 12px}.preview-step-text p:last-child{margin-bottom:0}.preview-step-note{margin-top:12px;padding:12px 16px;background:#fff7ed;border-radius:8px;font-size:13px;color:var(--color-text-body);line-height:1.5}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--sidebar-bg)}.login-card{width:100%;max-width:400px;background:var(--color-bg-white);border-radius:16px;box-shadow:0 16px 48px #0003;overflow:hidden}.login-card-header{padding:28px 28px 24px;background:linear-gradient(160deg,#fcebf2,#e3e5f5);border-bottom:3px solid var(--color-brand-orange);text-align:center}.login-logo{height:60px;width:auto}.login-badge{display:inline-block;margin-top:6px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--color-brand-orange);color:#fff;text-transform:uppercase;letter-spacing:.8px}.login-card-body{padding:28px}.login-heading{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--color-text-heading)}.login-form{display:grid;gap:16px}.login-field{display:flex;flex-direction:column;gap:5px}.login-label{font-size:13px;font-weight:600;color:var(--color-text-heading)}.login-input{width:100%;padding:12px 14px;border:1.5px solid #e0e0e0;border-radius:10px;font-family:var(--font-family-base);font-size:15px;background:#fafafa;color:var(--color-text-heading);transition:border-color .2s,box-shadow .2s}.login-input::placeholder{color:#aaa}.login-input:focus{outline:none;border-color:var(--color-brand-orange);box-shadow:0 0 0 3px #d642041a}.login-input:disabled{opacity:.6;cursor:not-allowed}.login-submit{width:100%;padding:12px;border:none;border-radius:10px;background:var(--color-brand-orange);color:#fff;font-family:var(--font-family-base);font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:4px}.login-submit:hover{background:var(--color-brand-orange-dark)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-forgot{background:none;border:none;color:var(--color-brand-orange);font-family:var(--font-family-base);font-size:13px;font-weight:500;cursor:pointer;padding:0;text-align:right;margin-top:-8px}.login-forgot:hover{text-decoration:underline}.login-forgot:disabled{opacity:.6;cursor:not-allowed}.login-success{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:14px;color:#2e7d32;font-weight:500;background:#f0fdf4;border-radius:10px;border:1px solid #bbf7d0}.login-error{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:14px;color:#d32f2f;font-weight:500;background:#fef2f2;border-radius:10px;border:1px solid #fecaca}.login-footer{text-align:center;padding:0 28px 20px;margin:0;font-size:12px;color:#aaa}.settings-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:80px 0;color:var(--color-text-body);font-size:14px}.settings-title{margin:0 0 24px;font-size:24px;font-weight:700;color:var(--color-text-heading)}.settings-section{margin-bottom:24px}.settings-section-title{margin:0 0 10px;font-size:15px;font-weight:600;color:var(--color-text-heading)}.settings-card{background:var(--color-bg-white);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f}.settings-form{display:grid;gap:16px}.settings-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-field{display:flex;flex-direction:column;gap:5px}.settings-label{font-size:13px;font-weight:600;color:var(--color-text-heading)}.settings-input{padding:10px 12px;border:1.5px solid #e0e0e0;border-radius:10px;font-family:var(--font-family-base);font-size:14px;background:#fafafa;color:var(--color-text-heading);transition:border-color .2s,box-shadow .2s}.settings-input:focus{outline:none;border-color:var(--color-brand-orange);box-shadow:0 0 0 3px #d6420414}.settings-input--readonly{background:#f0f0f0;color:var(--color-text-body);cursor:not-allowed}.settings-form-actions{display:flex;align-items:center;gap:12px}.settings-save{padding:10px 24px;border:none;border-radius:10px;background:var(--color-brand-orange);color:#fff;font-family:var(--font-family-base);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.settings-save:hover:not(:disabled){background:var(--color-brand-orange-dark)}.settings-save:disabled{opacity:.5;cursor:not-allowed}.settings-saved-msg{font-size:13px;color:var(--color-status-active);font-weight:600}.settings-info-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px}.settings-info-row:not(:last-child){border-bottom:1px solid #f0f0f0}.settings-info-label{color:var(--color-text-body)}.settings-info-value{color:var(--color-text-heading);font-weight:500}.settings-account-text{margin:0 0 12px;font-size:14px;color:var(--color-text-body)}@media (max-width: 768px){.settings-form-row{grid-template-columns:1fr}}.settings-logout{padding:8px 20px;border:1.5px solid #ddd;border-radius:10px;background:var(--color-bg-white);color:var(--color-text-body);font-family:var(--font-family-base);font-size:13px;font-weight:500;cursor:pointer}.settings-logout:hover{border-color:#d32f2f;color:#d32f2f}.otp-input{display:flex;gap:8px}.otp-input__box{flex:1;min-width:0;max-width:48px;height:52px;border:1.5px solid #e0e0e0;border-radius:12px;text-align:center;font-family:Courier New,monospace;font-size:22px;font-weight:700;color:var(--color-text-heading, #1a1a1a);text-transform:uppercase;background:#fff;transition:border-color .2s,box-shadow .2s;outline:none}.otp-input__box:focus{border-color:var(--color-brand-orange, #d64204);box-shadow:0 0 0 3px #d642041f}.otp-input__box--filled{border-color:#999;background:#f9f9f9}.otp-input__box:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.otp-input{gap:6px}.otp-input__box{height:46px;font-size:18px;border-radius:10px}}.signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--sidebar-bg)}.signup-card{width:100%;max-width:440px;background:var(--color-bg-white);border-radius:16px;box-shadow:0 16px 48px #0003;overflow:hidden}.signup-card-header{padding:28px 28px 24px;background:linear-gradient(160deg,#fcebf2,#e3e5f5);border-bottom:3px solid var(--color-brand-orange);text-align:center}.signup-logo{height:60px;width:auto}.signup-badge{display:inline-block;margin-top:6px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--color-brand-orange);color:#fff;text-transform:uppercase;letter-spacing:.8px}.signup-card-body{padding:28px}.signup-heading{margin:0 0 4px;font-size:20px;font-weight:700;color:var(--color-text-heading)}.signup-subheading{margin:0 0 24px;font-size:14px;color:var(--color-text-body)}.signup-form{display:grid;gap:16px}.signup-name-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signup-field{display:flex;flex-direction:column;gap:5px}.signup-label{font-size:13px;font-weight:600;color:var(--color-text-heading)}.signup-input{width:100%;padding:12px 14px;border:1.5px solid #e0e0e0;border-radius:10px;font-family:var(--font-family-base);font-size:15px;background:#fafafa;color:var(--color-text-heading);transition:border-color .2s,box-shadow .2s}.signup-input::placeholder{color:#aaa}.signup-input:focus{outline:none;border-color:var(--color-brand-orange);box-shadow:0 0 0 3px #d642041a}.signup-input:disabled{opacity:.6;cursor:not-allowed}.signup-submit{width:100%;padding:12px;border:none;border-radius:10px;background:var(--color-brand-orange);color:#fff;font-family:var(--font-family-base);font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:4px}.signup-submit:hover{background:var(--color-brand-orange-dark)}.signup-submit:disabled{opacity:.6;cursor:not-allowed}.signup-error{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:14px;color:#d32f2f;font-weight:500;background:#fef2f2;border-radius:10px;border:1px solid #fecaca}.signup-footer-link{margin:20px 0 0;font-size:14px;color:var(--color-text-body);text-align:center}.signup-footer-link a{color:var(--color-brand-orange);font-weight:600;text-decoration:none}.signup-footer-link a:hover{text-decoration:underline}.team-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.team-title{margin:0;font-size:24px;font-weight:700;color:var(--color-text-heading)}.team-count{margin:4px 0 0;font-size:13px;color:var(--color-text-body)}.team-invite-btn{padding:10px 20px;border:none;border-radius:10px;background:var(--color-brand-orange);color:#fff;font-family:var(--font-family-base);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.team-invite-btn:hover{background:var(--color-brand-orange-dark)}.team-message{padding:10px 14px;border-radius:10px;font-size:14px;font-weight:500;margin-bottom:16px}.team-message--success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.team-message--error{background:#fef2f2;color:#d32f2f;border:1px solid #fecaca}.team-invite-code-display{margin-top:8px;font-size:14px;display:flex;align-items:center;gap:8px}.team-invite-code-display strong{font-family:Courier New,monospace;font-size:16px;letter-spacing:2px}.team-copy-btn{padding:3px 10px;border:1px solid #bbf7d0;border-radius:6px;background:#fff;color:#15803d;font-family:var(--font-family-base);font-size:12px;font-weight:600;cursor:pointer}.team-copy-btn:hover{background:#f0fdf4}.team-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;padding:24px;z-index:50}.team-dialog{width:100%;max-width:440px;background:var(--color-bg-white);border-radius:16px;padding:28px;box-shadow:0 16px 48px #00000026}.team-dialog-title{margin:0 0 6px;font-size:20px;font-weight:700;color:var(--color-text-heading)}.team-dialog-desc{margin:0 0 20px;font-size:14px;color:var(--color-text-body);line-height:1.5}.team-dialog-form{display:grid;gap:16px}.team-dialog-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.team-dialog-field{display:flex;flex-direction:column;gap:5px}.team-dialog-label{font-size:13px;font-weight:600;color:var(--color-text-heading)}.team-dialog-input{padding:12px 14px;border:1.5px solid #e0e0e0;border-radius:10px;font-family:var(--font-family-base);font-size:15px;background:#fafafa;color:var(--color-text-heading);transition:border-color .2s,box-shadow .2s}.team-dialog-input::placeholder{color:#aaa}.team-dialog-input:focus{outline:none;border-color:var(--color-brand-orange);box-shadow:0 0 0 3px #d642041a}.team-dialog-input:disabled{opacity:.6}.team-dialog-select{padding:12px 14px;border:1.5px solid #e0e0e0;border-radius:10px;font-family:var(--font-family-base);font-size:15px;background:#fafafa;color:var(--color-text-heading);transition:border-color .2s;cursor:pointer}.team-dialog-select:focus{outline:none;border-color:var(--color-brand-orange)}.team-dialog-select:disabled{opacity:.6}.team-dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.team-btn-cancel{padding:10px 20px;border:1.5px solid #ddd;border-radius:10px;background:var(--color-bg-white);color:var(--color-text-body);font-family:var(--font-family-base);font-size:14px;font-weight:500;cursor:pointer}.team-btn-cancel:hover{background:#fafafa}.team-btn-submit{padding:10px 20px;border:none;border-radius:10px;background:var(--color-brand-orange);color:#fff;font-family:var(--font-family-base);font-size:14px;font-weight:600;cursor:pointer}.team-btn-submit:hover{background:var(--color-brand-orange-dark)}.team-btn-submit:disabled{opacity:.6;cursor:not-allowed}.team-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:80px 0;color:var(--color-text-body);font-size:14px}.team-table-wrap{background:var(--color-bg-white);border-radius:12px;box-shadow:0 1px 3px #0000000f;overflow:visible}.team-table{width:100%;border-collapse:collapse;font-size:14px}.team-table th,.team-table td{padding:12px 16px;text-align:left}.team-table th{font-size:12px;font-weight:600;color:var(--color-text-body);text-transform:uppercase;letter-spacing:.5px;background:#fafafa;border-bottom:1px solid #eee}.team-table td{border-bottom:1px solid #f0f0f0;color:var(--color-text-heading)}.team-table tbody tr:last-child td{border-bottom:none}.team-table tbody tr:hover{background:#fafafa}.team-member-name{display:flex;align-items:center;gap:10px;font-weight:600}.team-member-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-brand-orange);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;flex-shrink:0}.team-cell-email{color:var(--color-text-body)}.team-cell-date{color:var(--color-text-body);white-space:nowrap}.team-cell-status{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-body)}.team-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.team-status-dot--active{background:var(--color-status-active, #22c55e)}.team-status-dot--pending{background:#facc15}.team-status-dot--inactive{background:#dc2626}.team-role-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.team-role-badge--member{background:#f3f4f6;color:#6b7280}.team-role-badge--superuser{background:#fef3c7;color:#92400e}.team-action-self{font-size:12px;color:#bbb}.team-action-wrap{position:relative}.team-action-btn{display:grid;place-items:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--color-text-body);cursor:pointer;transition:background .15s}.team-action-btn:hover{background:#f3f4f6}.team-action-dropdown{position:absolute;right:0;top:100%;margin-top:4px;min-width:180px;background:var(--color-bg-white);border-radius:10px;box-shadow:0 8px 24px #0000001f;overflow:hidden;z-index:20;animation:team-dropdown-in .12s ease-out}@keyframes team-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.team-action-item{display:block;width:100%;padding:10px 14px;border:none;background:transparent;font-family:var(--font-family-base);font-size:13px;color:var(--color-text-heading);text-align:left;cursor:pointer;transition:background .12s}.team-action-item:hover{background:#f9fafb}.team-action-item--danger{color:#dc2626}.team-action-item--danger:hover{background:#fef2f2}@media (max-width: 768px){.team-header{flex-direction:column;align-items:stretch}.team-invite-btn{width:100%}.team-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.team-table{min-width:600px}.team-dialog-row{grid-template-columns:1fr}}.team-btn-danger{padding:10px 20px;border:none;border-radius:10px;background:#dc2626;color:#fff;font-family:var(--font-family-base);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.team-btn-danger:hover{background:#b91c1c}.team-btn-danger:disabled{opacity:.6;cursor:not-allowed}:root{--font-family-base: "DM Sans", Arial, Helvetica, sans-serif;--color-brand-orange: #d64204;--color-brand-orange-dark: #b53803;--color-text-body: #616161;--color-text-heading: #000000;--color-bg-light: #edf1f2;--color-bg-white: #ffffff;--color-progress-track: #f5d5c4;--color-input-bg: #f0f0f0;--color-teal-divider: #009ca4;--space-screen-padding: 24px;--space-element-gap: 16px;--space-section-gap: 32px;--radius-card: 24px;--radius-pill: 50px;--radius-input: 8px;--size-progress-height: 4px;--sidebar-width: 260px;--sidebar-bg: #ffffff;--sidebar-text: #616161;--sidebar-text-heading: #1a1a2e;--sidebar-active: var(--color-brand-orange);--sidebar-hover: rgba(0, 0, 0, .04);--sidebar-active-bg: rgba(214, 66, 4, .08);--sidebar-border: #eee;--color-status-active: #10b981;--color-status-invited: #6366f1;--color-status-closed: #9ca3af}*{box-sizing:border-box}button:focus:not(:focus-visible){outline:none}body{margin:0;font-family:var(--font-family-base);color:var(--color-text-body);background:var(--color-bg-light);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.stack{display:grid;gap:var(--space-element-gap)}