@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.login-page{min-height:100vh;width:100%;background-color:#eef0ee;background-image:radial-gradient(circle at 20% 20%,rgba(200,215,205,.5) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(190,210,200,.4) 0%,transparent 50%);font-family:Inter,sans-serif;display:flex;flex-direction:column}.login-navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#fff;border-bottom:1px solid #e5e7e6;position:relative}.nav-brand{display:flex;align-items:center;gap:10px}.nav-icon{width:38px;height:38px;border-radius:10px;background:#1a3d2e;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-title{font-size:15px;font-weight:700;color:#111;line-height:1.2}.nav-sub{font-size:9.5px;font-weight:600;color:#888;letter-spacing:.1em}.ssl-badge{display:flex;align-items:center;gap:6px}.ssl-text{font-size:12.5px;color:#666;font-weight:500}.nav-system-info{display:flex;align-items:center;gap:8px;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.nav-sys-chip{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#333;font-family:Inter,sans-serif;line-height:1}.nav-sys-divider{color:#ddd;font-size:14px;line-height:1;flex-shrink:0}.nav-sys-label{font-size:11px;font-weight:600;color:#aaa;letter-spacing:.02em;flex-shrink:0}.nav-sys-status{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;font-family:Inter,sans-serif;line-height:1}.nav-sys-status--active{color:#1a7a5e}.nav-sys-status-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #22c55e40;animation:pulse-dot 2s infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 2px #22c55e40}50%{box-shadow:0 0 0 5px #22c55e1a}}.login-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px}.login-card{width:100%;max-width:390px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 32px #00000017,0 1px 4px #0000000f}.card-header{position:relative;background:linear-gradient(145deg,#1a3d2e,#1e4d38 60%,#225040);padding:32px 24px 28px;display:flex;flex-direction:column;align-items:center;gap:12px;overflow:hidden}.card-header-dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);background-size:18px 18px;pointer-events:none}.key-icon-wrap{width:52px;height:52px;border-radius:50%;background:#ffffff21;border:1.5px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.login-page .card-header-title{color:#fff!important;font-size:17px!important;font-weight:700!important;letter-spacing:.01em!important;position:relative;z-index:1;margin:0!important;line-height:1.3!important}.card-body{padding:28px 28px 24px}.login-page .login-title{font-size:22px!important;font-weight:700!important;color:#111!important;margin-bottom:8px!important;margin-top:0!important;letter-spacing:normal!important}.login-desc{font-size:13.5px;color:#666;line-height:1.55;margin-bottom:22px}.mobile-label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:7px}.input-wrap{position:relative;margin-bottom:16px}.mobile-input{width:100%;padding:11px 40px 11px 14px;border:1.5px solid #dde0dd;border-radius:9px;font-size:14px;color:#222;background:#fff;font-family:Inter,sans-serif;transition:border-color .2s,box-shadow .2s}.mobile-input::placeholder{color:#bbb}.mobile-input:focus{outline:none;border-color:#1a5c45;box-shadow:0 0 0 3px #1a5c451f}.input-icon{position:absolute;right:13px;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none}.otp-btn{width:100%;padding:13px 20px;background:#1a3d2e;color:#fff;border:none;border-radius:9px;font-size:15px;font-weight:700;font-family:Inter,sans-serif;letter-spacing:.01em;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px;cursor:pointer;transition:background .2s,opacity .2s}.otp-btn:hover:not(:disabled){background:#1a5c45}.otp-btn:disabled{opacity:.8;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}.secure-badge{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;background:#f0faf5;border:1px solid #c6e8d8;border-radius:8px;margin-bottom:20px}.secure-badge-text{font-size:11.5px;font-weight:700;color:#1a5c45;letter-spacing:.09em}.card-divider{height:1px;background:#eee;margin-bottom:16px}.card-footer-links{display:flex;justify-content:space-between}.footer-link{font-size:12.5px;color:#888;text-decoration:none;font-weight:500;transition:color .15s}.footer-link:hover{color:#1a3d2e}.legal-text{margin-top:24px;font-size:11.5px;color:#999;text-align:center;line-height:1.7;max-width:380px}.device-info-panel{margin-bottom:18px;border:1px solid #e2e8e4;border-radius:8px;overflow:hidden;font-size:12px}.device-info-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f3f7f5;color:#1a7a5e;font-weight:600;font-size:11px;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #e2e8e4}.device-info-toggle{margin-left:auto;background:none;border:none;color:#1a7a5e;font-size:10px;font-weight:600;cursor:pointer;padding:0;letter-spacing:.02em;text-transform:uppercase;opacity:.75;transition:opacity .15s}.device-info-toggle:hover{opacity:1}.device-info-rows{padding:6px 0;background:#fafcfb}.device-info-row{display:flex;align-items:baseline;gap:8px;padding:4px 12px;border-bottom:1px solid #f0f4f2}.device-info-row:last-child{border-bottom:none}.device-info-key{flex-shrink:0;width:90px;color:#888;font-size:11px;font-weight:500}.device-info-val{color:#2d3a35;font-size:12px;font-weight:500;word-break:break-all}.device-info-val.mono{font-family:Courier New,Courier,monospace;font-size:11px;color:#1a7a5e}.sidebar{width:60px;min-width:60px;height:100vh;background:#fff;display:flex;flex-direction:column;padding:0;position:fixed;left:0;top:0;z-index:100;border-right:1px solid #d8dde3;box-shadow:none;transition:width .25s ease;overflow:hidden}.sidebar:hover,.sidebar.sidebar--pinned{width:210px}.sidebar__top{position:relative;display:flex;align-items:center;border-bottom:1px solid #dbe1e6;min-height:56px;width:100%;overflow:hidden}.sidebar__menu-btn{position:absolute;top:50%;left:9px;right:auto;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:42px;background:transparent;border-radius:10px;border:none;cursor:pointer;color:#1a2e1a;flex-shrink:0;padding:0;z-index:2}.sidebar:hover .sidebar__menu-btn,.sidebar--pinned .sidebar__menu-btn{left:auto;right:6px}.sidebar__menu-btn:hover{background:#eef3f7}.sidebar__menu-icon{display:flex;flex-direction:column;gap:5px}.sidebar__menu-icon span{display:block;width:18px;height:2px;background:#355274;border-radius:2px;transition:all .2s ease}.sidebar--pinned .sidebar__menu-icon span:nth-child(1){transform:translateY(7px) rotate(45deg)}.sidebar--pinned .sidebar__menu-icon span:nth-child(2){opacity:0}.sidebar--pinned .sidebar__menu-icon span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar__logo{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 60px;cursor:pointer;margin-bottom:0;white-space:nowrap;flex-shrink:0;width:210px;transition:padding .25s ease}.sidebar:hover .sidebar__logo,.sidebar--pinned .sidebar__logo{padding:10px 56px 10px 12px}.sidebar__logo-icon{width:36px;height:36px;min-width:36px;background:#1a2e1a;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__logo-text{display:flex;flex-direction:column;opacity:0;transition:opacity .18s ease}.sidebar:hover .sidebar__logo-text,.sidebar--pinned .sidebar__logo-text{opacity:1}.sidebar__logo-title{font-size:14px;font-weight:700;color:#1a2e1a;letter-spacing:.2px;font-family:Outfit,sans-serif}.sidebar__logo-role{font-size:11px;color:#0006;font-family:Outfit,sans-serif}.sidebar__nav{flex:1;display:flex;flex-direction:column;padding:10px 6px 6px;gap:4px;overflow:hidden}.sidebar__nav-item{display:flex;align-items:center;gap:10px;padding:12px 14px 12px 19px;border-radius:10px;border:none;background:transparent;color:#355274;font-size:14px;font-family:Outfit,sans-serif;font-weight:400;cursor:pointer;text-align:left;width:100%;transition:padding .25s ease,background .18s ease,color .18s ease;white-space:nowrap;overflow:hidden}.sidebar:hover .sidebar__nav-item,.sidebar--pinned .sidebar__nav-item{padding:12px 14px}.sidebar__nav-item:hover{background:#eef3f7;color:#16334f}.sidebar__nav-item--active{background:#cfd8d7;color:#065f57;font-weight:600;box-shadow:inset -4px 0 #0f766e}.sidebar__nav-item--active:hover{background:#c7d2d1}.sidebar__nav-item--separated{margin-top:8px;border-top:1px solid #dbe1e6;border-radius:0;padding-top:14px}.sidebar__nav-item--separated.sidebar__nav-item--active{border-radius:10px}.sidebar__nav-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;min-width:22px;flex-shrink:0;line-height:0}.sidebar__nav-icon svg{width:22px;height:22px}.sidebar__nav-label{letter-spacing:.1px;opacity:0;transition:opacity .18s ease}.sidebar:hover .sidebar__nav-label,.sidebar--pinned .sidebar__nav-label{opacity:1}.sidebar__footer{padding:16px 14px 24px;border-top:1px solid #dbe1e6;white-space:nowrap;width:210px;flex-shrink:0;opacity:0;transition:opacity .18s ease}.sidebar:hover .sidebar__footer,.sidebar--pinned .sidebar__footer{opacity:1}.sidebar__logout-btn{display:flex;align-items:center;gap:10px;width:100%;border:none;border-radius:10px;background:#eef3f7;color:#355274;padding:10px 12px;font-family:Outfit,sans-serif;font-size:14px;cursor:pointer;transition:all .18s ease}.sidebar__logout-btn:hover{background:#dfe8f0}.sidebar__logout-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;min-width:22px;line-height:0}.sidebar__logout-icon svg{width:20px;height:20px}.sidebar__logout-label{opacity:0;transition:opacity .18s ease}.sidebar:hover .sidebar__logout-label,.sidebar--pinned .sidebar__logout-label{opacity:1}.sidebar__dropdown-wrap{display:flex;flex-direction:column;width:100%}.sidebar__chevron{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;opacity:0;transition:opacity .18s ease,transform .22s ease;color:#355274}.sidebar:hover .sidebar__chevron,.sidebar--pinned .sidebar__chevron{opacity:1}.sidebar__chevron--open{transform:rotate(180deg)}.sidebar__nav-item--has-arrow{display:flex;align-items:center}.sidebar__sub-menu{max-height:0;overflow:hidden;transition:max-height .28s ease;display:flex;flex-direction:column;padding-left:14px}.sidebar:hover .sidebar__sub-menu--open,.sidebar--pinned .sidebar__sub-menu--open{max-height:200px}.sidebar__sub-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;border:none;background:transparent;color:#4a6580;font-size:13px;font-family:Outfit,sans-serif;font-weight:400;cursor:pointer;text-align:left;width:100%;white-space:nowrap;overflow:hidden;transition:background .15s ease,color .15s ease;position:relative}.sidebar__sub-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:14px;background:#c8d6e0;border-radius:2px;transition:background .15s ease}.sidebar__sub-item:hover{background:#eef3f7;color:#16334f}.sidebar__sub-item:hover:before{background:#355274}.sidebar__sub-item--active{background:#cfd8d7;color:#065f57;font-weight:600}.sidebar__sub-item--active:before{background:#0f766e}.sidebar__sub-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;min-width:18px;flex-shrink:0;line-height:0}.sidebar__sub-icon svg{width:16px;height:16px}.sidebar__sub-label{font-size:13px;letter-spacing:.1px}@media (max-width: 768px){.sidebar{transform:translate(-100%);width:210px;transition:transform .25s ease,width .25s ease;z-index:200}.sidebar:hover{transform:translate(-100%);width:210px}.sidebar.sidebar--pinned{transform:translate(0);width:210px}.sidebar.sidebar--pinned .sidebar__nav-label,.sidebar.sidebar--pinned .sidebar__logo-text,.sidebar.sidebar--pinned .sidebar__logout-label,.sidebar.sidebar--pinned .sidebar__chevron,.sidebar.sidebar--pinned .sidebar__footer{opacity:1}.sidebar.sidebar--pinned .sidebar__sub-menu--open{max-height:200px}.sidebar.sidebar--pinned .sidebar__menu-btn{left:auto;right:6px}.sidebar.sidebar--pinned .sidebar__logo{padding:10px 56px 10px 12px}.sidebar.sidebar--pinned:before{content:"";position:fixed;top:0;right:0;bottom:0;left:210px;background:#00000059;z-index:-1}}.header{height:60px;background:#fff;border-bottom:1px solid #e8ede8;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:50;box-shadow:0 1px 4px #0000000f}.header__search{display:flex;align-items:center;gap:10px;background:#f5f7f5;border:1px solid #e2e8e2;border-radius:10px;padding:9px 16px;width:340px;transition:border-color .2s}.header__search:focus-within{border-color:#2d5a2d;background:#fff}.header__search-icon{color:#9aab9a;flex-shrink:0}.header__search-input{border:none;background:transparent;outline:none;font-size:13.5px;color:#374137;font-family:Outfit,sans-serif;width:100%}.header__search-input::placeholder{color:#aabcaa}.header__right{display:flex;align-items:center;gap:20px}.header__bell{position:relative;width:38px;height:38px;border-radius:10px;border:1px solid #e2e8e2;background:#f5f7f5;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5a6e5a;transition:all .18s}.header__bell:hover{background:#eef2ee;color:#1a2e1a}.header__bell-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;background:#e53935;border-radius:50%;border:2px solid #fff}.header__user{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 10px;border-radius:10px;transition:background .18s}.header__user:hover{background:#f5f7f5}.header__user-info{display:flex;flex-direction:column;text-align:right}.header__user-name{font-size:13.5px;font-weight:600;color:#1a2e1a;font-family:Outfit,sans-serif;line-height:1.2}.header__user-role{font-size:11px;color:#8a9e8a;font-family:Outfit,sans-serif}.header__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#d4a84b,#e8c46a);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;font-family:Outfit,sans-serif;flex-shrink:0}.header__user svg{color:#8a9e8a}.header__hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;padding:8px;border:none;background:transparent;cursor:pointer;border-radius:8px;flex-shrink:0;transition:background .15s}.header__hamburger:hover{background:#f0f4f0}.header__hamburger span{display:block;width:20px;height:2px;background:#355274;border-radius:2px;transition:all .2s ease}@media (max-width: 768px){.header{padding:0 14px;gap:10px}.header__hamburger{display:flex}.header__search{flex:1;width:auto;min-width:0}.header__right{gap:8px}.header__user-info{display:none}.header__user{padding:4px 6px;gap:6px}}@media (max-width: 400px){.header__search{width:38px;padding:9px;overflow:hidden}.header__search-input{display:none}}.super-admin-layout{display:flex;min-height:100vh;background:#f0f4f0}.super-admin-layout__main{flex:1;margin-left:60px;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;transition:margin-left .25s ease}.super-admin-layout:has(.sidebar:hover) .super-admin-layout__main,.super-admin-layout:has(.sidebar.sidebar--pinned) .super-admin-layout__main{margin-left:210px}.super-admin-layout__content{flex:1;padding:0;overflow-y:auto}@media (max-width: 768px){.super-admin-layout__main{margin-left:0}.super-admin-layout:has(.sidebar:hover) .super-admin-layout__main,.super-admin-layout:has(.sidebar.sidebar--pinned) .super-admin-layout__main{margin-left:0}.super-admin-layout__backdrop{display:block}}.super-admin-layout__backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:199}.dashboard{opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}.dashboard--visible{opacity:1;transform:translateY(0)}.dashboard__heading{margin-bottom:24px}.dashboard__title{font-size:24px;font-weight:700;color:#1a2e1a;font-family:Outfit,sans-serif;margin:0 0 4px}.dashboard__subtitle{font-size:13.5px;color:#7a8e7a;font-family:Outfit,sans-serif;margin:0}.dashboard__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-card{background:#fff;border-radius:14px;padding:20px 20px 18px;box-shadow:0 1px 6px #0000000f;border:1px solid #edf2ed;animation:cardIn .4s ease both;transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.stat-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.stat-card__icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center}.stat-card__change{font-size:12px;font-weight:600;font-family:Outfit,sans-serif;border-radius:6px;padding:3px 8px}.stat-card__change--up{color:#2a7a3a;background:#eaf6ec}.stat-card__change--down{color:#c0392b;background:#fdecea}.stat-card__change--steady{color:#7a6a2d;background:#fdf7e6}.stat-card__label{font-size:12.5px;color:#8a9e8a;font-family:Outfit,sans-serif;margin-bottom:4px}.stat-card__value{font-size:26px;font-weight:700;color:#1a2e1a;font-family:Outfit,sans-serif;letter-spacing:-.5px}.dashboard__chart-card{background:#fff;border-radius:14px;padding:22px 24px 16px;box-shadow:0 1px 6px #0000000f;border:1px solid #edf2ed;margin-bottom:22px}.dashboard__chart-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.dashboard__chart-title{font-size:16px;font-weight:700;color:#1a2e1a;font-family:Outfit,sans-serif;margin:0 0 3px}.dashboard__chart-sub{font-size:12.5px;color:#9aae9a;font-family:Outfit,sans-serif;margin:0}.dashboard__chart-toggle{display:flex;background:#f2f6f2;border-radius:9px;padding:3px;gap:2px}.toggle-btn{padding:6px 14px;border-radius:7px;border:none;background:transparent;font-size:13px;font-family:Outfit,sans-serif;font-weight:500;color:#7a8e7a;cursor:pointer;transition:all .18s}.toggle-btn--active{background:#1a3a1a;color:#fff}.dashboard__chart-area{height:200px;margin:0 -4px}.dashboard__chart-labels{display:flex;justify-content:space-between;margin-top:8px;padding:0 4px}.dashboard__chart-label{font-size:11px;color:#aabcaa;font-family:Outfit,sans-serif}.dashboard__bottom{display:grid;grid-template-columns:1fr 320px;gap:16px}.dashboard__enrollments,.dashboard__performance{background:#fff;border-radius:14px;padding:22px 24px;box-shadow:0 1px 6px #0000000f;border:1px solid #edf2ed}.dashboard__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dashboard__section-title{font-size:15.5px;font-weight:700;color:#1a2e1a;font-family:Outfit,sans-serif;margin:0 0 18px}.dashboard__section-header .dashboard__section-title{margin-bottom:0}.dashboard__view-all{font-size:13px;font-weight:600;color:#2d7a4a;background:none;border:none;cursor:pointer;font-family:Outfit,sans-serif;padding:0;transition:color .15s}.dashboard__view-all:hover{color:#1a5a2a}.enrollments__thead{display:grid;grid-template-columns:160px 1fr 110px 90px;gap:8px;padding:0 0 10px;border-bottom:1px solid #edf2ed;margin-bottom:6px}.enrollments__thead span{font-size:11px;font-weight:700;color:#aabcaa;letter-spacing:.6px;font-family:Outfit,sans-serif}.enrollments__row{display:grid;grid-template-columns:160px 1fr 110px 90px;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #f4f8f4}.enrollments__row:last-child{border-bottom:none}.enrollments__student{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;color:#2a3e2a;font-family:Outfit,sans-serif}.enrollments__avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;font-family:Outfit,sans-serif;flex-shrink:0}.enrollments__course{font-size:13px;color:#4a5e4a;font-family:Outfit,sans-serif}.enrollments__status{font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:6px;font-family:Outfit,sans-serif;display:inline-block}.enrollments__status--completed{color:#2a7a3a;background:#eaf6ec}.enrollments__status--processing{color:#8a6a00;background:#fdf5d0}.enrollments__time{font-size:12px;color:#aabcaa;font-family:Outfit,sans-serif}.perf__list{display:flex;flex-direction:column;gap:18px;margin-bottom:20px}.perf__row{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.perf__name{font-size:13.5px;font-weight:500;color:#2a3e2a;font-family:Outfit,sans-serif}.perf__pct{font-size:13px;font-weight:600;color:#4a6e4a;font-family:Outfit,sans-serif}.perf__bar{width:100%;height:7px;background:#edf2ed;border-radius:4px;overflow:hidden}.perf__bar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.perf__analytics-btn{width:100%;padding:11px;border-radius:10px;border:1.5px solid #d0ddd0;background:#fff;font-size:13.5px;font-weight:600;color:#2a3e2a;font-family:Outfit,sans-serif;cursor:pointer;transition:all .18s}.perf__analytics-btn:hover{background:#f2f6f2;border-color:#b0c8b0}@media (max-width: 1100px){.dashboard__stats{grid-template-columns:repeat(2,1fr)}.dashboard__bottom{grid-template-columns:1fr}}.add-course{min-height:100vh;background:#f0f2f5;font-family:Outfit,sans-serif;padding-bottom:40px}.add-course__topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;background:#f0f2f5;border-bottom:1px solid #e5e7eb}.add-course__search-wrap{position:relative;display:flex;align-items:center}.add-course__search-icon{position:absolute;left:11px;color:#9ca3af;pointer-events:none}.add-course__search{padding:8px 12px 8px 34px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:13.5px;font-family:Outfit,sans-serif;color:#374151;width:200px;outline:none;transition:border-color .15s ease}.add-course__search::placeholder{color:#9ca3af}.add-course__search:focus{border-color:#1a3c1a}.add-course__topbar-actions{display:flex;align-items:center;gap:8px}.add-course__icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .15s ease}.add-course__icon-btn:hover{background:#e5e7eb;color:#111827}.add-course__page-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 16px}.add-course__title{font-size:24px;font-weight:700;color:#111827;margin:0 0 6px;font-family:Outfit,sans-serif}.add-course__breadcrumb{display:flex;align-items:center;font-size:11.5px;font-family:Outfit,sans-serif;letter-spacing:.04em}.add-course__breadcrumb-link{color:#9ca3af;cursor:pointer;font-weight:600;transition:color .15s ease}.add-course__breadcrumb-link:hover{color:#1a3c1a}.add-course__breadcrumb-sep{color:#9ca3af;margin:0 4px}.add-course__breadcrumb-current{color:#1a3c1a;font-weight:700}.add-course__back-btn{display:flex;align-items:center;gap:7px;padding:8px 16px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:13.5px;font-weight:500;font-family:Outfit,sans-serif;cursor:pointer;transition:all .15s ease}.add-course__back-btn:hover{background:#f9fafb;border-color:#9ca3af}.add-course__card{margin:0 28px;background:#fff;border-radius:14px;border:1px solid #e5e7eb;padding:28px}.add-course__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin-bottom:24px}.add-course__col-left,.add-course__col-right{display:flex;flex-direction:column;gap:18px}.add-course__field{display:flex;flex-direction:column;gap:8px}.add-course__field--full{margin-bottom:24px}.add-course__label{font-size:13.5px;font-weight:600;color:#374151;font-family:Outfit,sans-serif}.add-course__input{padding:10px 14px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;font-family:Outfit,sans-serif;color:#111827;outline:none;transition:border-color .15s ease}.add-course__input::placeholder{color:#9ca3af}.add-course__input:focus{border-color:#1a3c1a}.add-course__select-wrap{position:relative;display:flex;align-items:center}.add-course__select{width:100%;padding:10px 36px 10px 14px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;font-family:Outfit,sans-serif;color:#111827;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;transition:border-color .15s ease}.add-course__select:focus{border-color:#1a3c1a}.add-course__select-arrow{position:absolute;right:12px;color:#6b7280;pointer-events:none}.add-course__price-wrap{position:relative;display:flex;align-items:center}.add-course__price-symbol{position:absolute;left:14px;font-size:14px;color:#6b7280;font-family:Outfit,sans-serif;font-weight:500;pointer-events:none}.add-course__input--price{width:100%;padding-left:28px;box-sizing:border-box}.add-course__upload{border:2px dashed #d1d5db;border-radius:10px;background:#fafafa;padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:border-color .15s ease,background .15s ease;min-height:140px;position:relative}.add-course__upload:hover,.add-course__upload--dragover{border-color:#1a3c1a;background:#f0fdf4}.add-course__upload-icon{width:48px;height:48px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280}.add-course__upload-text{font-size:14px;font-weight:600;color:#374151;font-family:Outfit,sans-serif;margin:0;text-align:center}.add-course__upload-hint{font-size:12px;color:#9ca3af;font-family:Outfit,sans-serif;margin:0;text-align:center}.add-course__file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.add-course__thumb-preview{width:100%;height:120px;object-fit:cover;border-radius:8px}.add-course__published-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1.5px solid #e5e7eb;border-radius:10px;background:#fafafa}.add-course__published-info{display:flex;align-items:center;gap:12px}.add-course__published-eye{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#374151}.add-course__published-title{font-size:14px;font-weight:600;color:#111827;font-family:Outfit,sans-serif;margin:0 0 2px}.add-course__published-sub{font-size:10.5px;color:#0d9488;font-family:Outfit,sans-serif;letter-spacing:.05em;margin:0;text-transform:uppercase;font-weight:600}.add-course__toggle{position:relative;width:42px;height:24px;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease;padding:0;flex-shrink:0}.add-course__toggle--on{background:#1a3c1a}.add-course__toggle--off{background:#d1d5db}.add-course__toggle-thumb{position:absolute;top:4px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left .2s ease;box-shadow:0 1px 3px #0003}.add-course__toggle--on .add-course__toggle-thumb{left:22px}.add-course__toggle--off .add-course__toggle-thumb{left:4px}.add-course__textarea{padding:12px 14px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;font-family:Outfit,sans-serif;color:#111827;resize:vertical;outline:none;transition:border-color .15s ease;line-height:1.6}.add-course__textarea::placeholder{color:#9ca3af}.add-course__textarea:focus{border-color:#1a3c1a}.add-course__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:8px;border-top:1px solid #f0f1f3}.add-course__btn-cancel{padding:10px 24px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;font-family:Outfit,sans-serif;cursor:pointer;transition:all .15s ease}.add-course__btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.add-course__btn-submit{padding:10px 28px;border:none;border-radius:8px;background:#1a2e1a;color:#fff;font-size:14px;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;transition:background .15s ease}.add-course__btn-submit:hover{background:#2d5a2d}.add-course__label--accent{color:#0d9488}.courses{padding:0 0 32px;min-height:100vh;background:#f5f6f7;font-family:Outfit,sans-serif}.courses__topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#f5f6f7;border-bottom:1px solid #e5e7eb}.courses__breadcrumb{display:flex;align-items:center;gap:6px;font-size:13.5px;font-family:Outfit,sans-serif}.courses__breadcrumb-link{color:#6b7280;cursor:pointer}.courses__breadcrumb-link:hover{color:#111827}.courses__breadcrumb-sep{color:#9ca3af;font-size:15px}.courses__breadcrumb-current{color:#111827;font-weight:600}.courses__topbar-actions{display:flex;align-items:center;gap:8px}.courses__icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .15s ease}.courses__icon-btn:hover{background:#e5e7eb;color:#111827}.courses__btn-add{display:flex;align-items:center;gap:7px;padding:9px 18px;border:none;border-radius:8px;background:#1a3c1a;color:#fff;font-size:14px;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:background .15s ease}.courses__btn-add:hover{background:#2d5a2d}.courses__header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 16px}.courses__title{font-size:26px;font-weight:700;color:#111827;margin:0 0 4px;font-family:Outfit,sans-serif}.courses__subtitle{font-size:13.5px;color:#6b7280;margin:0;font-family:Outfit,sans-serif}.courses__header-right{display:flex;align-items:center;gap:10px}.courses__search-wrap{position:relative;display:flex;align-items:center}.courses__search-icon{position:absolute;left:11px;color:#9ca3af;pointer-events:none}.courses__search{padding:8px 12px 8px 34px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:13.5px;font-family:Outfit,sans-serif;color:#374151;width:220px;outline:none;transition:border-color .15s ease}.courses__search::placeholder{color:#9ca3af}.courses__search:focus{border-color:#1a3c1a}.courses__filter-btn{position:relative;display:flex;align-items:center;gap:6px;padding:8px 12px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:13.5px;font-family:Outfit,sans-serif;font-weight:500;color:#374151;cursor:pointer;transition:border-color .15s ease;white-space:nowrap}.courses__filter-btn:hover{border-color:#9ca3af}.courses__filter-select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.courses__filter-label{pointer-events:none}.courses__card{margin:0 28px;background:#fff;border-radius:14px;border:1px solid #e5e7eb;overflow:hidden}.courses__table{width:100%;border-collapse:collapse}.courses__table-head-row{border-bottom:1px solid #e5e7eb;background:#fff}.courses__th{padding:12px 20px;font-size:11px;font-weight:700;color:#9ca3af;letter-spacing:.07em;text-transform:uppercase;font-family:Outfit,sans-serif;text-align:left;white-space:nowrap}.courses__th--actions{text-align:right}.courses__table-row{border-bottom:1px solid #f0f1f3;transition:background .12s ease}.courses__table-row:last-child{border-bottom:none}.courses__table-row:hover{background:#fafafa}.courses__td{padding:16px 20px;vertical-align:middle}.courses__course-info{display:flex;align-items:center;gap:12px}.courses__course-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.courses__course-text{display:flex;flex-direction:column;gap:2px}.courses__course-name{font-size:14px;font-weight:600;color:#111827;font-family:Outfit,sans-serif}.courses__course-updated{font-size:12px;color:#9ca3af;font-family:Outfit,sans-serif}.courses__category-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12.5px;font-weight:600;font-family:Outfit,sans-serif}.courses__category-badge--development{background:#e8f5e9;color:#2e7d32}.courses__category-badge--design{background:#e3f2fd;color:#1565c0}.courses__category-badge--marketing{background:#fff8e1;color:#f57f17}.courses__category-badge--data{background:#f3e5f5;color:#6a1b9a}.courses__category-badge--business{background:#e8eaf6;color:#3730a3}.courses__students,.courses__revenue{font-size:14px;color:#374151;font-family:Outfit,sans-serif;font-weight:500}.courses__status-wrap{display:flex;align-items:center;gap:8px}.courses__toggle{position:relative;width:40px;height:22px;border:none;border-radius:11px;cursor:pointer;transition:background .2s ease;padding:0;flex-shrink:0}.courses__toggle--on{background:#1a3c1a}.courses__toggle--off{background:#d1d5db}.courses__toggle-thumb{position:absolute;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left .2s ease;box-shadow:0 1px 3px #0003}.courses__toggle--on .courses__toggle-thumb{left:21px}.courses__toggle--off .courses__toggle-thumb{left:3px}.courses__status-label{font-size:13.5px;font-family:Outfit,sans-serif;font-weight:500}.courses__status-label--live{color:#1a3c1a}.courses__status-label--draft{color:#9ca3af}.courses__td--actions{text-align:right}.courses__actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.courses__action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#9ca3af;border-radius:6px;cursor:pointer;transition:all .15s ease}.courses__action-btn:hover{background:#f3f4f6;color:#374151}.courses__action-btn--delete:hover{background:#fef2f2;color:#dc2626}.courses__loader{padding:18px 20px;border-top:1px solid #f0f1f3;display:flex;align-items:center;justify-content:center;min-height:56px}.courses__loader-inner{display:flex;align-items:center;gap:10px}.courses__loader-text{font-size:13px;color:#6b7280;font-family:Outfit,sans-serif}.courses__spinner{width:18px;height:18px;border:2px solid #e5e7eb;border-top-color:#1a3c1a;border-radius:50%;animation:courses-spin .7s linear infinite;flex-shrink:0}@keyframes courses-spin{to{transform:rotate(360deg)}}.courses__all-loaded{font-size:13px;color:#9ca3af;font-family:Outfit,sans-serif;margin:0}.acm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:acm-fade-in .18s ease}@keyframes acm-fade-in{0%{opacity:0}to{opacity:1}}.acm-modal{background:#fff;border-radius:16px;width:100%;max-width:760px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000002e;animation:acm-slide-up .22s ease;font-family:Outfit,sans-serif}@keyframes acm-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.acm-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 0}.acm-title{font-size:22px;font-weight:700;color:#111827;margin:0 0 4px}.acm-breadcrumb{font-size:11px;letter-spacing:.06em}.acm-breadcrumb-link{color:#9ca3af;font-weight:600}.acm-breadcrumb-sep{color:#d1d5db;margin:0 2px}.acm-breadcrumb-current{color:#9ca3af;font-weight:600}.acm-back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:13px;font-weight:600;font-family:Outfit,sans-serif;color:#374151;cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap}.acm-back-btn:hover{border-color:#9ca3af;background:#f9fafb}.acm-body{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;padding:20px 28px 0}.acm-col{display:flex;flex-direction:column;gap:18px}.acm-field{display:flex;flex-direction:column;gap:6px}.acm-field--full{padding:0 28px;margin-top:18px}.acm-label{font-size:13px;font-weight:600;color:#374151}.acm-input{padding:10px 13px;border:1.5px solid #d1d5db;border-radius:8px;font-size:13.5px;font-family:Outfit,sans-serif;color:#111827;outline:none;transition:border-color .15s;background:#fff}.acm-input::placeholder{color:#9ca3af}.acm-input:focus{border-color:#1a3c1a}.acm-select-wrap{position:relative;display:flex;align-items:center}.acm-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:10px 36px 10px 13px;border:1.5px solid #d1d5db;border-radius:8px;font-size:13.5px;font-family:Outfit,sans-serif;color:#374151;background:#fff;outline:none;cursor:pointer;transition:border-color .15s}.acm-select:focus{border-color:#1a3c1a}.acm-select-arrow{position:absolute;right:11px;color:#6b7280;pointer-events:none}.acm-plan-toggle{display:flex;gap:8px}.acm-plan-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;color:#6b7280;font-size:12.5px;font-weight:500;font-family:Outfit,sans-serif;cursor:pointer;transition:all .15s ease;white-space:nowrap}.acm-plan-btn:hover{border-color:#1a3c1a;color:#1a3c1a;background:#f0fdf4}.acm-plan-btn--active{border-color:#1a3c1a;background:#1a3c1a;color:#fff}.acm-plan-btn--active:hover{background:#2d5a2d;color:#fff}.acm-price-wrap{display:flex;align-items:center;border:1.5px solid #d1d5db;border-radius:8px;overflow:hidden;transition:border-color .15s;background:#fff}.acm-price-wrap:focus-within{border-color:#1a3c1a}.acm-price-sym{padding:10px 10px 10px 13px;font-size:13.5px;color:#6b7280;font-family:Outfit,sans-serif;-webkit-user-select:none;user-select:none}.acm-input--price{border:none;border-radius:0;padding:10px 13px 10px 4px;flex:1;min-width:0}.acm-input--price:focus{border-color:transparent}.acm-dropzone{border:1.5px dashed #d1d5db;border-radius:10px;padding:28px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:border-color .15s,background .15s;text-align:center;min-height:130px;background:#fafafa}.acm-dropzone:hover,.acm-dropzone--over{border-color:#1a3c1a;background:#f0f7f0}.acm-dropzone-icon{width:44px;height:44px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280;margin-bottom:4px}.acm-dropzone-text{font-size:13px;font-weight:600;color:#374151;margin:0}.acm-dropzone-hint{font-size:11.5px;color:#9ca3af;margin:0}.acm-thumb-preview{width:100%;max-height:120px;object-fit:cover;border-radius:8px}.acm-publish-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1.5px solid #e5e7eb;border-radius:10px;background:#fafafa}.acm-publish-info{display:flex;align-items:center;gap:10px}.acm-publish-label{font-size:14px;font-weight:600;color:#111827;margin:0 0 2px}.acm-publish-sub{font-size:10px;letter-spacing:.06em;color:#9ca3af;margin:0}.acm-toggle{position:relative;width:40px;height:22px;border:none;border-radius:11px;cursor:pointer;transition:background .2s ease;padding:0;flex-shrink:0}.acm-toggle--on{background:#1a3c1a}.acm-toggle--off{background:#d1d5db}.acm-toggle-thumb{position:absolute;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left .2s ease;box-shadow:0 1px 3px #0003}.acm-toggle--on .acm-toggle-thumb{left:21px}.acm-toggle--off .acm-toggle-thumb{left:3px}.acm-textarea{padding:11px 13px;border:1.5px solid #d1d5db;border-radius:8px;font-size:13.5px;font-family:Outfit,sans-serif;color:#111827;resize:vertical;outline:none;transition:border-color .15s;background:#fff;min-height:110px}.acm-textarea::placeholder{color:#9ca3af}.acm-textarea:focus{border-color:#1a3c1a}.acm-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:20px 28px 24px;margin-top:8px}.acm-btn-cancel{padding:10px 22px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;font-weight:600;font-family:Outfit,sans-serif;color:#374151;cursor:pointer;transition:border-color .15s,background .15s}.acm-btn-cancel:hover{border-color:#9ca3af;background:#f9fafb}.acm-btn-create{padding:10px 22px;border:none;border-radius:8px;background:#111827;color:#fff;font-size:14px;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:background .15s}.acm-btn-create:hover{background:#1f2937}@media (max-width: 580px){.acm-body{grid-template-columns:1fr}.acm-modal{border-radius:12px}}.courses__api-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px 20px;font-size:14px;color:#6b7280;font-family:Outfit,sans-serif}.courses__api-error{display:flex;align-items:center;gap:8px;margin:0 28px 12px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;font-family:Outfit,sans-serif}.acm-plan-chip{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:5px 10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;font-size:12px;font-family:Outfit,sans-serif}.acm-plan-chip__name{font-weight:700;color:#166534}.acm-plan-chip__price{color:#15803d;font-weight:600}.acm-plan-chip__validity{color:#6b7280}.acm-plan-chip__sep{color:#d1d5db}.courses__category-badge--cloud{background:#e0f2fe;color:#0369a1}.courses__category-badge--security{background:#fce7f3;color:#be185d}.courses__category-badge--ai{background:#ede9fe;color:#6d28d9}.courses__card-list{display:none;flex-direction:column;gap:0}.courses__mobile-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-bottom:1px solid #f0f1f3;transition:background .12s ease}.courses__mobile-card:last-child{border-bottom:none}.courses__mobile-card:active{background:#fafafa}.courses__mobile-card-top{display:flex;align-items:flex-start;gap:12px}.courses__mobile-card-info{flex:1;min-width:0}.courses__mobile-card-name{font-size:14px;font-weight:600;color:#111827;font-family:Outfit,sans-serif;margin:0 0 3px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.courses__mobile-card-updated{font-size:11.5px;color:#9ca3af;font-family:Outfit,sans-serif;margin:0}.courses__mobile-card-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.courses__mobile-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.courses__mobile-card-stats{display:flex;align-items:center;gap:14px}.courses__mobile-stat{display:flex;align-items:center;gap:4px;font-size:12.5px;color:#6b7280;font-family:Outfit,sans-serif}.courses__mobile-stat-icon{color:#9ca3af;flex-shrink:0}.courses__mobile-stat-value{font-weight:600;color:#374151}.courses__mobile-card-right{display:flex;align-items:center;gap:8px}.courses__filter-fab{display:none;align-items:center;gap:6px;padding:9px 16px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:13.5px;font-family:Outfit,sans-serif;font-weight:500;color:#374151;cursor:pointer;transition:border-color .15s ease;white-space:nowrap;flex-shrink:0}.courses__filter-fab:hover{border-color:#9ca3af}.courses__filter-fab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#1a3c1a;color:#fff;border-radius:9px;font-size:10px;font-weight:700}.courses__filter-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:500;animation:acm-fade-in .2s ease}.courses__filter-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;padding:0 0 env(safe-area-inset-bottom,16px);z-index:501;animation:sheet-slide-up .28s cubic-bezier(.34,1.56,.64,1);max-height:80vh;overflow-y:auto}@keyframes sheet-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.courses__filter-sheet-handle{display:flex;justify-content:center;padding:12px 0 8px}.courses__filter-sheet-handle-bar{width:40px;height:4px;background:#e5e7eb;border-radius:2px}.courses__filter-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:4px 20px 16px}.courses__filter-sheet-title{font-size:17px;font-weight:700;color:#111827;font-family:Outfit,sans-serif;margin:0}.courses__filter-sheet-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#f3f4f6;border-radius:50%;color:#6b7280;cursor:pointer;font-size:18px;line-height:1}.courses__filter-sheet-body{padding:0 20px 20px;display:flex;flex-direction:column;gap:20px}.courses__filter-sheet-section{display:flex;flex-direction:column;gap:10px}.courses__filter-sheet-label{font-size:11px;font-weight:700;letter-spacing:.07em;color:#9ca3af;font-family:Outfit,sans-serif;text-transform:uppercase}.courses__filter-chip-group{display:flex;flex-wrap:wrap;gap:8px}.courses__filter-chip{padding:7px 14px;border:1.5px solid #d1d5db;border-radius:20px;background:#fff;font-size:13.5px;font-family:Outfit,sans-serif;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.courses__filter-chip:hover{border-color:#1a3c1a;color:#1a3c1a}.courses__filter-chip--active{border-color:#1a3c1a;background:#1a3c1a;color:#fff}.courses__filter-chip--active:hover{background:#2d5a2d;color:#fff}.courses__filter-sheet-apply{width:100%;padding:13px;border:none;border-radius:10px;background:#111827;color:#fff;font-size:15px;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:background .15s;margin-top:4px}.courses__filter-sheet-apply:hover{background:#1f2937}@media (max-width: 768px){.courses__topbar{padding:12px 16px}.courses__breadcrumb{font-size:12.5px}.courses__icon-btn{width:34px;height:34px}.courses__header{flex-direction:column;align-items:flex-start;gap:14px;padding:18px 16px 14px}.courses__title{font-size:22px}.courses__subtitle{font-size:13px}.courses__header-right{width:100%;flex-wrap:wrap;gap:8px}.courses__search-wrap{flex:1;min-width:0}.courses__search{width:100%}.courses__filter-btn{display:none}.courses__filter-fab{display:flex}.courses__card{margin:0 16px;border-radius:12px}.courses__card-list{display:flex}.courses__table{display:none}.courses__api-error{margin:0 16px 12px}.courses__loader{padding:14px 16px}}@media (max-width: 480px){.courses__topbar{padding:10px 14px}.courses__header{padding:16px 14px 12px}.courses__card{margin:0 14px}.courses__api-error{margin:0 14px 10px}.courses__btn-add span{display:none}.courses__btn-add{padding:9px 12px}}@media (max-width: 768px){.acm-backdrop{align-items:flex-end;padding:0}.acm-modal{max-width:100%;max-height:92vh;border-radius:20px 20px 0 0;animation:acm-slide-up-mobile .28s cubic-bezier(.34,1.56,.64,1)}@keyframes acm-slide-up-mobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.acm-header{padding:20px 18px 0;flex-direction:column;align-items:flex-start;gap:12px}.acm-title{font-size:20px}.acm-back-btn{align-self:flex-end}.acm-body{grid-template-columns:1fr;padding:16px 18px 0;gap:16px}.acm-field--full{padding:0 18px}.acm-footer{padding:16px 18px calc(16px + env(safe-area-inset-bottom,0px))}.acm-btn-cancel,.acm-btn-create{flex:1;text-align:center;justify-content:center}.acm-footer{gap:8px}}.acm-footer{display:flex;flex-direction:column;gap:10px}.acm-footer-btns{display:flex;justify-content:flex-end;gap:12px}.acm-submit-error{display:flex;align-items:center;gap:7px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:500;margin:0}.acm-btn-create:disabled,.acm-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.acm-btn-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:acm-spin .7s linear infinite;margin-right:6px;vertical-align:middle}.acm-icon-wrap{display:flex;gap:8px;align-items:center}.acm-icon-input{flex:1}.acm-icon-preview{width:42px;height:42px;border:1.5px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:22px;font-family:"Font Awesome 6 Free","Font Awesome 5 Free",Material Icons,Material Symbols Outlined,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;background:#f9fafb;flex-shrink:0}.acm-icon-preview--empty{color:#d1d5db;font-size:16px}.acm-icon-preview--pua-warn{font-size:9px;font-family:Outfit,sans-serif;color:#f59e0b;text-align:center;line-height:1.3;padding:2px}.acm-icon-hint{font-size:11px;color:#9ca3af;margin-top:4px}.acm-icon-hint code{background:#f3f4f6;padding:1px 4px;border-radius:3px;font-size:11px}.acm-icon-hint--warn{color:#f59e0b}@keyframes acm-spin{to{transform:rotate(360deg)}}.dcm-modal{background:#fff;border-radius:16px;padding:36px 32px 28px;width:100%;max-width:420px;margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 20px 60px #00000026}.dcm-icon{width:56px;height:56px;border-radius:50%;background:#fef2f2;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.dcm-title{font-size:19px;font-weight:700;color:#111827;margin:0}.dcm-body{font-size:14px;color:#6b7280;line-height:1.6;margin:0;max-width:320px}.dcm-footer{display:flex;gap:10px;margin-top:8px;width:100%;justify-content:center}.dcm-btn-delete{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s}.dcm-btn-delete:hover:not(:disabled){background:#dc2626}.dcm-btn-delete:disabled{opacity:.6;cursor:not-allowed}.payments-page{font-family:Inter,sans-serif;background:#f4f6f8;min-height:100vh;padding:24px}.payments-topbar{display:flex;align-items:center;gap:12px;margin-bottom:24px}.payments-search{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 14px;height:42px}.payments-search svg{color:#9ca3af;flex-shrink:0}.payments-search input{border:none;outline:none;font-size:13.5px;color:#374151;background:transparent;width:100%;font-family:Inter,sans-serif}.payments-search input::placeholder{color:#9ca3af}.payments-topbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.payments-icon-btn{width:38px;height:38px;background:#fff;border:1px solid #e5e7eb;border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:background .15s}.payments-icon-btn:hover{background:#f9fafb}.payments-status-badge{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:0 14px;height:38px;font-size:13px;font-weight:500;color:#374151;white-space:nowrap}.payments-status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}.payments-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:14px;padding:20px 22px 18px;border:1px solid #eef0f3}.stat-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-card__label{font-size:13px;color:#6b7280;font-weight:400}.stat-card__icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card__icon--blue{background:#eff6ff}.stat-card__icon--green{background:#f0fdf4}.stat-card__icon--orange{background:#fff7ed}.stat-card__icon--red{background:#fef2f2}.stat-card__value{font-size:22px;font-weight:700;color:#111827;margin-bottom:10px;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.change-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap;line-height:1}.change-pill--up{background:#f0fdf4;color:#15803d}.change-pill--down{background:#fef2f2;color:#b91c1c}.change-pill--warning{background:#fff7ed;color:#c2410c}.payments-table-card{background:#fff;border-radius:16px;border:1px solid #eef0f3;padding:24px 28px;display:flex;flex-direction:column}.payments-toolbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap;flex-shrink:0}.payments-toolbar__left h2{font-size:17px;font-weight:700;color:#111827;margin-bottom:4px}.payments-toolbar__left p{font-size:12.5px;color:#9ca3af}.payments-toolbar__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:6px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:0 12px;height:36px;font-size:12.5px;font-weight:500;color:#374151;cursor:pointer;font-family:Inter,sans-serif;white-space:nowrap;transition:background .15s}.filter-btn:hover{background:#f9fafb}.filter-btn svg{color:#6b7280}.export-btn{display:flex;align-items:center;gap:7px;background:#1e293b;color:#fff;border:none;border-radius:8px;padding:0 16px;height:38px;font-size:13px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;white-space:nowrap;transition:background .2s}.export-btn:hover{background:#334155}.payments-table-wrap{overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;max-height:420px;border-radius:8px}.payments-table-wrap::-webkit-scrollbar{width:5px;height:5px}.payments-table-wrap::-webkit-scrollbar-track{background:transparent}.payments-table-wrap::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.payments-table-wrap::-webkit-scrollbar-thumb:hover{background:#9ca3af}.payments-table{width:100%;border-collapse:collapse;min-width:660px}.payments-table thead tr th{position:sticky;top:0;z-index:2;background:#fff;text-align:left;font-size:11px;font-weight:600;color:#6b7280;letter-spacing:.06em;text-transform:uppercase;padding:0 8px 14px 0;border-bottom:1px solid #f1f3f5;white-space:nowrap}.payments-table thead tr th.th-right{text-align:right}.payments-table thead tr th:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid #e5e7eb}.payments-table tbody tr{border-bottom:1px solid #f8f9fa;transition:background .12s}.payments-table tbody tr:last-child{border-bottom:none}.payments-table tbody tr:hover{background:#fafbfc}.payments-table tbody td{padding:14px 8px 14px 0;font-size:13px;color:#374151;vertical-align:middle;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txn-id{font-size:12px;color:#9ca3af;font-weight:400;white-space:nowrap}.student-cell{display:flex;align-items:center;gap:10px}.student-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.avatar--jd{background:#dbeafe;color:#1d4ed8}.avatar--ms{background:#fce7f3;color:#9d174d}.avatar--sc{background:#d1fae5;color:#065f46}.avatar--lw{background:#fef9c3;color:#854d0e}.avatar--eb{background:#ede9fe;color:#5b21b6}.student-name{font-weight:600;color:#111827;font-size:13px;white-space:nowrap}.course-text{display:block;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txn-amount{font-weight:700;color:#111827;font-size:13.5px;white-space:nowrap}.txn-date{color:#6b7280;font-size:12.5px;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.status-badge--successful{background:#dcfce7;color:#15803d}.status-badge--pending{background:#fef9c3;color:#92400e}.status-badge--failed{background:#fee2e2;color:#b91c1c}.invoice-cell{text-align:right}.invoice-btn{background:none;border:1px solid #e5e7eb;border-radius:7px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:background .15s,color .15s}.invoice-btn:hover{background:#f3f4f6;color:#111827}.empty-row{text-align:center;padding:32px 0!important;color:#9ca3af;font-size:13px}@media (max-width: 768px){.payments-page{padding:14px}.payments-topbar{flex-wrap:wrap;gap:8px}.payments-search{order:1;flex:1 1 100%}.payments-topbar-actions{order:2;width:100%;justify-content:flex-end}.payments-stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card__value{font-size:16px}.payments-table-card{padding:16px}.payments-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.payments-toolbar__right{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.filter-btn,.export-btn{font-size:12px;padding:0 10px;flex-shrink:0}.payments-table-wrap{max-height:360px}}@media (max-width: 480px){.payments-stats{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px 14px 12px}.stat-card__value{font-size:14px}.stat-card__label{font-size:11px}.change-pill{font-size:11px;padding:3px 8px}.payments-status-badge span:first-child{display:none}.payments-table-wrap{max-height:300px}}.rm-page{min-height:100vh;width:100%;background-color:#f5f7f6;font-family:Inter,sans-serif}.rm-header{background:transparent;padding:32px 48px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;border-bottom:1px solid #e2e8e4}.rm-header-content{flex:1}.rm-title{font-size:28px;font-weight:700;color:#1a2a24;margin-bottom:12px;letter-spacing:-.3px}.rm-description{font-size:15px;color:#5a6e66;line-height:1.5;max-width:700px}.rm-add-btn{background:#1a3d2e;color:#fff;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:fit-content}.rm-add-btn:hover{background:#0f2e22}.rm-active-section{max-width:1400px;margin:0 auto;padding:32px 48px 48px}.rm-section-header{margin-bottom:24px}.rm-eyebrow{font-size:11px;font-weight:700;color:#1a7a5e;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.rm-section-title{font-size:24px;font-weight:700;color:#1a2a24;letter-spacing:-.3px}.rm-table-wrapper{width:100%;background:#fff;border-radius:12px;border:1px solid #e2e8e4;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.rm-table{width:100%;border-collapse:collapse;font-size:14px;min-width:800px}.rm-table thead{background:#fafcfb;border-bottom:1px solid #e2e8e4}.rm-table th{text-align:left;padding:16px 20px;font-size:11px;font-weight:700;color:#5a6e66;letter-spacing:.6px;text-transform:uppercase}.rm-table td{padding:18px 20px;color:#2d3a35;border-bottom:1px solid #f0f4f2;vertical-align:middle}.rm-table tbody tr{transition:background .15s ease}.rm-table tbody tr:hover{background:#fafdfb}.rm-table tbody tr:last-child td{border-bottom:none}.rm-role-cell{display:flex;align-items:center;gap:8px}.rm-role-bullet{color:#1a7a5e;font-weight:600;font-size:16px}.rm-role-name{font-weight:700;color:#1a3d2e;font-size:14px}.rm-desc-cell{color:#5a6e66;font-size:13.5px;line-height:1.5}.rm-members-cell{font-weight:700;color:#1a3d2e;font-size:14px}.rm-date-cell{color:#7a8e86;font-size:13px;white-space:nowrap}.rm-actions-cell{text-align:right;width:50px}.rm-dots-wrapper{position:relative;display:inline-block}.rm-dots-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:background .15s}.rm-dots-btn:hover{background:#f0f4f2}.rm-dots-btn span{display:block;width:4px;height:4px;border-radius:50%;background:#94a3b8}.rm-dots-dropdown{position:absolute;right:0;top:36px;background:#fff;border:1px solid #e2e8e4;border-radius:10px;box-shadow:0 4px 16px #0000001a;z-index:50;min-width:150px;overflow:hidden}.rm-dots-dropdown button{display:block;width:100%;padding:10px 16px;text-align:left;background:none;border:none;font-family:Inter,sans-serif;font-size:13px;color:#2d3a35;cursor:pointer;transition:background .14s}.rm-dots-dropdown button:hover{background:#f8faf9}.rm-dots-danger{color:#dc2626!important}.rm-footer{margin-top:20px;padding:8px 4px}.rm-roles-count{font-size:13px;font-weight:500;color:#7a8e86}@media (max-width: 768px){.rm-header{padding:24px 24px 20px;flex-direction:column;align-items:flex-start}.rm-title{font-size:24px}.rm-description{font-size:13px}.rm-active-section{padding:24px 24px 32px}.rm-section-title{font-size:20px}.rm-table th,.rm-table td{padding:12px 16px}.rm-desc-cell{min-width:200px}}@media (max-width: 640px){.rm-add-btn{align-self:flex-start}}.rm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rm-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #00000005;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.rm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8e4}.rm-modal-header h2{font-size:20px;font-weight:700;color:#1a2a24;margin:0}.rm-modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#94a3b8;transition:color .2s;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.rm-modal-close:hover{color:#1a2a24;background:#f1f5f9}.rm-modal-body{padding:24px}.rm-form-group{margin-bottom:20px}.rm-form-group:last-child{margin-bottom:0}.rm-form-group label{display:block;font-size:13px;font-weight:600;color:#1a2a24;margin-bottom:8px}.rm-form-group input,.rm-form-group textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;transition:all .2s;background:#fff}.rm-form-group input:focus,.rm-form-group textarea:focus{outline:none;border-color:#1a3d2e;box-shadow:0 0 0 3px #1a3d2e1a}.rm-form-group input::placeholder,.rm-form-group textarea::placeholder{color:#94a3b8}.rm-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e2e8e4}.rm-modal-cancel,.rm-modal-create{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .2s}.rm-modal-cancel{background:#fff;border:1px solid #cbd5e1;color:#5a6e66}.rm-modal-cancel:hover{background:#f8faf9;border-color:#94a3b8}.rm-modal-create{background:#1a3d2e;border:none;color:#fff}.rm-modal-create:hover{background:#0f2e22}@media (max-width: 640px){.rm-modal{width:95%;margin:16px}.rm-modal-header{padding:16px 20px}.rm-modal-body{padding:20px}.rm-modal-footer{padding:16px 20px}}.rm-toast{position:fixed;top:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:600;font-family:Inter,sans-serif;box-shadow:0 8px 24px #00000024;animation:rmToastIn .28s cubic-bezier(.34,1.5,.64,1);min-width:220px}@keyframes rmToastIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rm-toast--success{background:#f0fdf4;color:#065f46;border:1.5px solid #86efac}.rm-toast--error{background:#fef2f2;color:#991b1b;border:1.5px solid #fca5a5}.rm-toast-icon{font-size:15px;font-weight:700}.rm-sk-line{background:linear-gradient(90deg,#f0f4f2 25%,#e4ece8,#f0f4f2 75%);background-size:200% 100%;animation:rmSkShimmer 1.4s ease-in-out infinite}@keyframes rmSkShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rm-error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;color:#991b1b;font-size:13px;font-weight:500;margin-bottom:20px}.rm-error-banner span{flex:1}.rm-error-retry{background:none;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;font-size:12px;font-weight:600;cursor:pointer;padding:4px 10px;font-family:Inter,sans-serif;transition:background .15s;white-space:nowrap}.rm-error-retry:hover{background:#fee2e2}.rm-empty-row{text-align:center;padding:60px 20px!important;color:#7a8e86;font-size:14px}.rm-section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.rm-refresh-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #d1d9d5;border-radius:8px;background:#fff;color:#5a6e66;font-size:13px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .15s}.rm-refresh-btn:hover{background:#f0f4f2;border-color:#9aafaa;color:#1a3d2e}.rm-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(0,0,0,.15);border-top-color:#1a3d2e;border-radius:50%;animation:rmSpin .65s linear infinite;vertical-align:middle;margin-right:4px}.rm-spinner--light{border-color:#ffffff4d;border-top-color:#fff}@keyframes rmSpin{to{transform:rotate(360deg)}}.rm-required{color:#dc2626;margin-left:2px}.rm-modal--confirm{max-width:400px;padding:32px 28px 26px;text-align:center}.rm-confirm-icon-wrap{width:58px;height:58px;border-radius:50%;background:#dc262614;border:2px solid rgba(220,38,38,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.rm-confirm-title{font-size:18px;font-weight:700;color:#1a2a24;margin:0 0 8px}.rm-confirm-desc{font-size:13.5px;color:#5a6e66;line-height:1.6;margin:0 0 24px}.rm-confirm-desc strong{color:#1a2a24}.rm-confirm-actions{display:flex;gap:10px}.rm-modal-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:8px;border:none;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .18s;box-shadow:0 4px 12px #dc26264d}.rm-modal-delete:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 6px 18px #dc262666}.rm-modal-delete:disabled,.rm-modal-cancel:disabled,.rm-modal-create:disabled{opacity:.65;cursor:not-allowed}.rm-modal-cancel{flex:1}.rm-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rm-search-wrapper{display:inline-block}.rm-search-container{display:flex;align-items:center;background:#fff;border:1px solid #d1d9d5;border-radius:10px;padding:6px 12px;transition:all .2s ease;min-width:240px}.rm-search-container:focus-within{border-color:#1a3d2e;box-shadow:0 0 0 3px #1a3d2e1a}.rm-search-icon{color:#94a3b8;margin-right:8px;flex-shrink:0}.rm-search-input{flex:1;border:none;outline:none;background:transparent;font-family:Inter,sans-serif;font-size:13px;color:#1a2a24;padding:6px 0}.rm-search-input::placeholder{color:#94a3b8}.rm-search-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:4px;margin-left:6px;border-radius:6px;color:#94a3b8;transition:all .15s ease;flex-shrink:0}.rm-search-clear:hover{background:#f0f4f2;color:#dc2626}.rm-search-info{font-size:12px;color:#1a7a5e;margin-bottom:16px;font-weight:500;background:#ecfdf5;display:inline-block;padding:6px 12px;border-radius:20px}@media (max-width: 768px){.rm-header-actions{width:100%;flex-direction:column;align-items:stretch}.rm-search-wrapper,.rm-search-container{width:100%}.rm-refresh-btn{justify-content:center}}.rp-page{min-height:100vh;width:100%;background-color:#f5f7f6;font-family:Inter,sans-serif}.rp-header{background:transparent;padding:32px 48px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;border-bottom:1px solid #e2e8e4}.rp-header-content{flex:1}.rp-title{font-size:28px;font-weight:700;color:#1a2a24;margin-bottom:12px;letter-spacing:-.3px}.rp-description{font-size:15px;color:#5a6e66;line-height:1.5;max-width:700px}.rp-add-btn{background:#1a3d2e;color:#fff;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:fit-content}.rp-add-btn:hover{background:#0f2e22}.rp-role-tabs{display:flex;gap:8px;padding:24px 48px 0;border-bottom:1px solid #e2e8e4;background:#fff;margin:0}.rp-role-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:#5a6e66;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.rp-role-tab:hover{color:#1a3d2e}.rp-role-tab.active{color:#1a3d2e;border-bottom-color:#1a3d2e}.rp-role-icon{font-size:18px}.rp-role-name{font-weight:600}.rp-table-container{padding:32px 48px}.rp-table-wrapper{width:100%;background:#fff;border-radius:12px;border:1px solid #e2e8e4;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.rp-table{width:100%;border-collapse:collapse;font-size:13px;min-width:900px}.rp-table thead{background:#fafcfb;border-bottom:1px solid #e2e8e4}.rp-table th{text-align:center;padding:16px 12px;font-size:11px;font-weight:700;color:#5a6e66;letter-spacing:.6px;text-transform:uppercase}.rp-table .rp-module-col{text-align:left;padding-left:20px}.rp-table td{padding:14px 12px;color:#2d3a35;border-bottom:1px solid #f0f4f2;vertical-align:middle}.rp-table tbody tr:hover{background:#fafdfb}.rp-table tbody tr:last-child td{border-bottom:none}.rp-module-cell{font-weight:500;color:#1a3d2e;padding-left:20px!important;white-space:nowrap}.rp-checkbox-cell{text-align:center}.rp-checkbox{display:inline-block;position:relative;cursor:pointer;font-size:16px;-webkit-user-select:none;user-select:none}.rp-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.rp-checkmark{display:inline-block;width:20px;height:20px;background:#fff;border:1.5px solid #cbd5e1;border-radius:4px;text-align:center;line-height:18px;font-size:14px;color:transparent;transition:all .2s ease}.rp-footer{display:flex;align-items:center;justify-content:space-between;padding:24px 48px 48px;flex-wrap:wrap;gap:16px}.rp-last-updated{font-size:12px;color:#7a8e86}.rp-footer-right{display:flex;gap:12px}.rp-discard-btn{padding:10px 24px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;font-weight:600;color:#5a6e66;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.rp-discard-btn:hover{background:#f8faf9;border-color:#94a3b8}.rp-save-btn{padding:10px 24px;background:#1a3d2e;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.rp-save-btn:hover{background:#0f2e22}.rp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.rp-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.rp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8e4}.rp-modal-header h2{font-size:20px;font-weight:700;color:#1a2a24}.rp-modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#94a3b8;transition:color .2s}.rp-modal-close:hover{color:#1a2a24}.rp-modal-body{padding:24px}.rp-form-group{margin-bottom:20px}.rp-form-group label{display:block;font-size:13px;font-weight:600;color:#1a2a24;margin-bottom:8px}.rp-form-group input,.rp-form-group textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;transition:border-color .2s}.rp-form-group input:focus,.rp-form-group textarea:focus{outline:none;border-color:#1a3d2e}.rp-base-perms{display:flex;gap:20px;margin-top:8px}.rp-checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#2d3a35;cursor:pointer}.rp-checkbox-label input{width:auto;cursor:pointer}.rp-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e2e8e4}.rp-modal-cancel,.rp-modal-create{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif}.rp-modal-cancel{background:#fff;border:1px solid #cbd5e1;color:#5a6e66}.rp-modal-cancel:hover{background:#f8faf9}.rp-modal-create{background:#1a3d2e;border:none;color:#fff}.rp-modal-create:hover{background:#0f2e22}@media (max-width: 768px){.rp-header{padding:24px 24px 20px;flex-direction:column;align-items:flex-start}.rp-title{font-size:24px}.rp-role-tabs{padding:16px 24px 0}.rp-role-tab{padding:8px 16px}.rp-table-container{padding:20px 24px}.rp-footer{padding:20px 24px 32px;flex-direction:column;align-items:flex-start}.rp-footer-right{width:100%}.rp-discard-btn,.rp-save-btn{flex:1}}.rp-toast{position:fixed;top:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:600;font-family:Inter,sans-serif;box-shadow:0 8px 24px #00000024;animation:rpToastIn .28s cubic-bezier(.34,1.5,.64,1);min-width:220px}@keyframes rpToastIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rp-toast--success{background:#f0fdf4;color:#065f46;border:1.5px solid #86efac}.rp-toast--error{background:#fef2f2;color:#991b1b;border:1.5px solid #fca5a5}.rp-toast-icon{font-size:15px;font-weight:700}.rp-sk-line{background:linear-gradient(90deg,#f0f4f2 25%,#e4ece8,#f0f4f2 75%);background-size:200% 100%;animation:rpSkShimmer 1.4s ease-in-out infinite}@keyframes rpSkShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rp-tab-skeleton{padding:12px 24px;display:flex;align-items:center}.rp-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(0,0,0,.15);border-top-color:#1a3d2e;border-radius:50%;animation:rpSpin .65s linear infinite;vertical-align:middle;margin-right:4px}.rp-spinner--light{border-color:#ffffff4d;border-top-color:#fff}@keyframes rpSpin{to{transform:rotate(360deg)}}.rp-table-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.rp-table-label{font-size:13px;font-weight:600;color:#1a3d2e}.rp-perms-count{font-size:12px;color:#7a8e86;font-weight:500}.rp-module-name-wrap{display:flex;align-items:center;gap:8px}.rp-edit-name-btn{background:none;border:none;cursor:pointer;font-size:14px;color:#94a3b8;padding:2px 4px;border-radius:4px;line-height:1;opacity:0;transition:opacity .15s,color .15s}tr:hover .rp-edit-name-btn{opacity:1}.rp-edit-name-btn:hover{color:#1a3d2e}.rp-actions-cell{text-align:center;width:50px}.rp-delete-row-btn{background:none;border:none;cursor:pointer;font-size:14px;color:#94a3b8;padding:4px 6px;border-radius:6px;opacity:0;transition:opacity .15s,color .15s}tr:hover .rp-delete-row-btn{opacity:1}.rp-delete-row-btn:hover{color:#dc2626}.rp-empty-row{text-align:center;padding:60px 20px!important;color:#7a8e86;font-size:14px}.rp-empty-add{background:none;border:none;color:#1a3d2e;font-weight:600;font-size:14px;cursor:pointer;text-decoration:underline;font-family:Inter,sans-serif}.rp-role-checkboxes{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:4px}.rp-checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#2d3a35;cursor:pointer;font-family:Inter,sans-serif}.rp-checkbox-label input{width:auto;cursor:pointer;accent-color:#1a3d2e}.rp-modal--confirm{max-width:400px;padding:32px 28px 26px;text-align:center}.rp-confirm-icon-wrap{width:58px;height:58px;border-radius:50%;background:#dc262614;border:2px solid rgba(220,38,38,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.rp-confirm-title{font-size:18px;font-weight:700;color:#1a2a24;margin:0 0 8px}.rp-confirm-desc{font-size:13.5px;color:#5a6e66;line-height:1.6;margin:0 0 24px}.rp-confirm-desc strong{color:#1a2a24}.rp-confirm-actions{display:flex;gap:10px}.rp-modal-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:8px;border:none;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .18s;box-shadow:0 4px 12px #dc26264d}.rp-modal-delete:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#991b1b)}.rp-modal-delete:disabled,.rp-modal-cancel:disabled,.rp-modal-create:disabled{opacity:.65;cursor:not-allowed}.rp-modal-cancel{flex:1}.rp-checkmark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#fff;border:1.5px solid #cbd5e1;border-radius:4px;font-size:13px;font-weight:700;color:transparent;transition:all .15s ease}.rp-checkbox input:checked~.rp-checkmark{background:#1a3d2e;border-color:#1a3d2e;color:#fff}.rp-checkbox:hover .rp-checkmark{border-color:#1a3d2e}.settings-page{font-family:Inter,sans-serif;background:#f4f6f8;min-height:100vh;padding:32px 28px}.settings-header{margin-bottom:6px}.settings-header h1{font-size:22px;font-weight:700;color:#111827}.settings-header p{font-size:13px;color:#6b7280;margin-top:3px}.settings-tabs{display:flex;gap:0;border-bottom:1.5px solid #e5e7eb;margin:18px 0 28px;overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tabs::-webkit-scrollbar{display:none}.tab-btn{background:none;border:none;padding:10px 18px;font-size:13.5px;font-weight:500;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:color .15s,border-color .15s}.tab-btn:hover{color:#111827}.tab-btn.active{color:#111827;border-bottom-color:#1a3a2a;font-weight:600}.settings-section{background:#fff;border:1px solid #e8ecf0;border-radius:12px;padding:22px 24px;margin-bottom:20px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.section-heading__left h3{font-size:15px;font-weight:700;color:#111827;margin-bottom:3px}.section-heading__left p{font-size:12px;color:#9ca3af}.edit-btn{display:flex;align-items:center;gap:5px;background:none;border:1px solid #e5e7eb;border-radius:7px;padding:5px 12px;font-size:12.5px;font-weight:500;color:#374151;cursor:pointer;font-family:Inter,sans-serif;white-space:nowrap;flex-shrink:0;transition:background .15s}.edit-btn:hover{background:#f9fafb}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.form-row.full{grid-template-columns:1fr}.form-row.three{grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:11.5px;font-weight:500;color:#6b7280;text-transform:none;letter-spacing:0}.form-input,.form-select,.form-textarea{width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:9px 12px;font-size:13px;color:#111827;background:#fafafa;font-family:Inter,sans-serif;outline:none;transition:border-color .15s,background .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#1a3a2a;background:#fff}.form-textarea{resize:vertical;min-height:80px;line-height:1.55}.select-wrap{position:relative}.select-wrap svg{position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:#9ca3af}.profile-pic-row{display:flex;align-items:center;gap:20px}.avatar-circle{width:64px;height:64px;border-radius:50%;background:#e5e7eb;border:2px dashed #d1d5db;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#9ca3af}.upload-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.upload-btn{display:flex;align-items:center;gap:6px;background:#1a3a2a;color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:background .2s}.upload-btn:hover{background:#2d5a3a}.remove-btn{background:none;border:1px solid #e5e7eb;border-radius:8px;padding:8px 14px;font-size:13px;color:#374151;cursor:pointer;font-family:Inter,sans-serif;transition:background .15s}.remove-btn:hover{background:#f9fafb}.upload-hint{font-size:11.5px;color:#9ca3af;margin-top:4px}.btn-primary{background:#1a3a2a;color:#fff;border:none;border-radius:9px;padding:10px 24px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:background .2s}.btn-primary:hover{background:#2d5a3a}.btn-outline{background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:9px;padding:10px 24px;font-size:13.5px;font-weight:500;cursor:pointer;font-family:Inter,sans-serif;transition:background .15s}.btn-outline:hover{background:#f9fafb}.btn-danger-outline{background:#fff;color:#dc2626;border:1px solid #fca5a5;border-radius:9px;padding:10px 24px;font-size:13px;font-weight:500;cursor:pointer;font-family:Inter,sans-serif;white-space:nowrap;transition:background .15s}.btn-danger-outline:hover{background:#fef2f2}.toggle-wrap{position:relative;display:inline-flex;align-items:center}.toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-track{width:42px;height:24px;background:#d1d5db;border-radius:12px;cursor:pointer;transition:background .2s;position:relative;flex-shrink:0}.toggle-input:checked+.toggle-track{background:#1a3a2a}.toggle-track:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:left .2s;box-shadow:0 1px 3px #0003}.toggle-input:checked+.toggle-track:after{left:21px}.notif-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f3f4f6;gap:12px}.notif-row:last-child{border-bottom:none;padding-bottom:0}.notif-row:first-child{padding-top:0}.notif-row__left{display:flex;align-items:flex-start;gap:12px}.notif-row__icon{width:36px;height:36px;border-radius:9px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#6b7280}.notif-row__title{font-size:13.5px;font-weight:600;color:#111827;margin-bottom:2px}.notif-row__desc{font-size:12px;color:#9ca3af;line-height:1.4}.feature-card{background:#1a3a2a;border-radius:12px;padding:20px;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.feature-card__icon{width:42px;height:42px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center}.feature-card__title{font-size:14px;font-weight:700}.feature-card__desc{font-size:12px;opacity:.75;line-height:1.45}.push-card{border:1px solid #e8ecf0;border-radius:12px;padding:16px 20px}.push-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.push-card__title{font-size:14px;font-weight:700;color:#111827}.enabled-badge{background:#dcfce7;color:#15803d;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;letter-spacing:.04em}.push-card__desc{font-size:12px;color:#9ca3af;margin-bottom:14px}.check-conn-card{background:#f9fafb;border:1px solid #e8ecf0;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.check-conn-card__icon{width:40px;height:40px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280}.check-conn-card__title{font-size:13.5px;font-weight:700;color:#111827}.check-conn-card__desc{font-size:12px;color:#9ca3af;line-height:1.4}.test-notif-btn{background:#1a3a2a;color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;margin-top:4px;transition:background .2s}.test-notif-btn:hover{background:#2d5a3a}.section-tag{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:#9ca3af;text-transform:uppercase}.notif-two-col{display:grid;grid-template-columns:1fr 200px;gap:14px;align-items:start}.push-two-col{display:grid;grid-template-columns:1fr 180px;gap:14px;align-items:start}.settings-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:24px}.security-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.security-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 14px;height:42px;margin-bottom:24px}.security-search svg{color:#9ca3af;flex-shrink:0}.security-search input{border:none;outline:none;font-size:13px;color:#374151;background:transparent;width:100%;font-family:Inter,sans-serif}.security-search input::placeholder{color:#9ca3af}.password-card{border:1px solid #e8ecf0;border-radius:12px;padding:22px}.password-card__title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#111827;margin-bottom:18px}.tfa-card{border:1px solid #e8ecf0;border-radius:12px;padding:22px}.tfa-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tfa-card__title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#111827}.tfa-card__desc{font-size:12.5px;color:#6b7280;line-height:1.5;margin-bottom:16px}.qr-area{background:#f9fafb;border:1px solid #e8ecf0;border-radius:10px;padding:16px;display:flex;gap:16px;align-items:flex-start}.qr-box{width:80px;height:80px;flex-shrink:0;background:#e5e7eb;border-radius:6px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:6px}.qr-dot{background:#9ca3af;border-radius:1px}.qr-dot.dark{background:#374151}.qr-text{font-size:12px;color:#374151;line-height:1.55}.qr-text strong{font-size:11px;font-weight:700;color:#1a3a2a;letter-spacing:.04em;text-transform:uppercase;display:block;margin-top:6px;cursor:pointer}.qr-label{font-size:11px;font-weight:700;color:#6b7280;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.sessions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sessions-header__left h3{font-size:15px;font-weight:700;color:#111827;margin-bottom:3px}.sessions-header__left p{font-size:12px;color:#9ca3af}.sessions-table{width:100%;border-collapse:collapse}.sessions-table th{text-align:left;font-size:11px;font-weight:600;color:#9ca3af;letter-spacing:.06em;text-transform:uppercase;padding:0 0 10px;border-bottom:1px solid #f1f3f5}.sessions-table td{padding:14px 0;border-bottom:1px solid #f8f9fa;vertical-align:middle;font-size:13px;color:#374151}.sessions-table tr:last-child td{border-bottom:none}.session-device{display:flex;align-items:center;gap:10px}.session-device__icon{width:34px;height:34px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.session-device__name{font-weight:600;color:#111827;font-size:13px}.session-device__sub{font-size:11.5px;color:#9ca3af}.session-loc{display:flex;align-items:center;gap:5px;color:#374151;font-size:13px}.session-loc svg{color:#9ca3af;flex-shrink:0}.current-badge{display:inline-flex;align-items:center;background:#dcfce7;color:#15803d;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:20px}.end-session-btn{background:none;border:none;color:#dc2626;font-size:12.5px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.04em;transition:opacity .15s}.end-session-btn:hover{opacity:.7}.team-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 14px;height:40px;flex:1;max-width:300px}.team-search svg{color:#9ca3af;flex-shrink:0}.team-search input{border:none;outline:none;font-size:13px;color:#374151;background:transparent;width:100%;font-family:Inter,sans-serif}.team-search input::placeholder{color:#9ca3af}.team-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.team-toolbar__right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.invite-btn{display:flex;align-items:center;gap:6px;background:#1a3a2a;color:#fff;border:none;border-radius:9px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;white-space:nowrap;transition:background .2s}.invite-btn:hover{background:#2d5a3a}.filter-select{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:0 28px 0 10px;height:36px;font-size:12.5px;font-weight:500;color:#374151;cursor:pointer;font-family:Inter,sans-serif;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none}.team-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.team-table{width:100%;border-collapse:collapse;min-width:540px}.team-table th{text-align:left;font-size:11px;font-weight:600;color:#9ca3af;letter-spacing:.06em;text-transform:uppercase;padding:0 0 12px;border-bottom:1px solid #f1f3f5}.team-table th:last-child{text-align:right}.team-table td{padding:16px 0;border-bottom:1px solid #f8f9fa;vertical-align:middle;font-size:13px;color:#374151}.team-table tr:last-child td{border-bottom:none}.team-table tr:hover td{background:#fafbfc}.member-cell{display:flex;align-items:center;gap:12px}.member-avatar{width:38px;height:38px;border-radius:50%;background:#1a3a2a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.member-avatar.grey{background:#e5e7eb;color:#6b7280}.member-name{font-weight:600;color:#111827;font-size:13px}.member-email{font-size:11.5px;color:#9ca3af}.role-text{font-size:13px;color:#374151}.status-dot-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-dot-badge .dot{width:6px;height:6px;border-radius:50%}.status-dot-badge--active{background:#dcfce7;color:#15803d}.status-dot-badge--active .dot{background:#16a34a}.status-dot-badge--pending{background:#fef9c3;color:#92400e}.status-dot-badge--pending .dot{background:#d97706}.status-dot-badge--inactive{background:#f3f4f6;color:#6b7280}.status-dot-badge--inactive .dot{background:#9ca3af}.action-icons{display:flex;align-items:center;justify-content:flex-end;gap:8px}.action-icon-btn{width:30px;height:30px;background:none;border:1px solid #e5e7eb;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9ca3af;transition:background .15s,color .15s}.action-icon-btn:hover{background:#f3f4f6;color:#374151}.action-icon-btn.danger:hover{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.pagination-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px;flex-wrap:wrap;gap:8px}.pagination-info{font-size:12.5px;color:#6b7280}.pagination-btns{display:flex;gap:8px}.page-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:Inter,sans-serif;transition:background .15s}.page-btn:hover{background:#f9fafb}@media (max-width: 768px){.settings-page{padding:18px 16px}.settings-header h1{font-size:18px}.tab-btn{padding:10px 12px;font-size:13px}.form-row,.form-row.three,.security-two-col,.notif-two-col,.push-two-col{grid-template-columns:1fr}.settings-section,.password-card,.tfa-card{padding:16px}.sessions-table th:nth-child(3),.sessions-table td:nth-child(3){display:none}.team-toolbar{flex-direction:column;align-items:flex-start}.team-toolbar__right{width:100%;justify-content:flex-start}.team-search{max-width:100%;width:100%}.settings-footer{flex-wrap:wrap}.invite-btn{width:100%;justify-content:center}}@media (max-width: 480px){.settings-page{padding:14px 12px}.profile-pic-row{flex-direction:column;align-items:flex-start}.qr-area{flex-direction:column}}.students{padding:32px 36px;height:100vh;background:#f5f6f7;font-family:Outfit,sans-serif;display:flex;flex-direction:column;box-sizing:border-box}.students__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;flex-shrink:0}.students__title{font-size:26px;font-weight:700;color:#111827;margin:0 0 6px;font-family:Outfit,sans-serif}.students__subtitle{font-size:14px;color:#6b7280;margin:0;font-family:Outfit,sans-serif}.students__subtitle strong{color:#111827;font-weight:600}.students__header-actions{display:flex;align-items:center;gap:10px}.students__btn-export{display:flex;align-items:center;gap:7px;padding:9px 18px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;font-family:Outfit,sans-serif;cursor:pointer;transition:background .15s ease,border-color .15s ease}.students__btn-export:hover{background:#f9fafb;border-color:#9ca3af}.students__btn-add{display:flex;align-items:center;gap:7px;padding:9px 20px;border:none;border-radius:8px;background:#1a3c1a;color:#fff;font-size:14px;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:background .15s ease}.students__btn-add:hover{background:#2d5a2d}.students__card{background:#fff;border-radius:14px;border:1px solid #e5e7eb;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.students__toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0;background:#fff;position:sticky;top:0;z-index:10}.students__tabs{display:flex;align-items:center;gap:4px}.students__tab{padding:7px 16px;border:none;background:transparent;color:#6b7280;font-size:14px;font-family:Outfit,sans-serif;font-weight:400;cursor:pointer;border-radius:6px;transition:all .15s ease}.students__tab:hover{color:#111827;background:#f3f4f6}.students__tab--active{color:#111827;font-weight:600;border-bottom:2px solid #1a3c1a;border-radius:0;padding-bottom:5px;background:transparent}.students__tab--active:hover{background:transparent}.students__filters{display:flex;align-items:center;gap:10px}.students__select-wrap{position:relative;display:flex;align-items:center;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;padding:7px 34px 7px 12px;cursor:pointer;transition:border-color .15s ease;min-width:130px}.students__select-wrap:hover{border-color:#9ca3af}.students__select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.students__select-label{font-size:13.5px;font-family:Outfit,sans-serif;font-weight:500;color:#374151;pointer-events:none;white-space:nowrap}.students__select-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.students__table-scroll{overflow-y:auto;flex:1;min-height:0}.students__table-scroll::-webkit-scrollbar{width:6px}.students__table-scroll::-webkit-scrollbar-track{background:transparent}.students__table-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.students__table-scroll::-webkit-scrollbar-thumb:hover{background:#9ca3af}.students__table{width:100%;border-collapse:collapse}.students__table thead{position:sticky;top:0;z-index:5}.students__table-head-row{border-bottom:1px solid #e5e7eb;background:#fff}.students__th{padding:12px 24px;font-size:11.5px;font-weight:700;color:#9ca3af;letter-spacing:.06em;text-transform:uppercase;font-family:Outfit,sans-serif;text-align:left;white-space:nowrap;background:#fff;box-shadow:0 1px #e5e7eb}.students__th--actions{text-align:right}.students__table-row{border-bottom:1px solid #f0f1f3;transition:background .12s ease}.students__table-row:last-child{border-bottom:none}.students__table-row:hover{background:#fafafa}.students__td{padding:16px 24px;vertical-align:middle}.students__student-info{display:flex;align-items:center;gap:12px}.students__avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#4b5563;font-family:Outfit,sans-serif;flex-shrink:0}.students__student-text{display:flex;flex-direction:column;gap:2px}.students__student-name{font-size:14px;font-weight:600;color:#111827;font-family:Outfit,sans-serif}.students__student-email{font-size:12.5px;color:#9ca3af;font-family:Outfit,sans-serif}.students__course-badge{display:inline-block;padding:4px 12px;border-radius:20px;background:#f0fdf4;color:#166534;font-size:12.5px;font-weight:600;font-family:Outfit,sans-serif;border:1px solid #bbf7d0}.students__date{font-size:13.5px;color:#374151;font-family:Outfit,sans-serif}.students__status{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-family:Outfit,sans-serif;font-weight:500}.students__status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.students__status--active{color:#16a34a}.students__status--active .students__status-dot{background:#16a34a}.students__status--inactive{color:#9ca3af}.students__status--inactive .students__status-dot{background:#9ca3af}.students__td--actions{text-align:right}.students__actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.students__action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#9ca3af;border-radius:6px;cursor:pointer;transition:all .15s ease}.students__action-btn:hover{background:#f3f4f6;color:#374151}.students__action-btn--delete:hover{background:#fef2f2;color:#dc2626}.students__loader{padding:20px 24px;display:flex;align-items:center;justify-content:center;min-height:60px;border-top:1px solid #f0f1f3;flex-shrink:0}.students__loader-spinner{display:flex;align-items:center;gap:10px}.students__spinner{display:inline-block;width:18px;height:18px;border:2px solid #e5e7eb;border-top-color:#1a3c1a;border-radius:50%;animation:students-spin .7s linear infinite;flex-shrink:0}@keyframes students-spin{to{transform:rotate(360deg)}}.students__loader-text{font-size:13.5px;color:#9ca3af;font-family:Outfit,sans-serif}.students__loader-end{font-size:13.5px;color:#9ca3af;font-family:Outfit,sans-serif;margin:0}.students__loader-end strong{color:#374151;font-weight:600}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:transparent}.material-symbols-rounded{font-family:Material Symbols Rounded,sans-serif;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.page{min-height:100vh;background:transparent;padding:48px 56px}.page-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:36px}.page-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6b7280;margin-bottom:6px}.page-title{font-size:34px;font-weight:700;color:#111827;margin-bottom:10px}.page-subtitle{font-size:14px;color:#6b7280;line-height:1.65;max-width:500px}.btn-add{display:inline-flex;align-items:center;gap:7px;padding:12px 22px;background:#1a3d2b;color:#fff;font-size:13px;font-weight:700;font-family:DM Sans,sans-serif;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .2s}.btn-add:hover{background:#145232}.cat-list{display:flex;flex-direction:column;gap:10px}.cat-row{background:#fff;border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:16px;border:1.5px solid #e5e7eb;transition:box-shadow .2s}.cat-row:hover{box-shadow:0 4px 16px #00000012}.cat-icon-wrap{width:46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cat-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cat-name{font-size:15px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-id{font-size:12px;color:#9ca3af}.cat-actions{display:flex;gap:8px;flex-shrink:0}.cat-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:background .15s,color .15s,border-color .15s}.cat-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#111827}.cat-btn--del:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.skeleton{height:74px;background:#fff;border-radius:12px;border:1.5px solid #e5e7eb;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.empty-state{display:flex;flex-direction:column;align-items:center;padding:80px 0;color:#9ca3af;gap:8px;font-size:15px}.form-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.form-left{display:flex;flex-direction:column;gap:20px}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6b7280}.field-input{width:100%;padding:14px 16px;font-size:14px;font-family:DM Sans,sans-serif;color:#111827;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;transition:border-color .2s}.field-input::placeholder{color:#c4c9d6}.field-input:focus{border-color:#1a3d2b}.action-row{display:flex;align-items:center;gap:20px}.btn-create{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:#1a3d2b;color:#fff;font-size:12px;font-weight:700;font-family:DM Sans,sans-serif;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:7px;cursor:pointer;transition:background .2s,transform .1s}.btn-create:hover{background:#145232}.btn-create:active{transform:scale(.98)}.btn-create:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:none;border:none;font-size:12px;font-weight:700;font-family:DM Sans,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;cursor:pointer;transition:color .2s}.btn-cancel:hover{color:#111827}.form-right{display:flex;flex-direction:column;gap:16px}.card{background:#fff;border-radius:12px;padding:20px;border:1.5px solid #e5e7eb}.card-title{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6b7280;margin-bottom:14px}.icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.icon-grid-scroll{max-height:220px;overflow-y:auto;padding-right:2px}.icon-grid-scroll::-webkit-scrollbar{width:4px}.icon-grid-scroll::-webkit-scrollbar-track{background:transparent}.icon-grid-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:99px}.icon-btn{height:58px;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;color:#9ca3af;transition:border-color .2s,background .2s,color .2s;padding:0 2px;overflow:hidden}.icon-btn:hover{border-color:#1a3d2b;color:#1a3d2b;background:#f0fdf4}.icon-btn--active{border-color:#1a3d2b;background:#e6f4ec;color:#1a3d2b}input[type=range].rgb-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:14px;background:transparent;outline:none;cursor:pointer}input[type=range].rgb-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.25);box-shadow:0 1px 4px #0003;cursor:pointer;margin-top:-2px}.tags-input{width:100%;padding:10px 12px;font-size:13px;font-family:DM Sans,sans-serif;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:6px;outline:none;color:#374151;transition:border-color .2s}.tags-input:focus{border-color:#1a3d2b}.toggle-wrap{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-wrap--disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.toggle-track{position:relative;width:40px;height:22px;border-radius:99px;background:#e5e7eb;border:1.5px solid #d1d5db;transition:background .22s,border-color .22s;flex-shrink:0}.toggle-track--on{background:#1a3d2b;border-color:#1a3d2b}.toggle-thumb{position:absolute;top:50%;left:2px;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000002e;transition:left .22s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.toggle-thumb--on{left:calc(100% - 18px)}.toggle-label{font-size:12px;font-weight:600;color:#6b7280;min-width:48px}.toggle-track--on+.toggle-label,.toggle-wrap:has(.toggle-track--on) .toggle-label{color:#1a3d2b}@keyframes tgl_spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:28px;right:28px;padding:13px 20px;border-radius:8px;font-size:13px;font-weight:600;color:#fff;box-shadow:0 8px 24px #00000026;z-index:9999;animation:slideUp .3s ease}.toast--success{background:#1a3d2b}.toast--error{background:#dc2626}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.page{padding:28px 20px}.page-top{flex-direction:column}.form-layout{grid-template-columns:1fr}}:root{--mm-bg: #f1f5f9;--mm-surface: #ffffff;--mm-border: #e2e8f0;--mm-border2: #f1f5f9;--mm-text: #0f172a;--mm-text-s: #334155;--mm-text-m: #64748b;--mm-text-p: #94a3b8;--mm-primary: #6366f1;--mm-primary-h: #4f46e5;--mm-shadow: 0 1px 4px rgba(0,0,0,.07), 0 4px 16px rgba(0,0,0,.04);--mm-shadow-md: 0 4px 24px rgba(0,0,0,.1), 0 1px 4px rgba(0,0,0,.06);--mm-radius: 14px;--mm-radius-s: 8px;--mm-font: "DM Sans", "Segoe UI", sans-serif}.mm-root{min-height:100vh;background:var(--mm-bg);padding:24px 20px 48px;font-family:var(--mm-font);box-sizing:border-box;position:relative}.mm-toast{position:fixed;top:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:600;box-shadow:0 8px 24px #00000026;animation:mmToastIn .28s cubic-bezier(.34,1.5,.64,1)}@keyframes mmToastIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mm-toast-success{background:#ecfdf5;color:#065f46;border:1.5px solid #6ee7b7}.mm-toast-error{background:#fef2f2;color:#991b1b;border:1.5px solid #fca5a5}.mm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:mmFadeIn .2s ease}@keyframes mmFadeIn{0%{opacity:0}to{opacity:1}}.mm-confirm-card{background:var(--mm-surface);border-radius:18px;padding:32px 28px 26px;max-width:380px;width:100%;text-align:center;box-shadow:var(--mm-shadow-md);animation:mmCardIn .3s cubic-bezier(.34,1.4,.64,1)}@keyframes mmCardIn{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.mm-confirm-icon-wrap{width:60px;height:60px;border-radius:50%;background:#ef44441a;border:2px solid rgba(239,68,68,.25);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.mm-confirm-title{font-size:18px;font-weight:800;color:var(--mm-text);margin:0 0 8px}.mm-confirm-desc{font-size:13px;color:var(--mm-text-m);line-height:1.6;margin:0 0 24px}.mm-confirm-desc strong{color:var(--mm-text)}.mm-confirm-actions{display:flex;gap:10px}.mm-btn-cancel,.mm-btn-danger{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 0;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;border:none;font-family:var(--mm-font);transition:all .15s}.mm-btn-cancel{background:var(--mm-border2);color:var(--mm-text-s);border:1.5px solid var(--mm-border)}.mm-btn-cancel:hover{background:#e2e8f0}.mm-btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;box-shadow:0 4px 12px #ef44444d}.mm-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 6px 18px #ef444466}.mm-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.mm-header-left{display:flex;align-items:center;gap:14px}.mm-header-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f14d;flex-shrink:0}.mm-page-title{font-size:20px;font-weight:800;color:var(--mm-text);margin:0;letter-spacing:-.3px}.mm-page-sub{font-size:12px;color:var(--mm-text-m);margin:2px 0 0}.mm-member-count{display:flex;align-items:center;gap:6px;background:var(--mm-surface);border:1.5px solid var(--mm-border);border-radius:12px;padding:8px 16px}.mm-count-num{font-size:22px;font-weight:800;color:var(--mm-primary);line-height:1}.mm-count-label{font-size:12px;font-weight:600;color:var(--mm-text-m)}.mm-form-card{background:var(--mm-surface);border:1.5px solid var(--mm-border);border-radius:var(--mm-radius);padding:20px 22px 22px;margin-bottom:20px;box-shadow:var(--mm-shadow)}.mm-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mm-form-title-row{display:flex;align-items:center;gap:8px}.mm-form-title{font-size:15px;font-weight:700;color:var(--mm-text)}.mm-cancel-edit-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;border:1.5px solid #fca5a5;background:#fef2f2;color:#dc2626;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--mm-font);transition:all .15s}.mm-cancel-edit-btn:hover{background:#fee2e2}.mm-form-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.mm-form-row:last-child{margin-bottom:0}.mm-field{display:flex;flex-direction:column;gap:5px}.mm-field-submit{justify-content:flex-end}.mm-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--mm-text-m);text-transform:uppercase;letter-spacing:.5px}.mm-input{height:40px;padding:0 12px;border:1.5px solid var(--mm-border);border-radius:var(--mm-radius-s);font-size:13px;color:var(--mm-text);background:var(--mm-bg);font-family:var(--mm-font);outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;width:100%}.mm-input:focus{border-color:var(--mm-primary);box-shadow:0 0 0 3px #6366f11f;background:#fff}.mm-input-error{border-color:#ef4444!important}.mm-input-error:focus{box-shadow:0 0 0 3px #ef44441f!important}.mm-select-wrap{position:relative}.mm-select{height:40px;padding:0 32px 0 12px;border:1.5px solid var(--mm-border);border-radius:var(--mm-radius-s);font-size:13px;color:var(--mm-text);background:var(--mm-bg);font-family:var(--mm-font);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;width:100%}.mm-select:focus{border-color:var(--mm-primary);box-shadow:0 0 0 3px #6366f11f;background:#fff}.mm-select-arrow{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--mm-text-m);pointer-events:none}.mm-status-toggle{display:flex;height:40px;border-radius:var(--mm-radius-s);border:1.5px solid var(--mm-border);overflow:hidden;background:var(--mm-bg)}.mm-toggle-btn{flex:1;border:none;background:transparent;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--mm-font);color:var(--mm-text-m);transition:all .15s}.mm-toggle-active{background:#16a34a1f;color:#16a34a}.mm-toggle-blocked{background:#ef44441f;color:#dc2626}.mm-submit-btn{height:40px;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border-radius:var(--mm-radius-s);border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:13px;font-weight:700;font-family:var(--mm-font);cursor:pointer;box-shadow:0 4px 14px #6366f159;transition:all .18s;white-space:nowrap}.mm-submit-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.mm-submit-btn:active{transform:translateY(0)}.mm-err{font-size:11px;color:#ef4444;font-weight:500}.mm-table-card{background:var(--mm-surface);border:1.5px solid var(--mm-border);border-radius:var(--mm-radius);box-shadow:var(--mm-shadow);overflow:hidden}.mm-table-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1.5px solid var(--mm-border2);background:var(--mm-bg)}.mm-table-title{font-size:14px;font-weight:700;color:var(--mm-text)}.mm-table-badge{background:#6366f11a;color:var(--mm-primary);border:1px solid rgba(99,102,241,.2);border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}.mm-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;color:var(--mm-text-p);font-size:13px}.mm-empty p{margin:0}.mm-table-scroll{overflow-x:auto;overflow-y:auto;max-height:520px;-webkit-overflow-scrolling:touch;position:relative}.mm-table{width:100%;border-collapse:collapse;min-width:820px}.mm-table thead{position:sticky;top:0;z-index:10}.mm-table thead tr{background:var(--mm-bg);border-bottom:1.5px solid var(--mm-border)}.mm-table th{padding:11px 14px;font-size:10.5px;font-weight:700;color:var(--mm-text-m);text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap;background:var(--mm-bg);box-shadow:0 1.5px 0 var(--mm-border)}.mm-table th:first-child{text-align:center}.mm-table tbody tr{border-bottom:1px solid var(--mm-border2);transition:background .12s}.mm-table tbody tr:last-child{border-bottom:none}.mm-table tbody tr:hover{background:#fafbff}.mm-row-editing{background:#6366f10a!important}.mm-row-editing td{box-shadow:inset 3px 0 0 var(--mm-primary)}.mm-table td{padding:13px 14px;font-size:13px;color:var(--mm-text-s);vertical-align:middle}.mm-td-num{text-align:center;font-weight:600;color:var(--mm-text-m);font-size:12px}.mm-td-mono{font-family:monospace;font-size:12.5px;color:var(--mm-text-m)}.mm-td-email{font-size:12px;color:var(--mm-text-m)}.mm-td-branch{font-size:12.5px}.mm-name-cell{display:flex;align-items:center;gap:9px}.mm-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.mm-name-text{font-weight:600;color:var(--mm-text);font-size:13px}.mm-commission{font-size:13px;font-weight:700;color:#6366f1}.mm-role-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:700;border:1px solid transparent;white-space:nowrap}.mm-role-admin{background:#ef44441a;color:#dc2626;border-color:#ef444440}.mm-role-manager{background:#f59e0b1a;color:#d97706;border-color:#f59e0b40}.mm-role-agent{background:#6366f11a;color:#6366f1;border-color:#6366f140}.mm-role-viewer{background:#64748b1a;color:#475569;border-color:#64748b40}.mm-status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid transparent;white-space:nowrap}.mm-status-active{background:#16a34a1a;color:#16a34a;border-color:#16a34a40}.mm-status-blocked{background:#ef44441a;color:#dc2626;border-color:#ef444440}.mm-actions{display:flex;align-items:center;gap:7px}.mm-action-btn{width:30px;height:30px;border-radius:7px;border:1.5px solid var(--mm-border);background:var(--mm-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;color:var(--mm-text-m)}.mm-action-edit:hover{background:#6366f11a;border-color:#6366f166;color:#6366f1}.mm-action-delete:hover{background:#ef44441a;border-color:#ef444459;color:#ef4444}.mm-scroll-sentinel{padding:14px 0;display:flex;justify-content:center}.mm-load-more-spinner{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mm-text-m);font-weight:500}.mm-scroll-end{font-size:12px;color:var(--mm-text-p);font-weight:500;padding:4px 16px;background:var(--mm-border2);border-radius:20px}@keyframes mmSpin{to{transform:rotate(360deg)}}.mm-spin{animation:mmSpin .8s linear infinite}.mm-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:mmSpin .8s linear infinite}.mm-spinner--light{border-top-color:#6366f1;border-color:#6366f133}.mm-loading-spinner{width:32px;height:32px;border:3px solid var(--mm-border);border-top-color:var(--mm-primary);border-radius:50%;animation:mmSpin .8s linear infinite}.mm-loading-spinner--sm{width:16px;height:16px;border-width:2px}.mm-select-owner{border-color:#f59e0b!important;color:#d97706!important;background:#f59e0b0d!important}.mm-select-owner:focus{box-shadow:0 0 0 3px #f59e0b26!important}.mm-submit-owner{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 4px 14px #f59e0b59!important}.mm-submit-owner:hover{background:linear-gradient(135deg,#d97706,#b45309)!important;box-shadow:0 6px 20px #f59e0b73!important}.mm-filters-card{display:flex;align-items:center;flex-wrap:nowrap;gap:10px;background:var(--mm-surface);border:1.5px solid var(--mm-border);border-radius:var(--mm-radius);padding:12px 16px;margin-bottom:16px;box-shadow:var(--mm-shadow);overflow-x:auto}.mm-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--mm-text-p)}.mm-search-input{width:100%;height:36px;padding:0 12px 0 34px;border:1.5px solid var(--mm-border);border-radius:var(--mm-radius-s);font-size:13px;color:var(--mm-text);background:var(--mm-bg);font-family:var(--mm-font);outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.mm-filter-select-wrap{position:relative;display:flex;align-items:center;flex-shrink:0}.mm-filter-icon{position:absolute;left:10px;color:var(--mm-text-p);pointer-events:none;z-index:1}.mm-filter-select{height:36px;padding:0 28px 0 30px;border:1.5px solid var(--mm-border);border-radius:var(--mm-radius-s);font-size:12.5px;color:var(--mm-text-s);background:var(--mm-bg);font-family:var(--mm-font);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:120px;transition:border-color .15s}.mm-filter-select:focus{border-color:var(--mm-primary);box-shadow:0 0 0 3px #6366f11f;background:#fff}.mm-filter-select-wrap:after{content:"▾";position:absolute;right:9px;font-size:10px;color:var(--mm-text-m);pointer-events:none}.mm-date-split-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.mm-date-pill{position:relative;display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;background:#fff;border:1.5px solid var(--mm-border);border-radius:50px;cursor:pointer;transition:border-color .15s,box-shadow .15s;min-width:152px;box-sizing:border-box;overflow:hidden}.mm-date-pill:focus-within{border-color:var(--mm-primary);box-shadow:0 0 0 3px #6366f11f}.mm-date-cal-icon{flex-shrink:0;color:#94a3b8;pointer-events:none}.mm-date-pill-text{font-size:13px;font-family:var(--mm-font);color:var(--mm-text-s);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;flex:1}.mm-date-pill-text.mm-date-pill-empty{color:var(--mm-text-p)}.mm-date-pill-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;background:transparent;outline:none;padding:0;margin:0;box-sizing:border-box;z-index:1}.mm-date-pill-input::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.mm-date-range-sep{font-size:12px;font-weight:600;color:var(--mm-text-p);flex-shrink:0;-webkit-user-select:none;user-select:none}.mm-date-range-inline,.mm-date-flat{display:none}.mm-date-range-icon{flex-shrink:0}.mm-error-banner{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#fef2f2;border-bottom:1px solid #fecaca;color:#b91c1c;font-size:13px}.mm-retry-btn{margin-left:auto;padding:4px 12px;border-radius:7px;border:1px solid #fca5a5;background:#fff;color:#dc2626;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--mm-font)}.mm-td-date{font-size:11.5px;color:var(--mm-text-m);white-space:nowrap}.mm-role-owner{background:#eab3081f;color:#a16207;border-color:#eab3084d}.mm-role-super-admin{background:#ef44441a;color:#dc2626;border-color:#ef444440}.mm-role-telecaller{background:#10b9811a;color:#059669;border-color:#10b98140}.mm-role-creator{background:#8b5cf61a;color:#7c3aed;border-color:#8b5cf640}.mm-role-employee{background:#64748b1a;color:#475569;border-color:#64748b40}.mm-input-readonly{background:var(--mm-border2)!important;color:var(--mm-primary)!important;font-weight:700!important;cursor:not-allowed;border-color:var(--mm-border)!important}.mm-input-readonly:focus{box-shadow:none!important;border-color:var(--mm-border)!important}@media (max-width: 1100px){.mm-form-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.mm-root{padding:14px 12px 40px}.mm-form-row{grid-template-columns:1fr}.mm-form-card{padding:16px 14px}.mm-page-title{font-size:17px}.mm-filters-card{flex-wrap:wrap}.mm-date-range-inline{width:100%}.mm-date-flat{width:100px}}.mm-search-wrap{position:relative;flex-shrink:0;min-width:160px;max-width:220px}.mm-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--mm-text-p);pointer-events:none}.mm-search-input{width:100%;height:36px;padding:0 32px 0 34px;border:1.5px solid var(--mm-border);border-radius:var(--mm-radius-s);font-size:13px;color:var(--mm-text);background:var(--mm-bg);font-family:var(--mm-font);outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.mm-search-input:focus{border-color:var(--mm-primary);box-shadow:0 0 0 3px #6366f11f;background:#fff}.mm-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--mm-text-p);cursor:pointer;border-radius:50%;transition:all .15s ease;z-index:1}.mm-search-clear:hover{background:#00000014;color:#dc2626}@media (max-width: 640px){.mm-search-wrap{min-width:140px;max-width:100%}}.lessons{padding:0 0 32px;min-height:100vh;background:#f5f6f7;font-family:Outfit,sans-serif}.lessons__topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:#f5f6f7;border-bottom:1px solid #e5e7eb}.lessons__breadcrumb{display:flex;align-items:center;gap:6px;font-size:13.5px;font-family:Outfit,sans-serif}.lessons__breadcrumb-link{color:#6b7280;cursor:pointer}.lessons__breadcrumb-link:hover{color:#111827}.lessons__breadcrumb-sep{color:#9ca3af;font-size:15px}.lessons__breadcrumb-current{color:#111827;font-weight:600}.lessons__topbar-actions{display:flex;align-items:center;gap:8px}.lessons__icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .15s ease}.lessons__icon-btn:hover{background:#e5e7eb;color:#111827}.lessons__btn-add{display:flex;align-items:center;gap:7px;padding:9px 18px;border:none;border-radius:8px;background:#1a3c1a;color:#fff;font-size:14px;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:background .15s ease}.lessons__btn-add:hover{background:#2d5a2d}.lessons__header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 16px}.lessons__title{font-size:26px;font-weight:700;color:#111827;margin:0 0 4px;font-family:Outfit,sans-serif}.lessons__subtitle{font-size:13.5px;color:#6b7280;margin:0;font-family:Outfit,sans-serif}.lessons__header-right{display:flex;align-items:center;gap:10px}.lessons__search-wrap{position:relative;display:flex;align-items:center}.lessons__search-icon{position:absolute;left:11px;color:#9ca3af;pointer-events:none}.lessons__search{padding:8px 12px 8px 34px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:13.5px;font-family:Outfit,sans-serif;color:#374151;width:220px;outline:none;transition:border-color .15s ease}.lessons__search::placeholder{color:#9ca3af}.lessons__search:focus{border-color:#1a3c1a}.lessons__filter-btn{position:relative;display:flex;align-items:center;gap:6px;padding:8px 12px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:13.5px;font-family:Outfit,sans-serif;font-weight:500;color:#374151;cursor:pointer;transition:border-color .15s ease;white-space:nowrap}.lessons__filter-btn:hover{border-color:#9ca3af}.lessons__filter-select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.lessons__filter-label{pointer-events:none}.lessons__card{margin:0 28px;background:#fff;border-radius:14px;border:1px solid #e5e7eb;overflow:hidden}.lessons__table{width:100%;border-collapse:collapse}.lessons__table-head-row{border-bottom:1px solid #e5e7eb;background:#fff}.lessons__th{padding:12px 20px;font-size:11px;font-weight:700;color:#9ca3af;letter-spacing:.07em;text-transform:uppercase;font-family:Outfit,sans-serif;text-align:left;white-space:nowrap}.lessons__th--actions{text-align:right}.lessons__table-row{border-bottom:1px solid #f0f1f3;transition:background .12s ease}.lessons__table-row:last-child{border-bottom:none}.lessons__table-row:hover{background:#fafafa}.lessons__td{padding:16px 20px;vertical-align:middle}.lessons__lesson-info{display:flex;align-items:center;gap:12px}.lessons__lesson-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.lessons__lesson-text{display:flex;flex-direction:column;gap:2px}.lessons__lesson-name{font-size:14px;font-weight:600;color:#111827;font-family:Outfit,sans-serif}.lessons__lesson-updated{font-size:12px;color:#9ca3af;font-family:Outfit,sans-serif}.lessons__category-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12.5px;font-weight:600;font-family:Outfit,sans-serif}.lessons__category-badge--development{background:#e8f5e9;color:#2e7d32}.lessons__category-badge--design{background:#e3f2fd;color:#1565c0}.lessons__category-badge--marketing{background:#fff8e1;color:#f57f17}.lessons__category-badge--data{background:#f3e5f5;color:#6a1b9a}.lessons__category-badge--business{background:#e8eaf6;color:#3730a3}.lessons__count-wrap{display:flex;align-items:center;gap:6px}.lessons__count{font-size:14px;color:#374151;font-family:Outfit,sans-serif;font-weight:500}.lessons__duration-wrap{display:flex;align-items:center;gap:6px}.lessons__duration{font-size:14px;color:#374151;font-family:Outfit,sans-serif;font-weight:500}.lessons__status-wrap{display:flex;align-items:center;gap:8px}.lessons__toggle{position:relative;width:40px;height:22px;border:none;border-radius:11px;cursor:pointer;transition:background .2s ease;padding:0;flex-shrink:0}.lessons__toggle--on{background:#1a3c1a}.lessons__toggle--off{background:#d1d5db}.lessons__toggle-thumb{position:absolute;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left .2s ease;box-shadow:0 1px 3px #0003}.lessons__toggle--on .lessons__toggle-thumb{left:21px}.lessons__toggle--off .lessons__toggle-thumb{left:3px}.lessons__status-label{font-size:13.5px;font-family:Outfit,sans-serif;font-weight:500}.lessons__status-label--live{color:#1a3c1a}.lessons__status-label--draft{color:#9ca3af}.lessons__td--actions{text-align:right}.lessons__actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.lessons__action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#9ca3af;border-radius:6px;cursor:pointer;transition:all .15s ease}.lessons__action-btn:hover{background:#f3f4f6;color:#374151}.lessons__action-btn--delete:hover{background:#fef2f2;color:#dc2626}.lessons__loader{padding:18px 20px;border-top:1px solid #f0f1f3;display:flex;align-items:center;justify-content:center;min-height:56px}.lessons__loader-inner{display:flex;align-items:center;gap:10px}.lessons__loader-text{font-size:13px;color:#6b7280;font-family:Outfit,sans-serif}.lessons__spinner{width:18px;height:18px;border:2px solid #e5e7eb;border-top-color:#1a3c1a;border-radius:50%;animation:lessons-spin .7s linear infinite;flex-shrink:0}@keyframes lessons-spin{to{transform:rotate(360deg)}}.lessons__all-loaded{font-size:13px;color:#9ca3af;font-family:Outfit,sans-serif;margin:0}.alm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:alm-fade-in .18s ease}@keyframes alm-fade-in{0%{opacity:0}to{opacity:1}}.alm-modal{background:#fff;border-radius:16px;width:100%;max-width:760px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000002e;animation:alm-slide-up .22s ease;font-family:Outfit,sans-serif}@keyframes alm-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.alm-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 0}.alm-title{font-size:22px;font-weight:700;color:#111827;margin:0 0 4px}.alm-breadcrumb{font-size:11px;letter-spacing:.06em}.alm-breadcrumb-link{color:#9ca3af;font-weight:600}.alm-breadcrumb-sep{color:#d1d5db;margin:0 2px}.alm-breadcrumb-current{color:#9ca3af;font-weight:600}.alm-back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:13px;font-weight:600;font-family:Outfit,sans-serif;color:#374151;cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap}.alm-back-btn:hover{border-color:#9ca3af;background:#f9fafb}.alm-body{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;padding:20px 28px 0}.alm-col{display:flex;flex-direction:column;gap:18px}.alm-field{display:flex;flex-direction:column;gap:6px}.alm-field--full{padding:0 28px;margin-top:18px}.alm-label{font-size:13px;font-weight:600;color:#374151}.alm-input{padding:10px 13px;border:1.5px solid #d1d5db;border-radius:8px;font-size:13.5px;font-family:Outfit,sans-serif;color:#111827;outline:none;transition:border-color .15s;background:#fff}.alm-input::placeholder{color:#9ca3af}.alm-input:focus{border-color:#1a3c1a}.alm-select-wrap{position:relative;display:flex;align-items:center}.alm-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:10px 36px 10px 13px;border:1.5px solid #d1d5db;border-radius:8px;font-size:13.5px;font-family:Outfit,sans-serif;color:#374151;background:#fff;outline:none;cursor:pointer;transition:border-color .15s}.alm-select:focus{border-color:#1a3c1a}.alm-select-arrow{position:absolute;right:11px;color:#6b7280;pointer-events:none}.alm-duration-wrap{display:flex;align-items:center;border:1.5px solid #d1d5db;border-radius:8px;overflow:hidden;transition:border-color .15s;background:#fff}.alm-duration-wrap:focus-within{border-color:#1a3c1a}.alm-duration-icon{padding:0 10px 0 13px;color:#6b7280;flex-shrink:0}.alm-input--duration{border:none;border-radius:0;padding:10px 13px 10px 4px;flex:1;min-width:0}.alm-input--duration:focus{border-color:transparent}.alm-dropzone{border:1.5px dashed #d1d5db;border-radius:10px;padding:28px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:border-color .15s,background .15s;text-align:center;min-height:130px;background:#fafafa}.alm-dropzone:hover,.alm-dropzone--over{border-color:#1a3c1a;background:#f0f7f0}.alm-dropzone-icon{width:44px;height:44px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280;margin-bottom:4px}.alm-dropzone-text{font-size:13px;font-weight:600;color:#374151;margin:0}.alm-dropzone-hint{font-size:11.5px;color:#9ca3af;margin:0}.alm-thumb-preview{width:100%;max-height:120px;object-fit:cover;border-radius:8px}.alm-publish-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1.5px solid #e5e7eb;border-radius:10px;background:#fafafa}.alm-publish-info{display:flex;align-items:center;gap:10px}.alm-publish-label{font-size:14px;font-weight:600;color:#111827;margin:0 0 2px}.alm-publish-sub{font-size:10px;letter-spacing:.06em;color:#9ca3af;margin:0}.alm-toggle{position:relative;width:40px;height:22px;border:none;border-radius:11px;cursor:pointer;transition:background .2s ease;padding:0;flex-shrink:0}.alm-toggle--on{background:#1a3c1a}.alm-toggle--off{background:#d1d5db}.alm-toggle-thumb{position:absolute;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left .2s ease;box-shadow:0 1px 3px #0003}.alm-toggle--on .alm-toggle-thumb{left:21px}.alm-toggle--off .alm-toggle-thumb{left:3px}.alm-textarea{padding:11px 13px;border:1.5px solid #d1d5db;border-radius:8px;font-size:13.5px;font-family:Outfit,sans-serif;color:#111827;resize:vertical;outline:none;transition:border-color .15s;background:#fff;min-height:110px}.alm-textarea::placeholder{color:#9ca3af}.alm-textarea:focus{border-color:#1a3c1a}.alm-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:20px 28px 24px;margin-top:8px}.alm-btn-cancel{padding:10px 22px;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;font-weight:600;font-family:Outfit,sans-serif;color:#374151;cursor:pointer;transition:border-color .15s,background .15s}.alm-btn-cancel:hover{border-color:#9ca3af;background:#f9fafb}.alm-btn-create{padding:10px 22px;border:none;border-radius:8px;background:#111827;color:#fff;font-size:14px;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:background .15s}.alm-btn-create:hover{background:#1f2937}@media (max-width: 580px){.alm-body{grid-template-columns:1fr}.alm-modal{border-radius:12px}.lessons__header{flex-direction:column;align-items:flex-start;gap:14px}.lessons__header-right{flex-wrap:wrap}.lessons__search{width:100%}}