*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--dark: #004F59;--teal: #006D77;--mint: #83C5BE;--coral: #E29578;--cream: #EDF6F9;--gray: #444444;--lgray: #777777;--bg: #F5F6F8;--white: #FFFFFF;--border: #E5E7EB;--green-bg: #EBF7F0;--green-text: #065F46;--yellow-bg: #FFF3CD;--yellow-text: #92400E;--red-bg: #FEE2E2;--red-text: #991B1B;--radius: 8px;--radius-lg: 12px}body{font-family:Inter,system-ui,sans-serif;font-size:14px;color:var(--gray);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{text-decoration:none}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.portal-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.portal-body{display:flex;flex:1;overflow:hidden}.main-content{flex:1;overflow-y:auto;padding:24px;background:var(--bg)}.topbar{height:56px;background:var(--dark);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;z-index:10}.topbar-logo{display:flex;align-items:center;gap:10px}.logo-icon{width:30px;height:30px;background:var(--coral);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px}.logo-text{color:#fff;font-size:15px;font-weight:600}.logo-sub{color:var(--mint);font-size:11px}.topbar-right{display:flex;align-items:center;gap:12px}.role-badge{font-size:11px;font-weight:500;padding:3px 10px;border-radius:20px;color:#fff}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}.user-name{color:var(--mint);font-size:13px}.btn-switch{background:#ffffff1a;border:none;color:var(--mint);font-size:11px;padding:4px 10px;border-radius:4px}.sidebar{width:210px;background:var(--dark);flex-shrink:0;overflow-y:auto;padding:8px 0}.sidebar-section{font-size:10px;font-weight:600;color:var(--mint);letter-spacing:1px;padding:14px 20px 6px;text-transform:uppercase;opacity:.7}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 20px;color:var(--mint);font-size:13px;cursor:pointer;border-left:3px solid transparent;transition:background .1s;-webkit-user-select:none;user-select:none}.sidebar-item:hover{background:#83c5be14}.sidebar-item.active{color:#fff;background:#83c5be24;border-left-color:var(--coral)}.sidebar-item .icon{font-size:16px;width:18px;text-align:center}.card{background:var(--white);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:16px}.stat-card{background:#f8f9fa;border-radius:var(--radius);padding:14px 16px}.stat-label{font-size:12px;color:var(--lgray);margin-bottom:6px}.stat-value{font-size:22px;font-weight:600;color:#111}.stat-sub{font-size:11px;color:#aaa;margin-top:3px}.stat-alert .stat-value,.stat-alert .stat-sub{color:#b45309}.pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:3px 9px;border-radius:20px;white-space:nowrap}.pill-green{background:var(--green-bg);color:var(--green-text)}.pill-yellow{background:var(--yellow-bg);color:var(--yellow-text)}.pill-red{background:var(--red-bg);color:var(--red-text)}.pill-gray{background:#f3f4f6;color:#9ca3af}.pill-teal{background:var(--cream);color:var(--teal)}.btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:var(--radius);font-size:13px;font-weight:500;padding:7px 14px;transition:opacity .1s}.btn:hover{opacity:.88}.btn:active{opacity:.75}.btn-primary{background:var(--dark);color:#fff}.btn-teal{background:var(--cream);color:var(--dark);border:.5px solid var(--mint)}.btn-coral{background:var(--coral);color:#fff}.btn-ghost{background:none;border:none;color:var(--teal);font-size:12px;font-weight:500;padding:4px 0}.btn-outline{background:#f8f9fa;color:#444;border:.5px solid var(--border);font-size:12px}.btn-sm{font-size:11px;padding:4px 10px}.btn-full{width:100%;justify-content:center}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:0 8px 10px;font-size:11px;color:#aaa;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:10px 8px;border-top:.5px solid #F0F0F0;vertical-align:middle}.data-table tr:hover td{background:#fafafa}.progress-wrap{display:flex;align-items:center;gap:8px}.progress-bar{height:5px;background:#eee;border-radius:10px;overflow:hidden;flex:1}.progress-fill{height:100%;border-radius:10px}.form-group{margin-bottom:16px}.form-label{font-size:12px;font-weight:500;color:var(--gray);margin-bottom:6px;display:block}.form-input{width:100%;padding:8px 12px;border:.5px solid var(--border);border-radius:var(--radius);font-size:13px;color:var(--gray);background:var(--white);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #006d771a}.alert{padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:14px;display:flex;align-items:flex-start;gap:8px}.alert-success{background:var(--green-bg);color:var(--green-text);border:.5px solid #83C5BE}.alert-warn{background:var(--yellow-bg);color:var(--yellow-text)}.alert-error{background:var(--red-bg);color:var(--red-text)}.toggle{width:38px;height:21px;border-radius:11px;background:var(--teal);position:relative;flex-shrink:0}.toggle:after{content:"";position:absolute;top:3px;left:20px;width:15px;height:15px;border-radius:50%;background:#fff}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.page-title{font-size:18px;font-weight:600;color:#111}.page-sub{font-size:13px;color:var(--lgray);margin-top:3px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.section-label{font-size:11px;font-weight:600;color:var(--lgray);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.module-card{background:var(--white);border:.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .15s}.module-card:hover{box-shadow:0 2px 8px #0000000f}.module-stripe{height:6px}.module-body{padding:14px 16px}.course-row{background:var(--white);border:.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:10px}.course-row-header{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer}.course-row-body{border-top:.5px solid #F0F0F0;padding:18px;background:#f8fcfd}.login-wrap{min-height:100vh;background:var(--dark);display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--white);border-radius:16px;padding:36px;width:100%;max-width:400px}.num-badge{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;flex-shrink:0}.alert-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.divider{border:none;border-top:.5px solid var(--border);margin:14px 0}.video-placeholder{background:#111;border-radius:8px;height:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;margin-bottom:12px}.email-preview{background:#f8f9fa;border:.5px solid var(--border);border-radius:var(--radius);padding:14px;font-family:monospace;font-size:12px;color:#333;line-height:1.9}.setting-row{display:flex;justify-content:space-between;align-items:flex-start;padding:13px 0;border-bottom:.5px solid #F0F0F0}.setting-row:last-child{border-bottom:none}.setting-label{font-size:13px;font-weight:500;color:#111}.setting-note{font-size:11px;color:var(--lgray);margin-top:2px}.setting-value{font-size:13px;font-weight:500;color:var(--teal);text-align:right;max-width:240px}