:root{color:#1c2940;font-synthesis:none;background:#f5f7fb;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f09e42}h1{margin:0 0 1rem;font-size:clamp(1.8rem,4vw,2.65rem);line-height:1.15}h2{font-size:1.15rem;line-height:1.35}p{color:#65718a;line-height:1.65}.app{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:3;background:#14274b;flex-direction:column;width:252px;padding:32px 18px;display:flex;position:fixed;inset:0 auto 0 0}.logo{letter-spacing:-.06em;color:#fff;font-size:1.65rem;font-weight:850}.logo span{color:#f0a350}.logo.dark{color:#14274b}.side-caption{letter-spacing:.12em;color:#93a6c3;margin:42px 12px 15px;font-size:.68rem;font-weight:700}nav{gap:6px;display:grid}.sidebar button{color:#d4deee;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;padding:13px;display:flex}.sidebar button:hover,.sidebar button.active{color:#fff;background:#30476b}.logout{margin-top:auto}.content{width:100%;margin-left:252px;padding:0 clamp(24px,5vw,76px) 70px}.content header{color:#65718a;justify-content:space-between;padding:28px 0 45px;font-size:.88rem;display:flex}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:28px;display:grid}.card,.empty{background:#fff;border:1px solid #e0e6ef;border-radius:14px;padding:24px}.card p{font-size:.94rem}.icon{color:#2256a5;background:#eaf1fc;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.card button,form button{color:#fff;background:#2457a5;border:0;border-radius:8px;padding:13px 20px;font-weight:700}.card button:hover,form button:hover{background:#183f80}.empty{color:#65718a}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e3e8f0;border-radius:18px;width:min(100%,440px);padding:38px;box-shadow:0 12px 40px #18345c10}form{gap:18px;margin-top:24px;display:grid}label{gap:8px;font-size:.9rem;font-weight:700;display:grid}input{color:#1c2940;border:1px solid #a9b6c9;border-radius:8px;width:100%;padding:13px}.text-button{color:#2457a5;background:0 0;border:0;padding:15px 0;font-weight:700}.error{color:#9a3029;background:#fff2f1;border-radius:8px;margin-bottom:20px;padding:14px}.menu-toggle{display:none}@media (width<=700px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.menu-toggle{z-index:4;color:#14274b;background:#fff;border:1px solid #d9e0ec;border-radius:9px;padding:8px;display:block;position:fixed;top:16px;right:16px}.content{margin:0;padding:0 22px 40px}.content header{gap:12px;padding:25px 48px 36px 0}.login-card{padding:28px}}.panel{background:#fff;border:1px solid #e0e6ef;border-radius:14px;margin:20px 0;padding:24px}.panel button{color:#fff;background:#2457a5;border:0;border-radius:8px;padding:12px 18px;font-weight:700}.panel form{margin-top:16px}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.admin-lesson{border-top:1px solid #e0e6ef;padding:10px 0 22px}.notice{color:#1c6943;background:#e9f7ef;border-radius:8px;margin:15px 0;padding:14px}textarea,select{width:100%;font:inherit;color:#1c2940;background:#fff;border:1px solid #a9b6c9;border-radius:8px;padding:12px}textarea{resize:vertical;min-height:95px}.check{align-items:center;gap:10px;font-weight:400;line-height:1.4;display:flex}.check input{width:auto}fieldset{border:1px solid #d8dfeb;border-radius:8px;gap:10px;padding:14px;display:grid}legend{font-weight:700}.calendar{border-collapse:collapse;table-layout:fixed;width:100%}.calendar th,.calendar td{text-align:center;padding:4px}.calendar td button{color:#163c78;background:#edf2fa;width:100%;padding:8px 2px}.calendar td button[aria-pressed=true]{color:#fff;background:#2457a5}@media (width<=500px){.calendar td button{font-size:.75rem}}.brand-logo{justify-content:center;align-items:center;width:100%;display:flex}.brand-logo img{object-fit:contain;width:100%;max-width:240px;height:auto;display:block}.brand-logo-sidebar{background:#fff;border-radius:10px;padding:8px 10px}.login-card .brand-logo{justify-content:flex-start}.login-card .brand-logo img{max-width:205px}.login-card h1{margin-top:26px;font-size:1.8rem}.avatar{color:#26467b;background:#e8edf8;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.8rem;font-weight:700;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-large{width:5rem;height:5rem;font-size:1.5rem}.member-identity{align-items:center;gap:.65rem;display:inline-flex}.avatar-editor{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}:root{color:#172b4d;background:#f7f8fc}.sidebar{color:#172b4d;z-index:8;background:#fff;border-right:1px solid #e6eaf1;width:252px;padding:0 14px 18px;transition:width .2s,transform .2s;overflow:hidden}.sidebar-brand{border-bottom:1px solid #edf0f5;align-items:center;height:80px;margin-bottom:18px;padding:13px 9px;display:flex}.brand-logo-sidebar{background:0 0;justify-content:flex-start;padding:0}.brand-logo-sidebar img{max-width:170px}.sidebar nav{flex-direction:column;gap:4px;display:flex;overflow:hidden auto}.sidebar button{color:#64738b;white-space:nowrap;padding:11px 13px;font-size:.9rem;font-weight:600}.sidebar button svg{flex:none}.sidebar button:hover{color:#173e79;background:#f4f6fb}.sidebar button.active{color:#174d9e;background:#eaf1ff}.sidebar .logout{border-top:1px solid #edf0f5;border-radius:0;margin-top:auto;padding-top:18px}.content{width:calc(100% - 252px);min-width:0;margin-left:252px;padding:0 clamp(20px,4vw,60px) 64px;transition:margin-left .2s,width .2s}.content .app-header{z-index:5;background:#f7f8fc;border-bottom:1px solid #e9edf4;align-items:center;gap:12px;min-height:72px;margin-bottom:32px;padding:12px 0;display:flex;position:sticky;top:0}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-button{color:#52627c;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:relative}.icon-button:hover,.account-trigger:hover{background:#eaf0fa}.bell-count{color:#fff;text-align:center;background:#c53443;border-radius:12px;min-width:18px;height:18px;font-size:10px;line-height:18px;position:absolute;top:0;right:0}.account-trigger{color:#253752;background:0 0;border:0;border-radius:24px;align-items:center;gap:9px;padding:5px;font-weight:600;display:flex}.header-popover{position:relative}.popover-panel{z-index:10;background:#fff;border:1px solid #e3e9f1;border-radius:14px;width:min(360px,100vw - 36px);position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 16px 40px #14274b1c}.popover-heading{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.popover-heading .text-button{padding:8px}.notification-row{text-align:left;color:#263956;background:#fff;border:0;border-bottom:1px solid #f0f2f6;gap:4px;width:100%;padding:13px 16px;display:grid}.notification-row.unread{background:#f1f6ff}.notification-row span{color:#65718a;font-size:.85rem}.popover-empty{padding:0 16px}.account-popover{width:200px;padding:6px}.account-popover button{text-align:left;color:#263956;background:#fff;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.account-popover button:hover{background:#f0f4fb}.sidebar-collapsed .sidebar{width:74px}.sidebar-collapsed .sidebar nav button,.sidebar-collapsed .sidebar-logout{justify-content:center}.sidebar-collapsed .sidebar nav button span,.sidebar-collapsed .sidebar-logout span{display:none}.sidebar-collapsed .brand-logo-sidebar img{object-fit:cover;object-position:left;width:42px;max-width:none;height:42px}.sidebar-collapsed .content{width:calc(100% - 74px);margin-left:74px}.mobile-menu,.mobile-close,.sidebar-backdrop{display:none}.card,.panel,.empty{box-shadow:0 3px 14px #182f5108}.card button,.panel button,form button{transition:background .15s,transform .15s}.card button:disabled,.panel button:disabled,form button:disabled{opacity:.6;cursor:wait}@media (width<=700px){.sidebar,.sidebar-collapsed .sidebar{width:270px;transform:translate(-100%);box-shadow:0 10px 30px #14274b22}.sidebar.open,.sidebar-collapsed .sidebar.open{transform:translate(0)}.sidebar-collapsed .sidebar nav button,.sidebar-collapsed .sidebar-logout{justify-content:flex-start}.sidebar-collapsed .sidebar nav button span,.sidebar-collapsed .sidebar-logout span{display:inline}.sidebar-collapsed .brand-logo-sidebar img{width:170px;height:auto}.sidebar-backdrop{z-index:7;background:#111c3180;border:0;display:block;position:fixed;inset:0}.mobile-menu,.mobile-close{display:inline-flex}.mobile-close{margin-left:auto}.desktop-collapse{display:none}.content,.sidebar-collapsed .content{width:100%;margin:0;padding:0 18px 48px}.content .app-header{min-height:64px;margin-bottom:24px;padding:10px 0}.account-trigger span{display:none}.content h1{font-size:1.8rem}}.confirm-dialog{color:#172b4d;border:0;border-radius:16px;width:min(460px,100vw - 32px);padding:26px;box-shadow:0 20px 70px #172b4d38}.confirm-dialog::backdrop{background:#14223c99}.confirm-dialog h2{font-size:1.2rem}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.dialog-actions button{border:0;border-radius:8px;padding:11px 16px;font-weight:700}.dialog-actions .secondary-button{color:#31425c;background:#eef2f7}.dialog-actions .danger-button{color:#fff;background:#b9293a}.file-picker{color:#25579d;text-align:center;cursor:pointer;background:#f8faff;border:1.5px dashed #a9b9d0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:145px;padding:20px;display:flex;position:relative}.file-picker:hover,.file-picker:focus-within{background:#eff5ff;border-color:#2457a5}.file-picker small{color:#65718a;font-weight:400}.file-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}progress{accent-color:#2457a5;width:100%;height:10px}.course-progress{gap:8px;margin:20px 0;display:grid}.course-progress progress{max-width:440px}.course-sections{gap:16px;display:grid}.course-section{background:#fff;border:1px solid #e1e8f2;border-radius:14px;padding:8px 20px}.course-section h2{font-size:1rem}.course-lesson{border-top:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.course-lesson button{white-space:nowrap;color:#184d99;background:#eaf1ff;border:0;border-radius:8px;padding:10px 14px;font-weight:700}.primary-action{color:#fff;background:#2457a5;border:0;border-radius:9px;align-items:center;gap:8px;margin:12px 0;padding:12px 16px;font-weight:700;display:inline-flex}.form-dialog{color:#172b4d;border:0;border-radius:16px;width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;overflow:auto;box-shadow:0 20px 70px #172b4d38}.form-dialog::backdrop{background:#14223c99}.dialog-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.dialog-heading h2{margin:0}.form-dialog .panel{box-shadow:none;border:0;margin:14px 0;padding:0}.form-dialog .panel h2,.form-dialog .panel h3{display:none}.form-dialog form{margin-top:12px}input[type=file]::file-selector-button{color:#184d99;font:inherit;cursor:pointer;background:#eaf1ff;border:0;border-radius:7px;margin-right:12px;padding:9px 12px;font-weight:700}.offer-list{gap:10px;max-width:850px;display:grid}.offer-item{text-align:left;color:#182e50;background:#fff;border:1px solid #e0e7f1;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:18px 20px;display:flex}.offer-item:hover{background:#fbfcff;border-color:#9cb8de}.offer-item>span:first-child{gap:5px;display:grid}.offer-item small,.coaching-right small,.right-row small{color:#738197;font-size:.8rem;display:block}.back-link{color:#4a658c;background:0 0;border:0;align-items:center;gap:8px;margin-bottom:12px;padding:8px 0;font-weight:600;display:inline-flex}.editor-heading,.lesson-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin:6px 0 20px;display:flex}.editor-heading h2{margin:0;font-size:1.55rem}.editor-heading p,.lesson-heading p{margin:5px 0}.status-pill{color:#2457a5;white-space:nowrap;background:#eaf1ff;border-radius:30px;padding:6px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.content-tabs{border-bottom:1px solid #dfe7f1;gap:4px;margin:18px 0 22px;display:flex;overflow-x:auto}.content-tabs button{color:#687a93;background:0 0;border:0;border-bottom:3px solid #0000;flex:none;padding:11px 13px;font-weight:600}.content-tabs button[aria-selected=true]{color:#194f9c;border-bottom-color:#2457a5}.settings-card{background:#fff;border:1px solid #e0e7f0;border-radius:14px;gap:16px;padding:24px;display:grid;box-shadow:0 3px 14px #182f5108}.settings-card h3{margin:0;font-size:1.05rem}.settings-card p{color:#738197;margin:4px 0;font-size:.9rem}.settings-card>form{margin:0}.settings-card>button,.settings-card form button{width:fit-content}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field-grid label{min-width:0}.section-title{align-items:flex-start;gap:12px;display:flex}.section-title>svg{color:#2457a5;flex:none}.access-list{margin:0;padding:0;list-style:none}.access-list li,.right-row,.coaching-right{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.right-row{font-weight:400}.right-row input{accent-color:#2457a5;width:18px;height:18px}.coaching-right{flex-wrap:wrap;margin:0}.coaching-right>div{flex:1;min-width:130px}.coaching-right label{width:100px}.coaching-right input{padding:8px}.link-danger{color:#a52d40!important;background:0 0!important;border:0!important;padding:6px!important}.program-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.program-outline{background:#fff;border:1px solid #e1e8f2;border-radius:14px;gap:4px;padding:12px;display:grid}.program-outline button,.list-link{color:#546781;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;min-width:0;padding:10px;font-weight:600;display:flex}.program-outline button span,.list-link span{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.program-outline button:hover,.list-link:hover,.program-outline button.outline-active{color:#1b55a5;background:#eef4ff}.program-outline .outline-lesson{padding-left:30px;font-size:.85rem}.program-outline small{color:#98a3b3;font-size:.65rem}.program-outline .outline-add{color:#2457a5}.program-main{min-width:0}.outline-items{gap:2px;display:grid}.step-editor{border:1px solid #e6ebf2;border-radius:10px;padding:14px}.step-editor>small{color:#76849a;margin:5px 0;display:block}.lesson-heading h3{margin:0;font-size:1.25rem}.program-main details summary{color:#2457a5;cursor:pointer;font-weight:700}.program-main details form{margin-top:16px}@media (width<=700px){.program-layout{grid-template-columns:1fr}.program-outline{max-height:280px;overflow-y:auto}.field-grid{grid-template-columns:1fr}.settings-card{padding:18px}.editor-heading{flex-wrap:wrap}.content-tabs{margin-left:-4px;margin-right:-4px}}.content-tabs button{align-items:center;gap:7px;display:inline-flex}.learning-layout{grid-template-columns:minmax(220px,270px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.learning-outline{background:#fff;border:1px solid #e1e8f2;border-radius:14px;gap:12px;padding:20px;display:grid}.learning-outline h3{text-transform:uppercase;letter-spacing:.04em;color:#71819a;margin:15px 0 6px;font-size:.75rem}.learning-outline button{text-align:left;color:#4e607b;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px;display:flex}.learning-outline button.active{color:#194f9c;background:#eaf1ff;font-weight:700}.learning-outline button span,.learning-content{min-width:0}.lesson-navigation{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:24px;display:flex}.lesson-navigation button{color:#2457a5;background:#fff;border:1px solid #d8e3f1;border-radius:8px;align-items:center;gap:5px;padding:10px 14px;font-weight:700;display:inline-flex}@media (width<=700px){.learning-layout{grid-template-columns:1fr}.learning-outline{max-height:230px;overflow-y:auto}}.lesson-solution{background:#eef9f4;border-left:3px solid #36a676;border-radius:6px;margin-top:14px;padding:12px 14px}.lesson-solution p{color:#315446;margin:5px 0}
