@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#172033;font-synthesis:none;--blue:#155eef;--navy:#102a56;--line:#e5eaf2;--muted:#667085;background:#f4f7fc;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{z-index:30;color:#fff;background:linear-gradient(#0e2b59 0%,#123b79 60%,#155eef 130%);flex-direction:column;width:260px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 28px #102a561a}.brand,.login-brand,.mobile-login-brand{align-items:center;gap:12px;display:flex}.brand{border-bottom:1px solid #ffffff21;padding:0 8px 25px}.brand-mark{width:42px;height:42px;color:var(--blue);background:linear-gradient(145deg,#fff,#bfd5ff);border-radius:13px;flex:0 0 42px;place-items:center;display:grid;box-shadow:0 8px 24px #00000029}.brand-mark span{font:800 23px Manrope}.brand strong,.login-brand strong{letter-spacing:1.7px;font:800 17px Manrope;display:block}.brand small,.login-brand small{letter-spacing:2px;color:#c7d8fa;margin-top:2px;font-size:8px;display:block}.profile-card{background:#ffffff17;border:1px solid #ffffff1a;border-radius:13px;align-items:center;gap:11px;margin:22px 5px 14px;padding:12px;display:flex}.avatar{width:40px;height:40px;color:var(--blue);background:#fff;border-radius:50%;place-items:center;font-weight:700;display:grid}.avatar-small{width:34px;height:34px}.profile-card strong{font-size:13px;display:block}.profile-card small{color:#b9cff5;text-transform:capitalize;margin-top:3px;font-size:10px;display:block}.nav-label{letter-spacing:1.6px;color:#8fb2ec;margin:20px 12px 9px;font-size:9px;font-weight:700}.sidebar-nav{gap:5px;display:grid}.sidebar-nav a,.logout-link{color:#c9d8f2;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;min-height:46px;padding:0 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar-nav a svg,.logout-link svg{font-size:18px}.logout-link{color:#d5e1f5;width:100%;margin-top:auto}.main-area{min-height:100vh;margin-left:260px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 30px;display:flex;position:sticky;top:0}.search-box,.filter-search{color:#98a2b3;align-items:center;gap:10px;display:flex}.search-box{background:#f8fafd;border:1px solid #e8edf4;border-radius:11px;width:min(430px,50vw);height:42px;padding:0 14px}.search-box input,.filter-search input{color:#172033;background:0 0;border:0;outline:0;width:100%}.topbar-user{color:#344054;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.icon-button{color:inherit;background:0 0;border:0;place-items:center;padding:0;font-size:21px;display:grid}.menu-button,.sidebar-close{display:none}.page-content{width:min(1500px,100%);margin:auto;padding:28px 30px 50px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.page-heading h1{color:#14213a;margin:3px 0 0;font:800 27px Manrope}.page-heading>p{color:var(--muted);margin:0;font-size:13px}.eyebrow{color:var(--blue);letter-spacing:1.4px;margin:0;font-size:10px;font-weight:800}.dashboard-grid{grid-template-columns:1.65fr 1fr;gap:20px;display:grid}.welcome-banner,.stats-grid{grid-column:1/-1}.welcome-banner{color:#fff;background:linear-gradient(115deg,#1045a1 0%,#155eef 55%,#5e8ff5 100%);border-radius:19px;justify-content:space-between;align-items:center;min-height:150px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 35px #155eef2e}.welcome-banner:after{content:"";border:45px solid #ffffff1a;border-radius:50%;width:310px;height:310px;position:absolute;top:-190px;right:-70px}.welcome-banner p{color:#dbe8ff;margin:0 0 7px;font-size:14px}.welcome-banner h2{margin:0 0 6px;font:800 25px Manrope}.welcome-banner span{color:#dce8ff;font-size:13px}.light-button,.primary-button,.secondary-button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:13px;font-weight:700;display:inline-flex}.light-button{z-index:1;color:#144da8;background:#fff}.primary-button{color:#fff;background:var(--blue);box-shadow:0 7px 15px #155eef33}.secondary-button{color:#344054;background:#fff;border:1px solid #d8e0eb}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{background:#fff;border:1px solid #e7ecf3;border-radius:16px;align-items:flex-start;gap:14px;padding:20px;display:flex;box-shadow:0 6px 18px #0f234609}.stat-icon{border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.stat-card span,.stat-card small{color:var(--muted);display:block}.stat-card span{font-size:12px}.stat-card strong{margin:3px 0 2px;font:800 24px Manrope;display:block}.stat-card small{color:#98a2b3;font-size:10px}.panel,.table-card,.toolbar-card,.calendar-panel{background:#fff;border:1px solid #e6ebf2;border-radius:16px;box-shadow:0 7px 22px #102a5609}.panel{padding:22px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel-header h3{margin:3px 0 0;font:700 17px Manrope}.panel-header a{color:var(--blue);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.activity-list{display:grid}.activity-item{border-top:1px solid #edf0f5;grid-template-columns:38px minmax(120px,1fr) auto auto;align-items:center;gap:11px;padding:12px 0;display:grid}.activity-item:first-child{border:0}.student-avatar{color:#155eef;background:#eaf1ff;border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.activity-item strong,.activity-item span,table strong,table small{display:block}.activity-item strong{font-size:12px}.activity-item div>span,.activity-item time{color:#98a2b3;font-size:10px}.activity-item time{align-items:center;gap:4px;display:flex}.batch-badge{background:#eff4ff;border-radius:6px;width:max-content;padding:5px 8px;font-weight:700;color:#175cd3!important;font-size:10px!important}.progress-list{gap:20px;display:grid}.progress-label{justify-content:space-between;margin-bottom:7px;font-size:12px;display:flex}.progress-label strong{color:var(--blue)}.progress-track{background:#edf2f8;border-radius:9px;height:7px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#155eef,#72a0ff);height:100%;display:block}.monthly-list{gap:10px;display:grid}.monthly-item{border-top:1px solid #edf0f5;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:11px 0;font-size:12px;display:grid}.monthly-item:first-child{border-top:0;padding-top:0}.monthly-item strong{color:var(--blue);font-size:11px}.monthly-item small{color:#98a2b3;font-weight:700}.toolbar-card{align-items:center;gap:12px;margin-bottom:16px;padding:14px;display:flex}.filter-search{border:1px solid #dde4ee;border-radius:10px;flex:1;min-width:260px;height:42px;padding:0 13px}.toolbar-card select,.form-grid input,.form-grid select{color:#344054;background:#fff;border:1px solid #d8e0eb;border-radius:9px;outline:0;height:42px;padding:0 12px}.toolbar-card select:focus,.form-grid input:focus,.form-grid select:focus{border-color:#77a3fa;box-shadow:0 0 0 3px #edf3ff}.view-switch{background:#f0f3f8;border-radius:9px;padding:4px;display:flex}.view-switch button{color:#667085;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.view-switch button.active{color:var(--blue);background:#fff;box-shadow:0 2px 5px #d8dee8}.record-count{color:#667085;font-size:12px;font-weight:700}.table-card{overflow:hidden}.table-summary{border-bottom:1px solid #e8edf4;align-items:baseline;gap:10px;padding:16px 20px;display:flex}.table-summary span{font-weight:700}.table-summary small{color:#98a2b3}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:#667085;letter-spacing:.5px;text-transform:uppercase;background:#f8fafc;padding:12px 18px;font-size:10px}td{color:#475467;border-top:1px solid #edf0f4;padding:14px 18px;font-size:12px}td small{color:#98a2b3;margin-top:3px}.table-person{align-items:center;gap:10px;display:flex}.table-person strong{color:#243047}.action-buttons{gap:6px;display:flex}.action-buttons button,.delete-icon{color:#475467;background:#fff;border:1px solid #dde4ed;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.empty-state{color:#98a2b3;place-items:center;gap:8px;min-height:130px;padding:25px;display:grid}.table-pagination{color:#667085;border-top:1px solid #e8edf4;justify-content:flex-end;align-items:center;gap:12px;padding:14px 20px;font-size:12px;font-weight:700;display:flex}.table-pagination .secondary-button{min-height:36px;padding:0 13px}.table-pagination button:disabled{cursor:not-allowed;opacity:.45}.calendar-panel{padding:20px}.calendar-toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.calendar-toolbar h3{margin:0;font:700 17px Manrope}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-day{text-align:center;color:#667085;padding:8px;font-size:10px}.calendar-cell{color:#344054;background:#fff;border:1px solid #e8edf4;border-radius:10px;min-height:95px;padding:10px}.calendar-cell small{color:#155eef;background:#edf3ff;border-radius:6px;width:max-content;max-width:100%;margin-top:10px;padding:5px 6px;font-size:9px;display:block}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a193280;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:18px;width:min(760px,100%);max-height:92vh;overflow-y:auto;box-shadow:0 30px 70px #09193740}.modal-small{width:min(650px,100%)}.modal-header{border-bottom:1px solid #e9edf3;justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.modal-header h2{margin:4px 0 0;font:800 21px Manrope}.form-grid{grid-template-columns:1fr 1fr;gap:16px;padding:22px 24px;display:grid}.form-grid label{color:#344054;gap:7px;font-size:11px;font-weight:700;display:grid}.full-field{grid-column:1/-1}.modal-actions{justify-content:flex-end;gap:9px;padding-top:5px;display:flex}.alert{border-radius:8px;padding:11px 13px;font-size:12px}.alert-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.course-grid,.messages-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.course-card,.message-card{background:#fff;border:1px solid #e4eaf2;border-radius:15px;padding:21px;position:relative;box-shadow:0 6px 18px #102a5609}.course-icon{width:43px;height:43px;color:var(--blue);background:#eaf1ff;border-radius:11px;place-items:center;font-size:20px;display:grid}.course-status{position:absolute;top:21px;right:21px}.status-active,.status-inactive{border-radius:7px;padding:5px 8px;font-size:10px;font-weight:700}.course-card h3{margin:18px 0 8px;font:700 16px Manrope}.course-card p{color:#667085;min-height:54px;margin:0;font-size:12px;line-height:1.5}.course-meta{border-block:1px solid #edf0f4;margin:17px 0;padding:14px 0;display:flex}.course-meta span{color:#98a2b3;width:50%;font-size:10px}.course-meta strong{color:#344054;margin-top:4px;font-size:12px;display:block}.full-button{width:100%}.message-head{align-items:center;gap:10px;display:flex}.message-head h3{margin:0 0 4px;font-size:14px}.message-head a,.phone-line{color:var(--blue);align-items:center;gap:5px;font-size:11px;display:flex}.message-head .delete-icon{margin-left:auto}.phone-line{width:max-content;margin:16px 0 0}.message-card>p{color:#667085;border-top:1px solid #edf0f4;margin:14px 0 0;padding-top:14px;font-size:12px;line-height:1.6}.login-page{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-showcase{color:#fff;background:radial-gradient(circle at 75% 25%,#4485ff7a,#0000 28%),linear-gradient(145deg,#0a2550,#155eef);flex-direction:column;padding:45px 7vw;display:flex}.login-brand .brand-mark{width:45px;height:45px}.showcase-copy{max-width:580px;margin:auto 0}.secure-pill{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:20px;align-items:center;gap:7px;width:max-content;padding:8px 11px;font-size:11px;display:flex}.showcase-copy h1{letter-spacing:-1.5px;max-width:560px;margin:22px 0 16px;font:800 clamp(36px,4vw,58px)/1.12 Manrope}.showcase-copy>p{color:#cbdcff;max-width:500px;font-size:16px;line-height:1.65}.feature-row{background:#ffffff17;border-radius:13px;align-items:center;gap:12px;width:max-content;margin-top:32px;padding:14px 18px;display:flex}.feature-row>div{color:#155eef;background:#fff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.feature-row strong,.feature-row small{display:block}.feature-row strong{font-size:12px}.feature-row small{color:#c9daf8;margin-top:3px;font-size:10px}.login-domain{color:#aac4f1;font-size:11px}.login-panel{place-items:center;padding:40px;display:grid}.login-form{width:min(410px,100%)}.login-form h2{margin:7px 0;font:800 32px Manrope}.form-intro{color:#667085;margin:0 0 27px;font-size:13px}.login-form>label{color:#344054;gap:8px;margin-top:17px;font-size:12px;font-weight:700;display:grid}.input-with-icon{color:#98a2b3;border:1px solid #d8e0eb;border-radius:10px;align-items:center;gap:10px;height:48px;padding:0 14px;display:flex}.input-with-icon:focus-within{border-color:#6e9cf7;box-shadow:0 0 0 3px #edf3ff}.input-with-icon input{color:#172033;border:0;outline:0;width:100%}.input-with-icon button{color:#98a2b3;background:0 0;border:0;display:grid}.login-button{width:100%;min-height:48px;margin-top:24px}.login-help{text-align:center;color:#98a2b3;font-size:10px}.mobile-login-brand{display:none}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.course-grid,.messages-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.sidebar{transition:transform .25s;transform:translate(-105%)}.sidebar-open{transform:translate(0)}.sidebar-close{color:#fff;margin-left:auto;display:grid}.sidebar-backdrop{z-index:25;background:#09193280;border:0;position:fixed;inset:0}.main-area{margin-left:0}.menu-button{display:grid}.topbar{padding:0 18px}.topbar-user span{display:none}.page-content{padding:22px 18px 40px}.login-page{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{min-height:100vh;padding:25px}.mobile-login-brand{color:#123b79;margin-bottom:35px;display:flex}.course-grid,.messages-grid{grid-template-columns:1fr}}@media (width<=600px){.page-heading{align-items:flex-start}.page-heading>p{display:none}.welcome-banner{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.stats-grid{grid-template-columns:1fr}.toolbar-card{flex-wrap:wrap;align-items:stretch}.filter-search{min-width:100%}.toolbar-card select{flex:1}.toolbar-card .primary-button{width:100%}.activity-item{grid-template-columns:38px 1fr auto}.activity-item time{display:none}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.calendar-cell{min-height:65px;padding:6px}.calendar-cell small{font-size:0}.calendar-cell small:after{content:"•";font-size:16px}.modal-backdrop{padding:10px}.search-box{flex:1;width:auto;margin:0 12px}}:root{color:#e7ecf7;--blue:#4f7cff;--navy:#0b1020;--line:#20283b;--muted:#8d98af;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#070b16}body,.app-shell,.main-area{background:#080d19}.sidebar{background:#090e1b;border-right:1px solid #1d2537;box-shadow:12px 0 35px #00000040}.brand{min-height:76px;padding:2px 8px 19px}.login-brand-logo{object-fit:contain;object-position:left center;width:190px;height:78px}.profile-card{background:#11182a;border-color:#252e44}.avatar{color:#fff;background:linear-gradient(145deg,#315ddb,#6f8fff)}.profile-card small,.nav-label{color:#78849c}.sidebar-nav a,.logout-link{color:#8f9ab0}.sidebar-nav a:hover{color:#fff;background:#121a2c}.sidebar-nav a.active{color:#fff;background:linear-gradient(110deg,#3156cb,#5a42c7);box-shadow:0 8px 24px #444adc47}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090e1bf0;border-color:#1d2537}.search-box{background:#0e1525;border-color:#20293d}.search-box input,.filter-search input{color:#e6ebf5}.search-box input::placeholder,.filter-search input::placeholder,.input-with-icon input::placeholder{color:#5f6b82}.topbar-user{color:#cbd3e2}.page-heading h1{color:#f2f5fb}.page-heading>p,.stat-card span,.stat-card small,.record-count,.form-intro,.login-help{color:#8894aa}.eyebrow{color:#6f91ff}.welcome-banner{background:radial-gradient(circle at 82% 0,#5e46e073,#0000 34%),linear-gradient(120deg,#111a38,#172e70);border:1px solid #263460;box-shadow:0 16px 38px #0000003d}.light-button{color:#fff;background:#4b63dd}.primary-button{background:linear-gradient(120deg,#3866e8,#6546d5);box-shadow:0 7px 18px #4052dc42}.primary-button:hover{background:linear-gradient(120deg,#4874ed,#7355dc)}.secondary-button{color:#c8d0df;background:#121a2a;border-color:#2a344a}.stat-card,.panel,.table-card,.toolbar-card,.calendar-panel,.course-card,.message-card{color:#dce2ee;background:#0e1422;border-color:#20293b;box-shadow:0 8px 24px #00000029}.stat-card strong,.panel-header h3,.calendar-toolbar h3,.course-card h3,.message-head h3{color:#f0f3f9}.stat-icon.blue{color:#76a0ff;background:#142448}.stat-icon.cyan{color:#43c8e5;background:#102b36}.stat-icon.violet{color:#ad8bff;background:#261d45}.stat-icon.green{color:#54d99b;background:#112e27}.activity-item{border-color:#20283a}.activity-item strong,.table-person strong{color:#e7ebf3}.activity-item div>span,.activity-item time,td small,.table-summary small,.course-card p,.course-meta span,.message-card>p{color:#7f8ba2}.student-avatar{color:#8cafff;background:#172344}.batch-badge{background:#17264b;color:#8fb0ff!important}.progress-track{background:#1b2335}.monthly-item{border-color:#20283a}.monthly-item small{color:#7f8ba2}.filter-search,.toolbar-card select,.form-grid input,.form-grid select,.input-with-icon{color:#d8deea;background:#0b111e;border-color:#273147}.toolbar-card select:focus,.form-grid input:focus,.form-grid select:focus,.input-with-icon:focus-within{border-color:#557bec;box-shadow:0 0 0 3px #4669dc29}.view-switch{background:#080d18}.view-switch button{color:#77839a}.view-switch button.active{color:#8eacff;box-shadow:none;background:#1a2438}.table-summary,.modal-header,.message-card>p,.table-pagination{border-color:#222b3d}th{color:#818ca1;background:#0a101c}td{color:#aeb8ca;border-color:#20283a}.action-buttons button,.delete-icon{color:#aeb8ca;background:#111a2b;border-color:#2a3448}.action-buttons .danger,.delete-icon{color:#ff7d77}.calendar-day{color:#78849a}.calendar-cell{color:#cbd3e1;background:#0b111d;border-color:#232c40}.calendar-empty{background:#090e18}.calendar-cell small{color:#8cafff;background:#16254a}.modal-backdrop{background:#02050cc7}.modal-card{color:#dce2ed;background:#0e1524;border:1px solid #293349;box-shadow:0 30px 80px #0000008c}.modal-header h2,.login-form h2{color:#f3f5fa}.form-grid label,.login-form>label{color:#aeb8ca}.alert-error{color:#ffaaa4;background:#351b22;border-color:#63313b}.course-meta{border-color:#222b3d}.course-meta strong{color:#d9dfeb}.status-active{color:#59d99b;background:#123027}.status-inactive{color:#ff938e;background:#351b22}.login-page{color:#e8edf6;background:#070b14}.login-showcase{background:radial-gradient(circle at 78% 24%,#5543d357,#0000 31%),linear-gradient(145deg,#080d19,#111b39);border-right:1px solid #20283a}.login-panel{background:radial-gradient(circle at 80% 8%,#3158c81f,#0000 27%),#090e1a}.secure-pill,.feature-row{background:#121b2fb8;border:1px solid #29344c}.feature-row>div{color:#88a8ff;background:#192541}.showcase-copy>p,.feature-row small,.login-domain{color:#8491aa}.input-with-icon input{color:#edf1f8;background:0 0}.mobile-login-brand{color:#fff}@media (width<=800px){.mobile-login-brand{display:flex}.login-brand-logo{width:175px;height:72px}}.brand{justify-content:center;min-height:132px;padding:6px 4px 20px;position:relative}.brand-logo{object-fit:contain;object-position:center;width:220px;height:108px}.sidebar-close{position:absolute;top:2px;right:0}.logout-link{color:#d5dceb;background:#111929;border:1px solid #252f43;min-height:48px;margin-top:auto}.logout-link:hover{color:#fff;background:#182238}.topbar-actions{align-items:center;gap:12px;display:flex}.notification-button{color:#aeb9cf;background:#111929;border:1px solid #28334a;border-radius:11px;place-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:grid;position:relative}.notification-button:hover,.notification-button.active{color:#fff;background:#1a2850;border-color:#4e70d8}.notification-button span{color:#fff;background:#e5484d;border:2px solid #090e1b;border-radius:10px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:800;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}.profile-menu{position:relative}.topbar-user{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;min-width:190px;padding:6px 8px}.topbar-user:hover,.topbar-user[aria-expanded=true]{background:#111929;border-color:#28334a}.topbar-user>span{flex:1;min-width:0}.topbar-user strong,.topbar-user small{display:block}.topbar-user strong{color:#e7ecf5;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.topbar-user small{color:#7f8ba1;text-transform:capitalize;margin-top:2px;font-size:9px}.topbar-user>svg{color:#7d899e;transition:transform .2s}.topbar-user>svg.chevron-open{transform:rotate(180deg)}.profile-dropdown{z-index:50;color:#dce2ed;background:#101725;border:1px solid #29344a;border-radius:14px;width:285px;padding:14px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 22px 55px #0000006b}.profile-dropdown-head{border-bottom:1px solid #242e41;align-items:center;gap:11px;padding-bottom:13px;display:flex}.profile-dropdown-head strong,.profile-dropdown-head span{display:block}.profile-dropdown-head strong{font-size:13px}.profile-dropdown-head span{color:#8490a5;text-overflow:ellipsis;white-space:nowrap;max-width:190px;margin-top:3px;font-size:10px;overflow:hidden}.profile-role{color:#8490a5;justify-content:space-between;align-items:center;padding:13px 2px;font-size:10px;display:flex}.profile-role strong{color:#91afff;text-transform:capitalize;background:#17254a;border-radius:6px;padding:5px 7px;font-size:9px}.profile-dropdown>button{color:#ff938e;background:#24171d;border:1px solid #49303a;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:40px;padding:0 11px;font-weight:700;display:flex}.profile-dropdown>button:hover{background:#321c24}@media (width<=800px){.brand{min-height:120px}.brand-logo{width:205px;height:98px}.topbar-actions{gap:9px}.notification-button{width:38px;height:38px}.topbar-user{min-width:auto;padding:5px}.topbar-user>span,.topbar-user>svg{display:none}.profile-dropdown{width:min(285px,100vw - 24px);position:fixed;top:64px;right:12px}}@media (width>=801px){.sidebar{transform:none}.sidebar-close,.sidebar-backdrop,.menu-button{display:none}.main-area{margin-left:260px}.topbar{justify-content:flex-end}}@media (width<=800px){.sidebar{transition:transform .25s;transform:translate(-105%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close{color:#fff;display:grid}.sidebar-backdrop{z-index:25;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02050cb8;border:0;position:fixed;inset:0}.main-area{margin-left:0}.menu-button{color:#d9e0ec}}