@import "https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700;800&family=Cairo:wght@400;500;600;700;800&display=swap";:root{--orange:#ff5b20;--orange-dark:#f24b17;--teal:#10b6b5;--ink:#182033;--muted:#778095;--line:#f4dfd9;--surface:#fff;--soft:#fff8f5;--shadow:0 10px 28px #1820330b;--shadow-hover:0 18px 40px #18203317;color:var(--ink);background:#fff;font-family:Cairo,Arial,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;margin:0}body{overflow-x:hidden}:root{--orange:#e87722;--orange-dark:#c95d12;--teal:#0a9f8a;--ink:#142238;--muted:#718096;--line:#e7ebf0;--surface:#fff;--soft:#f6f8fb;--shadow:0 8px 24px #1b2c440e;--shadow-hover:0 16px 34px #1b2c441a;font-family:Alexandria,Cairo,sans-serif}body{color:var(--ink);background:#f5f7fa}.confirm-backdrop{z-index:90}.confirm-dialog{background:#fff;border:1px solid #e0e8ef;border-radius:20px;width:min(440px,100vw - 32px);padding:28px;box-shadow:0 28px 70px #14223833}.confirm-dialog>.icon-button{float:left}.confirm-dialog h2{margin:2px 0 10px;font-size:20px}.confirm-dialog p{color:#687a91;margin:0;font-size:13px;line-height:1.9}.confirm-actions{justify-content:flex-start;gap:10px;margin-top:24px;display:flex}.danger-btn{color:#fff;min-height:40px;font:inherit;cursor:pointer;background:#d9342b;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-weight:800;display:inline-flex}.danger-btn:hover:not(:disabled){background:#bd251e}.danger-text{color:#c92b25!important}.media-field{align-content:start;gap:8px;display:grid;position:relative}.media-field>span{color:#33465d;font-weight:700}.media-field-choice{color:#6d7f94;border:1px solid #dce5ee;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:8px 10px;font-size:12px;display:flex}.media-field-actions{flex-wrap:wrap;gap:7px;display:flex}.media-picker-popover{z-index:30;background:#fff;border:1px solid #dce5ee;border-radius:12px;padding:12px;position:absolute;top:100%;left:0;right:0;box-shadow:0 16px 36px #14223829}.media-picker-popover>div:first-child{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.media-picker-list{gap:6px;max-height:250px;display:grid;overflow:auto}.media-picker-list button{color:#283b53;text-align:right;cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px;display:flex}.media-picker-list button:hover,.media-picker-list button.selected{background:#fff4eb;border-color:#f2a36b}.media-picker-list span{gap:2px;min-width:0;display:grid}.media-picker-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.media-picker-list small,.media-field>small{color:#78889c;font-size:11px}.inline-loading{color:#718096;align-items:center;gap:6px;font-size:12px;display:flex}.inline-actions{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.form-note{color:#66778c;background:#f7fafc;border-radius:9px;padding:11px 12px;font-size:12px;line-height:1.8}.app-shell{background:#f5f7fa}.sidebar-brand-row{border-bottom:1px solid #f0f2f5;align-items:center;min-height:58px;padding:0 8px 18px}.brand-logo{object-fit:contain;object-position:center;flex:none;width:86px;height:44px}.login-brand .brand-logo{width:98px;height:50px}.sidebar.collapsed .brand-logo{width:46px;height:42px}.metrics-grid{gap:16px}.chart-grid,.analytics-grid,.dashboard-bottom{gap:16px}.login-shell{background:#f5f7fa}@media (width<=760px){.sidebar{border-bottom:1px solid var(--line);box-shadow:none;padding:14px 15px}.sidebar-brand-row{min-height:42px;padding:0 2px 12px}.sidebar nav{padding:14px 0 2px}.nav-item,.sidebar.collapsed .nav-item{background:#fff;border-color:#edf0f4;min-height:39px}.nav-item.active{background:#fff4ec;border-color:#f4c9ad}.topbar{background:#fff;min-height:68px;padding:11px 16px}.platform-name{font-size:15px}.global-search{border-radius:9px;height:42px}.page-content{padding:25px 16px 36px}.page-heading{min-height:auto;margin-bottom:22px}.page-heading h1{font-size:24px}.metric-card,.chart-card,.distribution-card,.activity-card,.platform-pulse,.mini-table,.popular,.tasks,.data-panel,.live-table{border-radius:12px}.sidebar-toggle{display:grid;position:static}.sidebar.collapsed{width:100%;padding:14px 15px}.sidebar.collapsed .sidebar-brand-row{justify-content:space-between;min-height:42px}.sidebar.collapsed .sidebar-toggle{box-shadow:none;border-radius:9px;position:static}.sidebar.collapsed .brand>div{display:block}.sidebar.collapsed nav,.sidebar.collapsed .sidebar-footer{display:none}}@media (width<=640px){.page-heading{align-items:stretch}}.modal-backdrop{padding:clamp(20px,4vh,44px) clamp(16px,3vw,32px)}.panel-form.modal-form{background:#fff;border:1px solid #dfe7ef;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,920px);max-height:min(800px,100dvh - 48px);margin:0;padding:0;display:grid;overflow:hidden;box-shadow:0 24px 60px #14233733}.modal-form .modal-form-header{border-bottom:1px solid #e8eef4;justify-content:space-between;align-items:flex-start;gap:20px;margin:0;padding:24px 28px 20px;display:flex}.modal-form .modal-form-header>div{min-width:0}.modal-form .modal-form-header h2{color:#14253d;margin:0;font-size:clamp(20px,2.2vw,25px);line-height:1.25}.modal-form .modal-form-header p{color:#657794;max-width:68ch;margin:7px 0 0;font-size:13px;font-weight:500;line-height:1.7}.modal-form .modal-close-button{width:40px;min-width:40px;height:40px;color:var(--orange);cursor:pointer;background:#fff;border:1px solid #dfe7ef;border-radius:10px;place-items:center;margin:0;transition:border-color .16s,background-color .16s,transform .16s;display:grid}.modal-form .modal-close-button:hover{background:#fff5f1;border-color:#f1b5a5;transform:translateY(-1px)}.modal-form .modal-close-button:focus-visible{border-color:var(--orange);outline:0;box-shadow:0 0 0 3px #ff5f2a24}.modal-form .modal-form-body{overscroll-behavior:contain;scrollbar-color:#b9c6d4 transparent;scrollbar-width:thin;min-height:0;padding:22px 28px 24px;overflow-y:auto}.modal-form .modal-form-body::-webkit-scrollbar{width:8px}.modal-form .modal-form-body::-webkit-scrollbar-thumb{background:#b9c6d4 padding-box padding-box;border:2px solid #0000;border-radius:999px}.modal-form .form-grid{align-items:start;gap:18px;margin:0}.modal-form .form-section{background:#fcfdff;border-color:#e3eaf2;border-radius:13px;padding:17px}.modal-form .form-section-fields{gap:14px}.modal-form .form-grid input,.modal-form .form-grid select{min-height:48px}.modal-form .form-grid textarea{min-height:116px}.modal-form .modal-form-footer{background:#fff;border-top:1px solid #e8eef4;justify-content:flex-start;padding:16px 28px 22px;display:flex}.modal-form .modal-form-footer .primary-btn{min-height:46px;margin:0;padding-inline:18px}@media (width<=760px){.modal-backdrop{align-items:end;padding:0}.panel-form.modal-form{border-radius:20px 20px 0 0;width:100%;max-height:min(90dvh,900px)}.modal-form .modal-form-header{gap:14px;padding:20px 18px 16px}.modal-form .modal-form-header h2{font-size:20px}.modal-form .modal-form-body{padding:18px}.modal-form .form-grid{grid-template-columns:1fr;gap:14px}.modal-form .modal-form-footer{padding:14px 18px calc(14px + env(safe-area-inset-bottom))}.modal-form .modal-form-footer .primary-btn{justify-content:center;width:100%}}.roles-workspace{gap:18px;display:grid}.settings-role-summary{flex-wrap:wrap;gap:10px;display:flex}.settings-role-summary span{color:#66768d;background:#f8fafc;border:1px solid #e3ebf2;border-radius:10px;align-items:baseline;gap:6px;padding:9px 12px;font-size:12px;display:inline-flex}.settings-role-summary strong{color:#17365a;font-variant-numeric:lining-nums tabular-nums;font-size:19px}.roles-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.role-card{align-content:start;min-height:150px;padding:16px}.role-card-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.permission-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.permission-chip{color:#356570;background:#eef5f6;border-radius:999px;padding:5px 8px;font-size:11px;line-height:1.25}.settings-help-note{border-right:3px solid var(--orange);color:#6d5847;background:#fff8f3;border-radius:8px;margin:0;padding:12px 14px;font-size:12px;line-height:1.8}.media-field-error{margin-top:6px;font-weight:600;line-height:1.55;display:block;color:#c2410c!important}@media (width<=640px){.roles-list{grid-template-columns:1fr}.role-card{min-height:0}}.student-progress-backdrop{align-items:center;padding:24px}.student-progress-modal{background:#fff;border:1px solid #dce6ed;border-radius:20px;width:min(1180px,100%);max-height:min(88vh,920px);padding:0;overflow:auto;box-shadow:0 28px 90px #0f254047}.student-report-header{border-bottom:1px solid #e7edf2;align-items:center;gap:16px;padding:24px 28px;display:flex}.student-report-header>div:nth-child(2){flex:1}.student-report-header p,.student-report-header h2,.student-report-header span{margin:0}.student-report-header p{color:var(--orange);font-size:12px;font-weight:800}.student-report-header h2{color:var(--ink);margin-top:3px;font-size:24px}.student-report-header span{color:#7c8ca0;margin-top:4px;font-size:13px;display:block}.student-report-avatar{width:54px;height:54px;color:var(--orange-dark);background:#ffe4d5;border:5px solid #fff2eb;border-radius:50%;place-items:center;font-weight:800;display:grid}.student-report-actions{color:#7d8ea4;justify-content:space-between;align-items:center;gap:15px;padding:18px 28px 0;font-size:13px;display:flex}.student-report-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 28px;display:grid}.student-report-metric{background:#fff;border:1px solid #e2e9ef;border-radius:14px;min-height:122px;padding:18px;position:relative;overflow:hidden}.student-report-metric:before{content:"";background:#14b8a6;width:42%;height:3px;position:absolute;top:0;right:0}.student-report-metric.blue:before{background:#3b82f6}.student-report-metric.orange:before{background:var(--orange)}.student-report-metric.purple:before{background:#8b5cf6}.student-report-metric>span,.student-report-metric small{color:#8190a4;font-size:12px;font-weight:700;display:block}.student-report-metric strong{color:var(--ink);letter-spacing:-.04em;margin:9px 0 7px;font-size:25px;display:block}.student-report-analytics{grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);gap:16px;padding:0 28px 18px;display:grid}.student-chart-card{background:#fbfdff;border:1px solid #e2e9ef;border-radius:15px;min-height:275px;padding:19px 20px 14px}.student-chart-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.student-chart-heading p,.student-chart-heading h3{margin:0}.student-chart-heading p{color:#8291a4;font-size:12px}.student-chart-heading h3{color:var(--ink);margin-top:3px;font-size:17px}.student-chart-heading>strong{color:#0f9e97;font-size:19px}.student-chart-card .insight-chart{margin-top:-9px}.student-donut-wrap{align-items:center;min-height:198px;display:flex}.student-donut-legend{flex:1;gap:11px;display:grid}.student-donut-legend span{color:#607085;align-items:center;gap:7px;font-size:12px;display:flex}.student-donut-legend i{border-radius:50%;width:8px;height:8px}.student-donut-legend b{color:var(--ink);margin-right:auto}.student-chart-empty,.student-report-loading,.student-report-error{color:#7f90a6;text-align:center;place-content:center;gap:8px;min-height:176px;display:grid}.student-report-loading svg{animation:1s linear infinite spin}.student-report-error{color:#bd4a3d;background:#fff6f4;border:1px solid #fed7d1;border-radius:13px;min-height:130px;margin:24px 28px}.student-report-tabs{background:#f7fafc;border:1px solid #e3eaf0;border-radius:11px;gap:4px;margin:0 28px;padding:4px;display:flex;overflow:auto}.student-report-tabs button{color:#708096;background:0 0;border-radius:8px;min-width:max-content;padding:10px 15px;font-size:13px;font-weight:700}.student-report-tabs button.selected{color:var(--ink);background:#fff;box-shadow:0 3px 10px #0f233d14}.student-report-detail{padding:16px 28px 28px}.student-report-detail .data-panel{min-height:205px;box-shadow:none;margin:0}@media (width<=880px){.student-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.student-report-analytics{grid-template-columns:1fr}}@media (width<=620px){.student-progress-backdrop{align-items:end;padding:0}.student-progress-modal{border-bottom-right-radius:0;border-bottom-left-radius:0;max-height:92vh}.student-report-header{gap:10px;padding:17px 16px}.student-report-header h2{font-size:19px}.student-report-header span{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.student-report-avatar{border-width:3px;width:43px;height:43px}.student-report-actions{flex-direction:column;align-items:stretch;padding:14px 16px 0}.student-report-actions .primary-btn{width:100%}.student-report-metrics{grid-template-columns:1fr 1fr;gap:9px;padding:14px 16px}.student-report-metric{min-height:105px;padding:14px}.student-report-metric strong{font-size:20px}.student-report-analytics{gap:11px;padding:0 16px 14px}.student-chart-card{min-height:244px;padding:15px 12px 9px}.student-donut-wrap{min-height:170px}.student-donut-legend{gap:8px}.student-report-tabs{margin:0 16px}.student-report-detail{padding:13px 16px 20px}}@media (width<=760px){html,body,#root,.app-shell,.workspace,.page-content{width:100%;min-width:0;max-width:100%;overflow-x:clip}.app-shell{display:block}.sidebar,.sidebar.collapsed{z-index:60;border:0;border-left:1px solid var(--line);background:#fff;border-radius:0;width:min(86vw,320px);height:100dvh;padding:18px 14px;transition:transform .22s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(0);box-shadow:-18px 0 42px #11233a29}.sidebar.collapsed{pointer-events:none;width:min(86vw,320px);padding:18px 14px;transform:translate(calc(100% + 20px))}.sidebar-brand-row,.sidebar.collapsed .sidebar-brand-row{justify-content:space-between;min-height:54px;padding:0 4px 15px;display:flex}.sidebar.collapsed .brand,.sidebar.collapsed .brand>div{display:flex}.sidebar.collapsed .brand>div{flex-direction:column}.sidebar .brand small{display:block}.sidebar-toggle,.sidebar.collapsed .sidebar-toggle{width:36px;height:36px;box-shadow:none;border-radius:10px;flex:none;display:grid;position:static}.sidebar nav,.sidebar.collapsed nav{grid-template-columns:1fr;gap:12px;margin:0;padding:0;display:grid}.nav-group,.sidebar.collapsed .nav-group{width:100%;display:grid}.nav-group-toggle{display:flex}.nav-group-items,.nav-group-items.closed,.sidebar.collapsed .nav-group-items,.sidebar.collapsed .nav-group-items.closed{grid-template-rows:1fr;display:grid}.nav-group-items.closed{grid-template-rows:0fr}.nav-item,.sidebar.collapsed .nav-item{border-color:#0000;justify-content:flex-start;width:100%;min-height:46px;padding:0 13px;font-size:13px}.sidebar.collapsed .nav-item,.sidebar.collapsed .nav-item>span{display:flex}.sidebar.collapsed .nav-item b{position:static}.sidebar-footer,.sidebar.collapsed .sidebar-footer{margin-top:16px;display:grid}.sidebar.collapsed .sidebar-api>div,.sidebar.collapsed .sidebar-profile>span:nth-child(2),.sidebar.collapsed .sidebar-profile>svg,.sidebar.collapsed .support>:not(svg){display:block}.mobile-drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12203357;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.mobile-menu-toggle{color:#3f546e;background:#fff;border:1px solid #e2e9ef;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-height:64px;padding:10px 14px;display:grid}.platform-name{white-space:nowrap;min-width:0;font-size:15px}.global-search{order:initial;grid-area:2/1/auto/-1;width:100%;max-width:none;margin:0}.top-actions{min-width:0;margin:0}.top-actions>button:first-child,.top-actions .bell,.divider,.profile small,.logout{display:none}.profile{min-width:0}.profile strong{text-overflow:ellipsis;white-space:nowrap;max-width:88px;font-size:10px;display:block;overflow:hidden}.page-content{padding:20px 14px 32px}.page-heading{gap:14px;min-height:0;margin-bottom:18px;display:grid}.page-heading h1{font-size:24px}.heading-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;width:100%;min-width:0;display:grid}.heading-actions .period-segmented{grid-column:1/-1;justify-content:space-between;width:100%}.heading-actions .primary-btn,.heading-actions .outline-btn{width:100%;min-height:42px;padding-inline:10px}.metrics-grid,.chart-grid,.analytics-grid,.progress-charts,.dashboard-bottom{grid-template-columns:minmax(0,1fr)}.metric-card{min-height:124px;padding:18px}.metric-card strong{font-size:24px}.filter-bar,.report-toolbar{padding:12px}.table-search,.live-search{width:100%;min-width:0}}@media (width<=1024px){.app-shell{width:100%;display:block;overflow-x:clip}.workspace,.page-content{width:100%;min-width:0;max-width:100%}.page-content{padding:28px 20px 40px}.metrics-grid,.chart-grid,.analytics-grid,.progress-charts,.dashboard-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom>:last-child,.analytics-grid .activity-card{grid-column:1/-1}}@media (width<=760px){html,body,#root{width:100%;max-width:100%;overflow-x:clip}.sidebar,.sidebar.collapsed{z-index:60;border:0;border-left:1px solid var(--line);background:#fff;border-radius:0;width:min(86vw,320px);height:100dvh;padding:18px 14px;transition:transform .22s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(0);box-shadow:-18px 0 42px #11233a29}.sidebar.collapsed{pointer-events:none;width:min(86vw,320px);padding:18px 14px;transform:translate(calc(100% + 20px))}.sidebar-brand-row,.sidebar.collapsed .sidebar-brand-row{justify-content:space-between;min-height:54px;padding:0 4px 15px;display:flex}.sidebar.collapsed .brand,.sidebar.collapsed .brand>div{display:flex}.sidebar.collapsed .brand>div{flex-direction:column}.sidebar .brand small{display:block}.sidebar-toggle,.sidebar.collapsed .sidebar-toggle{width:36px;height:36px;box-shadow:none;border-radius:10px;flex:none;display:grid;position:static}.sidebar nav,.sidebar.collapsed nav{grid-template-columns:1fr;gap:12px;margin:0;padding:0;display:grid}.nav-group,.sidebar.collapsed .nav-group{width:100%;display:grid}.nav-group-toggle{display:flex}.nav-group-items,.nav-group-items.closed,.sidebar.collapsed .nav-group-items,.sidebar.collapsed .nav-group-items.closed{grid-template-rows:1fr;display:grid}.nav-group-items.closed{grid-template-rows:0fr}.nav-item,.sidebar.collapsed .nav-item{border-color:#0000;justify-content:flex-start;width:100%;min-height:46px;padding:0 13px;font-size:13px}.sidebar.collapsed .nav-item,.sidebar.collapsed .nav-item>span{display:flex}.sidebar.collapsed .nav-item b{position:static}.sidebar-footer,.sidebar.collapsed .sidebar-footer{margin-top:16px;display:grid}.sidebar.collapsed .sidebar-api>div,.sidebar.collapsed .sidebar-profile>span:nth-child(2),.sidebar.collapsed .sidebar-profile>svg,.sidebar.collapsed .support>:not(svg){display:block}.mobile-drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12203357;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.mobile-menu-toggle{color:#3f546e;background:#fff;border:1px solid #e2e9ef;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-height:64px;padding:10px 14px;display:grid}.platform-name{white-space:nowrap;min-width:0;font-size:15px}.global-search{order:initial;grid-area:2/1/auto/-1;width:100%;max-width:none;margin:0}.top-actions{min-width:0;margin:0}.top-actions>button:first-child,.top-actions .bell,.divider,.profile small,.logout{display:none}.profile{min-width:0}.profile strong{text-overflow:ellipsis;white-space:nowrap;max-width:88px;font-size:10px;display:block;overflow:hidden}.page-content{padding:20px 14px 32px}.page-heading{gap:14px;min-height:0;margin-bottom:18px;display:grid}.page-heading h1{font-size:24px}.heading-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;width:100%;min-width:0;display:grid}.heading-actions .period-segmented{grid-column:1/-1;justify-content:space-between;width:100%}.heading-actions .primary-btn,.heading-actions .outline-btn{width:100%;min-height:42px;padding-inline:10px}.metrics-grid,.chart-grid,.analytics-grid,.progress-charts,.dashboard-bottom{grid-template-columns:minmax(0,1fr)}.metric-card{min-height:124px;padding:18px}.metric-card strong{font-size:24px}.filter-bar,.report-toolbar{padding:12px}.table-search,.live-search{width:100%;min-width:0}}html,body,#root,.app-shell,.workspace,.page-content{min-width:0;max-width:100%}@media (width<=1024px){.app-shell{width:100%;display:block;overflow-x:clip}.workspace{width:100%}.sidebar,.sidebar.collapsed{border:0;border-bottom:1px solid var(--line);width:100%;height:auto;box-shadow:none;padding:14px 20px;position:static}.sidebar-brand-row,.sidebar.collapsed .sidebar-brand-row{justify-content:space-between;min-height:42px;padding:0 2px 12px}.sidebar-toggle,.sidebar.collapsed .sidebar-toggle{box-shadow:none;border-radius:9px;display:grid;position:static}.sidebar nav,.sidebar.collapsed nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;padding:0;display:grid;overflow:visible}.nav-group,.sidebar.collapsed .nav-group{display:contents}.nav-group-toggle,.sidebar-footer{display:none}.nav-group-items,.nav-group-items.closed,.sidebar.collapsed .nav-group-items,.sidebar.collapsed .nav-group-items.closed{display:contents}.nav-item,.sidebar.collapsed .nav-item{white-space:nowrap;background:#fff;border:1px solid #edf0f4;justify-content:center;width:100%;min-width:0;min-height:40px;padding:0 10px}.sidebar.collapsed .nav-item>span,.sidebar.collapsed .nav-item{display:flex}.sidebar.collapsed .nav-item:after{display:none}.sidebar.collapsed .nav-item b{display:grid;position:static}.topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:70px;padding:12px 20px}.global-search{order:3;width:100%;max-width:none;margin:0}.page-content{width:100%;padding:28px 20px 40px}.metrics-grid,.chart-grid,.analytics-grid,.progress-charts,.dashboard-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom>:last-child,.analytics-grid .activity-card{grid-column:1/-1}}@media (width<=640px){body{overflow-x:clip}.sidebar,.sidebar.collapsed{padding:12px 14px}.brand strong{font-size:15px}.brand small,.profile small,.divider,.logout{display:none}.sidebar nav,.sidebar.collapsed nav{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-item,.sidebar.collapsed .nav-item{justify-content:flex-start;font-size:11px}.topbar{min-height:62px;padding:10px 14px}.platform-name{font-size:14px}.top-actions{gap:7px;margin-right:auto}.top-actions>button{width:33px;height:33px}.profile{min-width:0}.profile strong{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:10px;overflow:hidden}.page-content{padding:22px 14px 32px}.page-heading{gap:14px;min-height:0;margin-bottom:18px;display:grid}.page-heading h1{font-size:24px}.page-heading p{font-size:12px}.heading-actions{flex-wrap:wrap;width:100%;min-width:0}.heading-actions .primary-btn,.heading-actions .outline-btn{flex:1 1 0;justify-content:center;min-width:0}.metrics-grid,.chart-grid,.analytics-grid,.progress-charts,.dashboard-bottom{grid-template-columns:minmax(0,1fr)}.metric-card{min-height:124px;padding:18px}.metric-card strong{font-size:24px}.chart-card,.distribution-card,.activity-card,.platform-pulse,.mini-table,.popular,.tasks{min-width:0}.filter-bar,.report-toolbar{padding:12px}.table-search,.live-search{width:100%;min-width:0}}.mobile-menu-toggle,.mobile-drawer-backdrop{display:none}@media (width<=760px){.app-shell{display:block;overflow:visible}.sidebar,.sidebar.collapsed{z-index:60;border:0;border-left:1px solid var(--line);background:#fff;border-radius:0;width:min(86vw,320px);height:100dvh;padding:18px 14px;transition:transform .22s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(0);box-shadow:-18px 0 42px #11233a29}.sidebar.collapsed{pointer-events:none;width:min(86vw,320px);padding:18px 14px;transform:translate(calc(100% + 18px))}.sidebar-brand-row,.sidebar.collapsed .sidebar-brand-row{justify-content:space-between;min-height:54px;padding:0 4px 15px;display:flex}.sidebar.collapsed .brand,.sidebar.collapsed .brand>div{display:flex}.sidebar.collapsed .brand>div{flex-direction:column}.sidebar .brand small{display:block}.sidebar-toggle,.sidebar.collapsed .sidebar-toggle{width:36px;height:36px;box-shadow:none;border-radius:10px;flex:none;display:grid;position:static}.sidebar nav,.sidebar.collapsed nav{grid-template-columns:1fr;gap:12px;margin:0;padding:0;display:grid}.nav-group,.sidebar.collapsed .nav-group{width:100%;display:grid}.nav-group-toggle{display:flex}.nav-group-items,.nav-group-items.closed,.sidebar.collapsed .nav-group-items,.sidebar.collapsed .nav-group-items.closed{grid-template-rows:1fr;display:grid}.nav-group-items.closed{grid-template-rows:0fr}.nav-item,.sidebar.collapsed .nav-item{border-color:#0000;justify-content:flex-start;width:100%;min-height:46px;padding:0 13px;font-size:13px}.sidebar.collapsed .nav-item,.sidebar.collapsed .nav-item>span{display:flex}.sidebar.collapsed .nav-item b{position:static}.sidebar-footer,.sidebar.collapsed .sidebar-footer{margin-top:16px;display:grid}.sidebar.collapsed .sidebar-api>div,.sidebar.collapsed .sidebar-profile>span:nth-child(2),.sidebar.collapsed .sidebar-profile>svg,.sidebar.collapsed .support>:not(svg){display:block}.mobile-drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12203357;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.mobile-menu-toggle{color:#3f546e;background:#fff;border:1px solid #e2e9ef;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-height:64px;padding:10px 14px;display:grid}.platform-name{white-space:nowrap;min-width:0;font-size:15px}.global-search{order:initial;grid-area:2/1/auto/-1;width:100%}.top-actions{min-width:0;margin:0}.top-actions>button:first-child,.top-actions .bell{display:none}.profile strong{max-width:88px}.page-content{padding-top:20px}.page-heading{gap:14px;display:grid}.heading-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;width:100%;display:grid}.heading-actions .period-segmented{grid-column:1/-1;justify-content:space-between;width:100%}.heading-actions .primary-btn,.heading-actions .outline-btn{width:100%;min-height:42px;padding-inline:10px}}.heading-actions{align-items:center}.period-segmented{color:#8793a3;background:#ffffffe0;border:1px solid #e5eaf0;border-radius:12px;align-items:center;gap:3px;min-height:42px;padding:4px;display:inline-flex;box-shadow:0 7px 20px #26364c0b}.period-segmented>svg{margin:0 5px 0 3px}.period-segmented button{color:#6f7d90;min-height:32px;font:inherit;background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:11px;font-weight:700;transition:color .18s,background .18s,box-shadow .18s}.period-segmented button:hover{color:#26364c;background:#f1f5f7}.period-segmented button.active{color:#fff;background:#172a46;box-shadow:0 4px 10px #172a4638}.metric-card:hover{box-shadow:0 17px 34px #1e2f4617}.insight-card{background:#fff;border:1px solid #e3eaf0;border-radius:17px;min-width:0;padding:23px 23px 16px;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden;box-shadow:0 10px 30px #192d490d}.insight-card:hover{border-color:#cfdde5;transform:translateY(-2px);box-shadow:0 18px 38px #192d4916}.insight-card-heading,.insight-metric-row,.ring-heading,.ring-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.insight-card-heading p,.ring-heading p{color:#8391a4;margin:0 0 4px;font-size:11px;font-weight:600}.insight-card-heading h3,.ring-heading h3{color:#18273d;margin:0;font-size:16px;font-weight:800}.insight-period{color:#718096;background:#fbfcfd;border:1px solid #e4ebef;border-radius:8px;flex:none;padding:6px 9px;font-size:10px;font-weight:700}.insight-metric-row{justify-content:flex-start;margin-top:18px}.insight-metric-row strong{color:#172a46;letter-spacing:-.045em;font-size:25px;font-weight:800}.insight-metric-row>span{color:#8492a5;font-size:11px;font-weight:600}.insight-metric-row em{color:#07816c;background:#e7f7f2;border-radius:7px;align-items:center;gap:3px;margin-inline-start:auto;padding:5px 8px;font-size:10px;font-style:normal;font-weight:800;display:inline-flex}.insight-metric-row em.negative{color:#c65149;background:#fff0ef}.insight-chart{direction:ltr;margin:3px -8px -3px -5px}.metric-tooltip{text-align:right;background:#fffffff7;border:1px solid #d2dde4f2;border-radius:11px;min-width:118px;padding:10px 12px;box-shadow:0 15px 30px #14223829}.form-grid .checkbox-field{border:1px solid var(--line);background:#fff;border-radius:8px;align-self:end;align-items:center;gap:9px;min-height:46px;padding:10px 12px;display:inline-flex}.form-grid .checkbox-field input{width:18px;height:18px;min-height:auto;accent-color:var(--orange);margin:0}.metric-tooltip span,.metric-tooltip small{color:#758397;font-size:10px;font-weight:600;display:block}.metric-tooltip strong{color:#172a46;margin:3px 0;font-size:15px;display:block}.metric-tooltip small{align-items:center;gap:5px;display:flex}.metric-tooltip i{border-radius:50%;width:7px;height:7px}.analytics-grid,.dashboard-bottom{gap:14px}.platform-pulse>button{border-radius:9px}.report-snapshot-grid,.report-snapshot-loading{grid-template-columns:minmax(0,1.85fr) minmax(250px,.85fr);gap:16px;margin:18px 0;display:grid}.report-loading-chart,.report-loading-summary i,.report-empty-snapshot{background:#fff;border:1px solid #e3eaf0;border-radius:16px;box-shadow:0 9px 25px #192d490b}.report-loading-chart{min-height:365px;padding:24px}.report-loading-kicker{color:#7c8da2;font-size:12px;font-weight:700;display:block}.report-loading-chart strong{color:#1a2c44;margin-top:6px;font-size:17px;display:block}.report-loading-lines{gap:24px;margin-top:48px;display:grid}.report-loading-lines i,.report-loading-summary i{background:#edf2f6;border-radius:999px;display:block;position:relative;overflow:hidden}.report-loading-lines i{height:12px}.report-loading-lines i:nth-child(2){width:72%}.report-loading-lines i:nth-child(3){width:48%}.report-loading-lines i:after,.report-loading-summary i:after{content:"";background:linear-gradient(90deg,#0000,#ffffffc7,#0000);animation:1.25s ease-in-out infinite report-loading-shimmer;position:absolute;inset:0;transform:translate(-100%)}.report-loading-summary{grid-template-rows:repeat(2,1fr);gap:14px;display:grid}.report-loading-summary i{border-radius:15px;min-height:0}.report-empty-snapshot{color:#7f8da0;text-align:right;justify-content:center;align-items:center;gap:13px;min-height:170px;margin:18px 0;padding:24px;display:flex}.report-empty-snapshot svg{color:#d7641a;flex:none}.report-empty-snapshot strong{color:#1b2a42;font-size:15px;display:block}.report-empty-snapshot p,.report-error-note{color:#7f8da0;margin:5px 0 0;font-size:12px;line-height:1.7}.report-error-note{color:#b5473f;margin:-2px 3px 12px}@keyframes report-loading-shimmer{to{transform:translate(100%)}}.report-insights{grid-template-columns:1fr;gap:14px;display:grid}.report-insights>div{background:#fff;border:1px solid #e3eaf0;border-radius:15px;min-height:0;padding:20px;box-shadow:0 9px 25px #192d490b}.report-insight-icon{color:#2563eb;background:#eef3ff;border-radius:11px;place-items:center;width:37px;height:37px;margin-bottom:15px;display:inline-grid}.report-insight-icon.teal{color:#0f9e97;background:#e7f7f4}.report-insights p,.report-insights small{color:#8391a4;margin:0;font-size:11px;font-weight:600;display:block}.report-insights strong{color:#1b2a42;margin:5px 0;font-size:18px;font-weight:800;display:block}@media (width<=900px){.report-snapshot-grid,.report-snapshot-loading{grid-template-columns:1fr}.report-insights{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.page-heading,.heading-actions{align-items:stretch}.period-segmented{width:100%}.period-segmented button{flex:1}.insight-card{padding:18px 14px 12px}.insight-card-heading h3{font-size:14px}.insight-metric-row strong{font-size:21px}.insight-chart{margin-inline:-12px -4px}.report-insights{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.metric-card,.chart-card,.insight-card,.period-segmented button,.activity-row{transition:none}}*{box-sizing:border-box}body{background:#fff;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button,input,textarea,select{transition:border-color .16s,box-shadow .16s,background .16s,transform .16s}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #ff5b202e}.app-shell{background:#fff;min-height:100vh;display:flex}.sidebar{color:#ecf4ff;background:#102640;border-left:1px solid #203855;flex-direction:column;flex:none;width:266px;height:100vh;padding:28px 16px 18px;transition:width .22s,padding .22s;display:flex;position:sticky;top:0}.sidebar-brand-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.brand{align-items:center;gap:13px;padding:0 8px 22px;display:flex}.sidebar-toggle{color:#b9cce3;background:#172f4c;border:1px solid #29415f;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;margin-top:-4px;display:grid}.brand strong{font-family:Alexandria,Cairo,sans-serif;font-size:19px;font-weight:800;display:block}.brand small{color:#9db1ca;margin-top:1px;font-size:12px;display:block}.brand-mark{color:#ff9a55;background:#183250;border:1px solid #314b6b;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.sidebar nav{scrollbar-width:thin;scrollbar-color:#3d6288 transparent;gap:13px;padding:0 2px 14px;display:grid;overflow-y:auto}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-track{background:0 0}.sidebar nav::-webkit-scrollbar-thumb{background:#3d6288;border-radius:999px}.nav-group{gap:5px;display:grid}.nav-group-toggle{color:#8ea6c3;text-align:right;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:27px;padding:0 12px;font-size:10px;font-weight:800;display:flex}.nav-group-toggle svg{transition:transform .18s}.nav-group-toggle svg.closed{transform:rotate(-90deg)}.nav-group-items{gap:3px;transition:grid-template-rows .18s,opacity .18s;display:grid;overflow:hidden}.nav-group-items.closed{display:none}.nav-group-label{color:#8ea6c3;letter-spacing:.02em;font-size:10px;font-weight:800}.nav-item{color:#c8d7ea;text-align:right;background:0 0;border-radius:10px;align-items:center;gap:15px;min-height:44px;padding:0 12px;font-size:12px;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#1a3655}.nav-item.active{color:#fff;background:#ff6b2d;box-shadow:0 10px 18px #00000030}.nav-item b{color:#fff;background:var(--orange);border-radius:50%;place-items:center;min-width:19px;height:19px;margin-right:auto;font-size:11px;display:grid}.nav-item:not(.active) b{background:var(--orange)}.sidebar-footer{border-top:1px solid #29415f;gap:10px;margin-top:auto;padding-top:13px;display:grid}.sidebar-api,.sidebar-profile{align-items:center;gap:9px;display:flex}.sidebar-api{padding:0 8px}.sidebar-api .api-state{flex:none}.sidebar-api strong,.sidebar-profile strong{color:#e7eff9;font-size:11px;display:block}.sidebar-api small,.sidebar-profile small{color:#95acc5;margin-top:2px;font-size:9px;display:block}.sidebar-profile{text-align:right;color:#e7eff9;background:#193452;border-radius:10px;width:100%;padding:9px}.sidebar-profile>span:nth-child(2){flex:1;min-width:0}.sidebar-profile .avatar{width:32px;height:32px;font-size:10px}.support{color:#bde7e6;background:#142e4b;border:1px solid #315778;border-radius:9px;justify-content:center;align-items:center;gap:11px;min-height:43px;margin-top:0;font-size:12px;display:flex}.sidebar.collapsed .sidebar-brand-row{justify-content:center}.sidebar.collapsed .brand{padding-inline:0}.sidebar.collapsed .brand>div,.sidebar.collapsed .nav-group-toggle,.sidebar.collapsed .nav-item>span,.sidebar.collapsed .sidebar-api>div,.sidebar.collapsed .sidebar-profile>span:nth-child(2),.sidebar.collapsed .sidebar-profile>svg,.sidebar.collapsed .support>:not(svg){display:none}.sidebar.collapsed .sidebar-toggle{z-index:1;background:#17314f;border-color:#3a5a7c;border-radius:50%;position:absolute;top:26px;left:-17px;box-shadow:0 8px 18px #06111e40}.sidebar.collapsed .sidebar-brand-row{min-height:51px}.sidebar.collapsed .sidebar nav{justify-items:center}.sidebar.collapsed .nav-group{justify-items:center;width:100%}.sidebar.collapsed .nav-group-items,.sidebar.collapsed .nav-group-items.closed{display:grid}.sidebar.collapsed .nav-item{justify-content:center;width:46px;min-height:45px;padding:0}.sidebar.collapsed .nav-item:after{content:attr(data-nav-label);z-index:30;color:#eef5ff;pointer-events:none;opacity:0;background:#142e4b;border:1px solid #314e70;border-radius:8px;width:max-content;max-width:180px;padding:7px 10px;font-size:11px;transition:opacity .13s,transform .13s;position:absolute;top:50%;right:calc(100% + 13px);transform:translateY(-50%)translate(5px);box-shadow:0 12px 24px #040e1a3d}.sidebar.collapsed .nav-item:hover:after,.sidebar.collapsed .nav-item:focus-visible:after{opacity:1;transform:translateY(-50%)translate(0)}.sidebar.collapsed .nav-item b{min-width:15px;height:15px;font-size:9px;position:absolute;top:5px;left:4px}.sidebar.collapsed .sidebar-footer{justify-items:center}.sidebar.collapsed .sidebar-api{min-height:18px;padding:0}.sidebar.collapsed .sidebar-profile,.sidebar.collapsed .support{justify-content:center;width:46px;padding:0}.workspace{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;align-items:center;gap:30px;height:86px;padding:0 35px;display:flex;position:sticky;top:0}.platform-name{color:var(--orange);white-space:nowrap;font-size:19px;font-weight:800}.platform-name i{background:var(--orange);border-radius:50%;width:5px;height:5px;margin:0 8px 3px 0;display:inline-block}.global-search{border:1px solid var(--line);color:#364052;border-radius:9px;align-items:center;gap:12px;width:min(420px,40%);height:51px;margin-right:auto;padding:0 16px;display:flex;position:relative}.global-search-results{z-index:20;border:1px solid var(--line);background:#fff;border-radius:10px;max-height:285px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 35px #2e232b24}.global-search-results button{text-align:right;width:100%;min-height:48px;color:var(--ink);background:0 0;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;display:flex}.global-search-results button:hover{background:#fff4ef}.global-search-results small,.global-search-results p{color:#7d8797;margin:0;font-size:12px}.global-search input{text-align:right;width:100%;color:var(--ink);border:0;outline:0}.global-search input::placeholder{color:#9da3b1}.top-actions{direction:rtl;align-items:center;gap:20px;display:flex}.top-actions>button{color:#293247;background:0 0;padding:4px;position:relative}.bell em{color:#fff;background:var(--orange);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-style:normal;display:grid;position:absolute;top:-7px;left:-8px}.divider{background:var(--line);width:1px;height:35px}.profile{align-items:center;gap:9px;min-width:160px;display:flex}.profile strong{font-size:14px;display:block}.profile small{color:#8d94a2;font-size:11px;display:block}.avatar{border-radius:50%;flex:none;place-items:center;width:41px;height:41px;font-size:13px;font-weight:800;display:grid}.api-state{background:#c6cbd3;border-radius:50%;width:8px;height:8px}.api-state.online{background:#1cb97a;box-shadow:0 0 0 3px #e3f8ed}.api-state.offline{background:#ef5c50}.page-content{max-width:1500px;margin:auto;padding:40px 30px 42px;animation:.22s ease-out page-in}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;min-height:83px;margin-bottom:25px;display:flex}.page-heading h1{letter-spacing:-.7px;margin:0;font-family:Alexandria,Cairo,sans-serif;font-size:30px;line-height:1.4}.page-heading p{color:#80889a;margin:3px 0 0;font-size:14px}.breadcrumb{color:#7e8796;min-height:19px;font-size:13px}.heading-actions{direction:rtl;gap:12px;display:flex}.primary-btn,.outline-btn{border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:47px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.primary-btn{color:#fff;background:var(--orange);box-shadow:0 8px 15px #ff5b202e}.outline-btn:hover:not(:disabled){color:var(--orange-dark);background:#fffaf8;border-color:#f7b9a3}button:disabled{cursor:not-allowed;opacity:.58;transform:none}.outline-btn{color:#3d4657;border:1px solid var(--line);background:#fff}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-bottom:24px;display:grid}.metric-card{border:1px solid var(--line);min-height:142px;box-shadow:var(--shadow);background:#fff;border-radius:13px;flex-direction:row;align-items:flex-start;gap:17px;padding:23px 20px;display:flex}.metric-button{text-align:right;width:100%;color:inherit;cursor:pointer;position:relative}.metric-button:hover .metric-arrow{opacity:1;transform:translate(-2px)}.metric-arrow{opacity:0;color:var(--orange);transition:opacity .16s,transform .16s;position:absolute;top:20px;left:16px}.metric-card:hover,.chart-card:hover,.mini-table:hover,.popular:hover,.tasks:hover,.data-panel:hover{box-shadow:var(--shadow-hover);border-color:#f1cec2}.metric-icon{border-radius:11px;flex:none;place-items:center;width:48px;height:48px;display:grid}.metric-card p{color:#697386;margin:0 0 3px;font-size:14px}.metric-card strong{text-align:right;direction:ltr;font-size:27px;line-height:1.4;display:block}.metric-card small{color:#8992a1;margin-top:7px;font-size:11px;display:block}.metric-card small b{color:#12aa8a;font-size:14px}.chart-grid{grid-template-columns:1.05fr 1fr;gap:20px;margin-bottom:23px;display:grid}.analytics-grid{grid-template-columns:1fr 1fr 1.15fr;gap:18px;margin-bottom:23px;display:grid}.distribution-card,.activity-card,.platform-pulse{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:13px;padding:17px;transition:border-color .16s,box-shadow .16s}.distribution-card:hover,.activity-card:hover,.platform-pulse:hover{box-shadow:var(--shadow-hover);border-color:#f1cec2}.distribution-card .card-title h3,.activity-card .card-title h3{align-items:center;gap:7px;display:inline-flex}.distribution-body{align-items:center;min-height:172px;display:flex}.distribution-legend{flex:1;gap:9px;display:grid}.distribution-legend>div{grid-template-columns:8px 1fr auto;align-items:center;gap:7px;display:grid}.distribution-legend span{border-radius:50%;width:8px;height:8px}.distribution-legend small{color:#727d8e;font-size:11px}.distribution-legend strong{color:#334057;font-size:12px}.single-distribution{text-align:center;align-content:center;gap:5px;min-height:172px;display:grid}.single-distribution strong{color:var(--teal);font-family:Alexandria,Cairo,sans-serif;font-size:42px;line-height:1}.single-distribution span{color:#3d485b;font-size:13px;font-weight:700}.single-distribution small{color:#8993a2;font-size:10px}.compact-empty{text-align:center;color:#788394;place-content:center;gap:8px;min-height:160px;font-size:12px;display:grid}.compact-empty svg{color:var(--teal);margin:auto}.activity-list{gap:3px;display:grid}.activity-row{align-items:flex-start;gap:11px;min-height:39px;padding:5px 0;display:flex;position:relative}.activity-row:not(:last-child):after{content:"";background:#e2eeed;width:1px;height:calc(100% - 15px);position:absolute;top:25px;right:4px}.activity-dot{z-index:1;background:var(--teal);border-radius:50%;width:9px;height:9px;margin-top:5px;box-shadow:0 0 0 4px #e9faf9}.activity-row strong{color:#374257;font-size:12px;display:block}.activity-row small{color:#8993a2;margin-top:2px;font-size:10px;display:block}.platform-pulse .card-title span{color:#8a93a2;font-size:10px}.platform-pulse>button{color:#3d475a;text-align:right;background:0 0;border-top:1px solid #f9ece8;grid-template-columns:1fr auto 16px;align-items:center;gap:9px;width:100%;min-height:47px;padding:0;display:grid}.platform-pulse>button:hover{color:var(--orange-dark)}.platform-pulse>button strong{font-size:13px}.period-control{border:1px solid var(--line);color:#5c6678;background:#fff;border-radius:8px;align-items:center;gap:8px;min-height:47px;padding:0 12px;display:inline-flex}.period-control select{color:#434d60;cursor:pointer;background:0 0;border:0;outline:0;font-size:13px}.refresh-btn svg.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.chart-card,.mini-table,.popular,.tasks,.data-panel,.quiz-builder>div{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px}.chart-card{min-height:300px;padding:18px 18px 8px}.chart-status{color:#8a93a2;border:1px solid #f5e5df;border-radius:7px;align-items:center;min-height:28px;padding:0 9px;font-size:11px;font-weight:600;display:inline-flex}.chart-empty{text-align:center;color:#7f8999;place-content:center;justify-items:center;gap:8px;min-height:230px;display:grid}.chart-empty span{width:42px;height:42px;color:var(--teal);background:#eafafa;border-radius:12px;place-items:center;display:grid}.chart-empty strong{color:#334055;font-size:14px}.chart-empty small{font-size:12px}.card-title{justify-content:space-between;align-items:center;min-height:35px;display:flex}.card-title h3,.data-panel h3,.tasks h3{margin:0;font-size:17px}.card-title>button{color:var(--orange);background:0 0;font-size:12px}.dashboard-bottom{grid-template-columns:1.15fr 1.15fr 1.35fr 1fr;gap:18px;display:grid}.mini-table,.popular,.tasks{min-height:265px;padding:16px}.mini-row{color:#596274;border-top:1px solid #f9ece8;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:8px;min-height:43px;font-size:12px;display:grid}.mini-row span:first-child{color:#2c3547;font-weight:600}.popular-row{border-top:1px solid #f9ece8;align-items:center;gap:8px;padding:8px 0;display:flex}.popular-row div{flex:1;min-width:0}.popular-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.popular-row small{color:#888f9c;font-size:10px;display:block}.popular-row>b{direction:ltr;font-size:12px}.course-thumb{color:#fff;border-radius:9px;place-items:center;width:72px;height:72px;display:grid}.course-thumb.small{flex:none;width:40px;height:40px}.course-thumb.mint{background:#71d4d1}.course-thumb.aqua{background:#86dcd5}.course-thumb.gold{background:#ffb24f}.course-thumb.teal{background:#44c6c2}.tasks>div{color:#596273;align-items:center;gap:8px;margin:15px 0;font-size:12px;display:flex}.tasks>div span{color:#089d9d;background:#e1f8f7;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;display:grid}.tasks>div span.alert-dot{color:#fff;background:#ffb027}.tasks input{accent-color:#15aaa9;margin-right:auto}.filter-bar{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;align-items:center;gap:12px;margin-bottom:25px;padding:20px;display:flex}.filter-hint{border:1px solid var(--line);color:#7a8494;border-radius:8px;align-items:center;min-height:42px;padding:0 12px;font-size:12px;display:inline-flex}.table-search{border:1px solid var(--line);color:#30394a;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:300px;height:50px;padding:0 15px;display:flex}.table-search input{text-align:right;border:0;outline:0;width:100%}.select-button,.filter-button{border:1px solid var(--line);color:#4d5668;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;min-width:150px;height:50px;padding:0 16px;display:flex}.filter-button{color:#414b5d;gap:9px;min-width:auto}.data-panel{overflow:hidden}.data-panel>h3{padding:18px 22px 0}table{border-collapse:collapse;width:100%}th{color:#2c3546;border-bottom:1px solid var(--line);text-align:right;background:linear-gradient(90deg,#fff8f5,#fffdfd);height:73px;padding:0 12px;font-size:13px;font-weight:700}td{color:#596274;text-align:right;border-bottom:1px solid #f8e8e3;height:88px;padding:0 12px;font-size:13px}tr:last-child td{border-bottom:0}tbody tr{transition:background .15s}tbody tr:hover{background:#fffaf8}td strong{color:#293143}.name-cell{align-items:center;gap:11px;display:flex}.progress{color:#687386;direction:ltr;align-items:center;gap:7px;font-size:12px;display:flex}.progress:before{content:"";background:#e9eaee;border-radius:9px;width:72px;height:9px;position:absolute}.progress span{background:#25c1c0;border-radius:9px;max-width:72px;height:9px;display:block;position:relative}.progress b{direction:rtl;font-weight:500}.status{white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.action-buttons{gap:7px;display:flex}.icon-button{color:#475062;border:1px solid var(--line);background:#fff;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{color:var(--orange);background:#fff6f2}.icon-button.danger{color:var(--orange)}.pagination{color:#6a7384;border-top:1px solid #f8e8e3;justify-content:space-between;align-items:center;padding:20px 22px;font-size:13px;display:flex}.pagination>div{direction:rtl;gap:7px;display:flex}.pagination button{color:#3d4657;background:#fff;border:1px solid #f8e4dd;border-radius:7px;min-width:36px;height:36px;padding:0 10px}.pagination button.current{background:var(--orange);color:#fff;border-color:var(--orange)}.tabs{border-bottom:1px solid var(--line);gap:30px;margin:-3px 0 23px;padding-right:0;display:flex}.tabs button{color:#5f6775;background:0 0;border-bottom:3px solid #0000;min-height:47px;font-size:15px}.tabs button.selected{color:var(--orange);border-bottom-color:var(--orange);font-weight:700}.compact td{height:59px}.quiz-builder{grid-template-columns:.68fr 1.32fr;gap:17px;margin-top:22px;display:grid}.quiz-builder>div{padding:19px}.quick-settings h3{gap:9px;margin:0 0 22px;font-size:16px;display:flex}.quick-settings label,.question-editor label{color:#3d4655;gap:8px;margin:15px 0;font-size:13px;font-weight:700;display:grid}.quick-settings select,.quick-settings input,.question-editor textarea,.option-row input[type=text],.option-row input:not([type]){border:1px solid var(--line);text-align:right;color:#626b7b;background:#fff;border-radius:7px;outline:0;min-height:48px;padding:0 12px}.quick-settings>span,.question-editor>span{color:#3d4655;font-size:13px;font-weight:700}.difficulty{gap:10px;margin:10px 0 20px;display:flex}.difficulty button{border:1px solid var(--line);color:#596274;background:#fff;border-radius:7px;flex:1;min-height:47px}.difficulty button.active{background:var(--orange);color:#fff;border-color:var(--orange)}.question-editor textarea{resize:none;min-height:77px;padding:13px}.option-row{direction:rtl;align-items:center;gap:9px;margin:9px 0;display:flex}.option-row input[type=radio]{accent-color:var(--orange);width:19px;height:19px}.option-row input:nth-child(2){border:1px solid var(--line);text-align:right;border-radius:6px;outline:0;flex:1;min-height:40px;padding:0 10px}.option-row button,.add-option{border:1px solid var(--line);color:#495367;background:#fff;border-radius:6px;place-items:center;width:34px;height:40px;display:grid}.add-option{color:#6e7788;border-style:dashed;justify-content:center;gap:7px;width:100%;margin:10px 0 18px;display:flex}.progress-metrics .metric-card{min-height:132px}.progress-charts{grid-template-columns:repeat(3,1fr)}.progress-charts .chart-card{min-height:260px}.purchase-metrics .metric-card strong{font-size:24px}.detail-drawer{z-index:10;border-right:1px solid var(--line);background:#fff;width:335px;padding:26px 23px;animation:.22s ease-out slide;position:fixed;inset:0 auto 0 0;box-shadow:14px 0 50px #291d151c}.close{color:#485264;background:0 0;position:absolute;top:20px;left:17px}.detail-drawer h2{margin:4px 0 31px;font-size:19px}.drawer-profile{border:1px solid var(--line);text-align:center;border-radius:12px;justify-items:center;gap:7px;padding:18px;display:grid}.drawer-profile .avatar{width:60px;height:60px;font-size:17px}.drawer-profile strong{font-size:17px}.drawer-profile small{color:#748093;font-size:12px}.drawer-info{border-top:1px solid var(--line);margin:23px 0}.drawer-info>div{border-bottom:1px solid #f9e8e3;justify-content:space-between;gap:12px;padding:14px 0;font-size:13px;display:flex}.drawer-info span{color:#7f8899}.drawer-info strong{color:#303a4b;text-align:left}.full{width:100%}.toast{color:#fff;z-index:20;background:#1e2739;border-radius:9px;align-items:center;gap:8px;padding:13px 18px;font-size:13px;display:flex;position:fixed;bottom:25px;left:25px;box-shadow:0 15px 28px #15192333}.toast.toast-error{background:#b42318;box-shadow:0 15px 28px #b423183d}.empty-page{border:1px dashed var(--line);text-align:center;color:#778195;border-radius:14px;align-content:center;justify-items:center;min-height:440px;display:grid}.empty-page span{width:60px;height:60px;color:var(--orange);background:#fff1ed;border-radius:50%;place-items:center;display:grid}.empty-page h1{color:#252e3e;margin:18px 0 6px}.empty-page p{max-width:420px;margin:0;font-size:14px}.courses-table td{height:103px}.api-banner{color:#a83c20;background:#fff5f1;border:1px solid #ffd6c9;border-radius:9px;align-items:center;gap:9px;min-height:47px;margin:-14px 0 20px;padding:10px 13px;font-size:13px;display:flex}.api-banner button{color:#a83c20;background:0 0;margin-right:auto;font-weight:700}.logout{color:#b42318;white-space:nowrap;background:#fff1f0;border:1px solid #f2b9b4;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.logout:hover{color:#8d1710;background:#fee4e2;border-color:#e98e87}.table-note{color:#788294;margin:8px 22px 14px;font-size:12px}.empty-table{color:#677285;align-content:center;justify-items:center;gap:6px;min-height:190px;padding:30px;display:grid}.empty-table p{margin:0;font-weight:700}.empty-table small,.empty-copy{color:#8b94a3;font-size:12px}.empty-copy{padding:30px 0}.tasks code{color:#657083;direction:ltr;font-family:monospace;font-size:11px}.login-shell{background:linear-gradient(135deg,#fff 0%,#fff5f1 100%);place-items:center;width:100%;max-width:100%;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:17px;width:min(100%,450px);max-width:100%;padding:34px;box-shadow:0 20px 60px #582b1a1a}.login-brand{align-items:center;gap:11px;margin-bottom:28px;display:flex}.login-brand strong{font-size:20px;display:block}.login-brand small{color:#7b8494;font-size:12px}.login-language-toggle{border:1px solid var(--line);color:#5b687b;background:#fff;border-radius:9px;place-items:center;width:36px;height:36px;margin-inline-start:auto;display:grid}.login-language-toggle:hover,.login-language-toggle:focus-visible{color:var(--orange-dark);background:#fff8f2;border-color:#f0b98e}.login-card h1{margin:0 0 8px;font-size:28px}.login-card>p{color:#6f7889;margin:0 0 22px;font-size:13px;line-height:2}.login-card form{gap:15px;display:grid}.login-card label{color:#4b5668;gap:7px;font-size:13px;font-weight:700;display:grid}.login-card input,.login-card select{border:1px solid var(--line);color:#253044;background:#fff;border-radius:8px;outline:0;height:48px;padding:0 12px}.login-message{color:#a2482a;background:#fff6f2;border-radius:8px;margin-top:18px;padding:10px 12px;font-size:12px}.text-button{color:var(--orange);background:0 0;padding:5px;font-size:13px}.live-section{min-width:0}.live-section .page-heading{min-height:auto}.live-search{width:100%;min-width:0;margin:0 0 18px}.data-toolbar{border:1px solid var(--line);background:#ffffffe6;border-radius:14px;align-items:center;gap:12px;margin:0 0 18px;padding:12px;display:flex;box-shadow:0 12px 30px #2223320d}.data-toolbar .live-search{background:#fff;flex:260px;min-height:44px;margin:0}.toolbar-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-filter-trigger,.toolbar-filter-reset{border:1px solid var(--line);color:#404a5d;min-height:42px;font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:700;transition:border-color .16s,box-shadow .16s,background-color .16s;display:inline-flex}.toolbar-filter-trigger:hover,.toolbar-filter-trigger[aria-expanded=true]{background:#fff7f3;border-color:#f1b5a5}.toolbar-filter-trigger:focus-visible,.toolbar-filter-reset:focus-visible{border-color:var(--orange);outline:0;box-shadow:0 0 0 3px #ff5f2a21}.toolbar-filter-badge{background:var(--orange);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:10px;display:inline-grid}.toolbar-filter-panel{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-filter-reset{color:#b44b2c;background:0 0;border-color:#0000}.toolbar-filter-reset:hover{background:#fff1ec}.toolbar-select{display:inline-flex;position:relative}.toolbar-select select{border:1px solid var(--line);color:#404a5d;max-width:170px;min-height:42px;font:inherit;cursor:pointer;background:#fff;border-radius:9px;outline:0;padding:0 11px;font-size:12px;transition:border-color .16s,box-shadow .16s}.toolbar-select select:hover{border-color:#f1b5a5}.toolbar-select select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff5f2a21}.toolbar-count{color:#6e7889;white-space:nowrap;min-width:fit-content;font-size:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.live-table{overflow-x:auto}.live-table table{min-width:680px}.live-table code{white-space:nowrap;font-family:ui-monospace,Consolas,monospace;font-size:11px}.compact-btn{gap:6px;min-height:35px;padding:0 10px;font-size:12px}.live-tabs{margin:0 0 18px;overflow-x:auto}.panel-form{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px;margin:0 0 20px;padding:21px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#151e2f61;place-items:center;padding:28px 18px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-form{width:min(100%,720px);max-height:min(760px,100vh - 56px);margin:auto;animation:.18s ease-out modal-in;overflow-y:auto;box-shadow:0 26px 72px #141b2a45}.modal-form>div:first-child button{border:1px solid var(--line);border-radius:8px;place-items:center;width:36px;height:36px;display:grid}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.panel-form>div:first-child{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-form h2{margin:0;font-size:18px}.panel-form>div:first-child button{color:var(--orange);background:0 0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.form-grid label,.report-toolbar label{color:#455064;gap:7px;font-size:13px;font-weight:700;display:grid}.form-grid input,.form-grid textarea,.form-grid select,.report-toolbar select{border:1px solid var(--line);color:#30394a;text-align:right;background:#fff;border-radius:8px;outline:0;min-height:46px;padding:10px 12px}.form-grid input:hover,.form-grid textarea:hover,.form-grid select:hover,.report-toolbar select:hover{border-color:#efc2b3}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.report-toolbar select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff5b201a}.form-grid textarea{resize:vertical;min-height:95px}.modal-form>div:first-child>div{min-width:0}.modal-form>div:first-child p{color:#718097;max-width:570px;margin:5px 0 0;font-size:13px;font-weight:500;line-height:1.65}.form-section{background:linear-gradient(135deg,#fbfdff 0%,#fff 100%);border:1px solid #e7edf4;border-radius:12px;grid-column:span 1;min-width:0;margin:0;padding:14px}.form-section-wide{grid-column:1/-1}.form-section legend{color:#1c3655;padding:0 7px;font-size:13px;font-weight:800}.form-section-fields{gap:12px;display:grid}.form-section-fields label{min-width:0}.form-section small,.form-grid label>small{color:#7d8ca2;margin-top:-2px;font-size:11px;font-weight:500;line-height:1.5;display:block}.form-section select[multiple]{min-height:150px}.form-section .form-checkbox{color:#40526a;align-items:center;gap:9px;min-height:34px;font-size:13px;font-weight:700;display:flex}.form-section .form-checkbox input{width:17px;min-height:17px;accent-color:var(--orange);margin:0}.table-muted{color:#7d8ca2;margin-top:3px;font-size:11px;font-weight:600;display:block}.curriculum-list{gap:9px;display:grid}.curriculum-section{background:#fff;border:1px solid #e5edf4;border-radius:10px;gap:4px;padding:11px 12px;display:grid}.curriculum-section strong{color:#213a59;font-size:13px}.curriculum-section span,.curriculum-section small,.form-empty{color:#718097;font-size:12px;line-height:1.6}.curriculum-section-actions,.curriculum-lesson-row,.question-option-row,.table-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.curriculum-section-actions{margin-top:6px}.forum-review-detail,.forum-reply-list{gap:12px;display:grid}.forum-thread-original,.forum-reply{background:#fff;border:1px solid #e1eaf2;border-radius:12px;gap:9px;padding:15px;display:grid}.forum-thread-original{background:#fbfdff;border-color:#d9e8f2}.forum-thread-original h3,.forum-thread-original p,.forum-reply p{margin:0}.forum-thread-original h3{color:#1d3554;font-size:16px}.forum-thread-original p,.forum-reply p{color:#455d79;white-space:pre-wrap;font-size:13px;line-height:1.9}.forum-review-meta,.forum-replies-heading{flex-wrap:wrap;align-items:center;gap:6px 9px;display:flex}.forum-review-meta strong,.forum-replies-heading strong{color:#1c3655;font-size:13px}.forum-review-meta span,.forum-replies-heading span{color:#718097;font-size:12px}.forum-replies-heading{justify-content:space-between;padding-top:4px}.forum-moderation-badge{background:#fff0eb;border-radius:999px;padding:2px 7px;font-weight:700;color:#c2511b!important}.forum-reply.is-reply{background:#fffdfb;border-inline-start:3px solid #f5a56b;margin-inline-start:26px}.curriculum-lesson-list{gap:6px;margin:5px 0 2px;display:grid}.curriculum-lesson-row{background:#f9fbfd;border:1px solid #eef2f7;border-radius:8px;justify-content:space-between;gap:10px;padding:7px 9px}.curriculum-lesson-row>div{flex-wrap:wrap;gap:6px;display:inline-flex}.question-options-editor{gap:9px;display:grid}.question-options-help{color:#66758a;margin:0;font-size:13px;line-height:1.65}.settings-fixed-value{color:#45566e;margin:0;font-weight:700}.question-option-row{background:#fbfcfe;border:1px solid #e7edf5;border-radius:10px;padding:8px}.question-option-row>input{flex:220px;min-height:38px}.manual-grading-panel{border-top:1px solid #e8edf3;gap:12px;margin-top:26px;padding-top:24px;display:grid}.section-inline-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.section-inline-heading h2{color:#172d4d;margin:0;font-size:19px}.section-inline-heading p{color:#708198;margin:5px 0 0;font-size:13px}.manual-answer-list{gap:12px;display:grid}.manual-answer-card{background:#fbfcfe;border:1px solid #e7edf5;border-radius:12px;gap:9px;padding:14px;display:grid}.manual-answer-card strong{color:#213a59}.manual-answer-card p{color:#53657e;white-space:pre-wrap;margin:0;line-height:1.8}.manual-answer-card>div{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.manual-answer-card label{color:#52637a;gap:5px;font-size:12px;font-weight:700;display:grid}.manual-answer-card input[type=number]{min-width:130px;min-height:38px}.order-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.order-summary-grid span,.order-detail-list article{color:#40536d;background:#fbfcfe;border:1px solid #e7edf5;border-radius:10px;gap:5px;padding:10px 11px;font-size:13px;display:grid}.order-summary-grid b,.order-detail-list strong{color:#1d3655}.order-detail-list{gap:8px;display:grid}.order-detail-list article{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.order-refund-history{gap:5px;margin:10px 0;display:grid}.order-refund-history p{color:#8c5a2d;margin:0;font-size:12px}@media (width<=680px){.curriculum-lesson-row{align-items:stretch}.curriculum-lesson-row>div,.curriculum-section-actions{width:100%}.curriculum-lesson-row .compact-btn,.curriculum-section-actions .compact-btn{flex:auto;justify-content:center}.question-option-row{align-items:stretch}.section-inline-heading{flex-direction:column;align-items:stretch}.section-inline-heading .compact-btn{justify-content:center;width:100%}.order-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-detail-list article{grid-template-columns:1fr}.forum-reply.is-reply{margin-inline-start:12px}}.form-empty{margin:0}.subheading{margin:28px 0 13px;font-size:19px}.report-toolbar{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:end;gap:12px;margin-bottom:18px;padding:17px;display:flex}.report-toolbar label{flex:1}.report-toolbar .primary-btn{flex:none}.empty-table svg{color:var(--orange)}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (width<=1200px){.sidebar{width:218px}.dashboard-bottom{grid-template-columns:1fr 1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.chart-grid,.progress-charts,.analytics-grid{grid-template-columns:1fr 1fr}.analytics-grid .activity-card{grid-column:1/-1}.global-search{width:310px}.filter-bar{flex-wrap:wrap}.table-search{min-width:270px}.data-panel{overflow-x:auto}.data-panel table{min-width:1040px}}@media (width<=760px){.app-shell{display:block}.sidebar{border-left:0;border-bottom:1px solid var(--line);width:100%;height:auto;color:var(--ink);background:#fff;padding:14px 15px;position:static}.sidebar.collapsed{width:100%;padding:14px 15px}.sidebar.collapsed .sidebar-brand-row{justify-content:space-between;min-height:42px}.sidebar-brand-row{align-items:center}.sidebar-toggle{display:grid;position:static}.sidebar.collapsed .sidebar-toggle{box-shadow:none;border-radius:9px;position:static}.sidebar.collapsed .brand{padding:0}.sidebar.collapsed .brand>div{display:block}.sidebar .brand-mark{color:var(--orange);background:0 0;border-color:#0000}.sidebar .brand small{color:var(--muted)}.brand{padding:0}.brand small{display:none}.brand strong{font-size:17px}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:14px;padding-bottom:2px;display:grid;overflow:visible}.sidebar.collapsed nav{display:none}.nav-group,.nav-group-toggle,.nav-group-items,.sidebar-footer{display:contents}.nav-group-toggle,.sidebar-footer{display:none}.nav-group-items.closed,.sidebar.collapsed .nav-group-items,.sidebar.collapsed .nav-group-items.closed{display:contents}.sidebar.collapsed .nav-item,.sidebar.collapsed .nav-item>span{width:auto;display:flex}.sidebar.collapsed .nav-item{min-height:39px;padding:0 11px}.sidebar.collapsed .nav-item b{min-width:19px;height:19px;position:static}.sidebar.collapsed .nav-item:after{display:none}.nav-item{color:#566073}.nav-item:hover{color:var(--orange);background:#fff4f0}.nav-item.active{color:var(--orange-dark);box-shadow:inset -3px 0 0 var(--orange);background:#fff1ec}.nav-item{min-width:max-content;min-height:39px;padding:0 11px;font-size:12px}.nav-item svg{width:16px}.nav-item b{display:none}.sidebar .nav-item,.sidebar.collapsed .nav-item{white-space:nowrap;justify-content:flex-start;width:100%;min-width:0}.support{display:none}.topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:66px;padding:12px 16px}.platform-name{font-size:15px}.global-search{order:3;width:100%;height:43px;margin-right:0}.top-actions{gap:11px;margin-right:auto}.divider,.profile small{display:none}.profile{min-width:0}.profile strong{font-size:12px}.avatar{width:33px;height:33px}.page-content{padding:25px 15px 32px}.page-heading{align-items:flex-start;min-height:auto;margin-bottom:20px}.page-heading h1{font-size:23px}.page-heading p{font-size:12px}.heading-actions{flex-shrink:0}.heading-actions .outline-btn{display:none}.primary-btn,.outline-btn{min-height:42px;padding:0 13px;font-size:12px}.metrics-grid,.chart-grid,.analytics-grid,.progress-charts,.dashboard-bottom,.quiz-builder{grid-template-columns:1fr;gap:13px}.metric-card{min-height:115px;padding:17px}.metric-card strong{font-size:23px}.metric-arrow{display:none}.period-control{min-height:42px;padding:0 9px}.period-control select{font-size:11px}.distribution-body{min-height:150px}.chart-card{min-height:250px}.chart-status{display:none}.dashboard-bottom .mini-table,.dashboard-bottom .popular,.dashboard-bottom .tasks{min-height:auto}.filter-bar{gap:9px;padding:13px}.table-search{width:100%;min-width:100%}.select-button{flex:1;min-width:130px;height:43px}.filter-button{height:43px}.tabs{gap:20px;overflow:auto}.detail-drawer{width:min(92vw,335px)}.logout{display:none}.login-card{padding:25px 20px}.live-section .page-heading{display:block}.data-toolbar{flex-direction:column;align-items:stretch;gap:10px}.toolbar-filters{width:100%}.toolbar-filter-trigger{justify-content:center;width:100%}.toolbar-filter-panel{width:100%}.toolbar-select{flex:130px}.toolbar-select select{width:100%;max-width:none}.toolbar-filter-reset{justify-content:center;width:100%}.live-section .heading-actions{margin-top:13px}.form-grid{grid-template-columns:1fr}.panel-form{padding:16px}.report-toolbar{flex-direction:column;align-items:stretch}.report-toolbar .primary-btn{width:100%}.live-table{border-radius:10px}.modal-backdrop{align-items:end;padding:0}.modal-form{border-radius:18px 18px 0 0;width:100%;max-height:min(82vh,760px);margin:0}.live-table table{min-width:610px}.live-section .page-heading h1{font-size:24px}.live-tabs button{white-space:nowrap}.compact-btn{min-height:38px}}@media (width<=420px){.login-shell{place-items:center;min-height:100dvh;padding:16px}.login-card{border-radius:16px;width:100%;padding:24px 16px}.login-brand{margin-bottom:22px}.login-brand strong{font-size:18px}.login-card h1{font-size:clamp(23px,8vw,28px)}.login-card>p{font-size:12px;line-height:1.8}}body,.app-shell,.login-shell{color:var(--ink);background:#f5f7fa}.sidebar{border-left:1px solid var(--line);width:252px;color:var(--ink);background:#fff;padding:24px 14px 16px;box-shadow:-8px 0 22px #1b2c4406}.sidebar-brand-row{border-bottom:1px solid #f0f2f5;min-height:58px;padding:0 8px 18px}.brand{gap:11px;padding:0}.brand strong,.page-heading h1,.platform-name{letter-spacing:-.035em;font-family:Alexandria,Cairo,sans-serif}.brand strong{color:#142238;font-size:17px}.brand small{color:#7c899b;font-size:10px}.brand-mark{width:40px;height:40px;color:var(--orange);background:#fff3e9;border:0;border-radius:11px}.sidebar-toggle{border:1px solid var(--line);color:#637087;background:#fff;border-radius:9px;width:32px;height:32px;margin:0}.sidebar-toggle:hover{color:var(--orange-dark);background:#fff8f2;border-color:#f0b98e}.sidebar nav{scrollbar-color:#d8dfe8 transparent;gap:17px;padding:18px 2px 15px}.sidebar nav::-webkit-scrollbar-thumb{background:#d8dfe8}.nav-group{gap:5px}.nav-group-toggle{color:#98a4b5;letter-spacing:.04em;min-height:25px;padding:0 11px;font-size:9px}.nav-group-toggle:hover{color:#536276}.nav-item{color:#5f6d80;border:1px solid #0000;border-radius:10px;gap:13px;min-height:42px;padding:0 12px;font-size:12px;font-weight:600}.nav-item:hover{color:var(--orange-dark);background:#fff9f5;border-color:#f0e5da}.nav-item.active{color:#c75915;box-shadow:none;background:#fff1e8;border-color:#f6c9aa}.nav-item b,.nav-item:not(.active) b{background:var(--orange)}.sidebar-footer{border-top:1px solid #edf0f4;gap:9px;padding:15px 7px 0}.sidebar-api strong,.sidebar-profile strong{color:#26344b}.sidebar-api small,.sidebar-profile small{color:#8a96a7}.sidebar-profile{color:#26344b;background:#f8fafc;border:1px solid #e7ebf0}.sidebar-profile:hover{background:#fff7f1}.support{color:#526278;background:#fff;border-color:#e6eaf0}.support:hover{color:var(--orange-dark);background:#fff9f5;border-color:#f3c7a9}.sidebar.collapsed{width:78px;padding-inline:10px}.sidebar.collapsed .sidebar-toggle{color:#66758a;background:#fff;border-color:#e5eaf0;top:26px;left:-16px;box-shadow:0 5px 15px #192c461c}.sidebar.collapsed .nav-item.active{box-shadow:inset -2px 0 0 var(--orange)}.sidebar.collapsed .nav-item:after{color:#26344b;background:#fff;border-color:#e5eaf0;box-shadow:0 12px 28px #17273e1f}.topbar{border-bottom:1px solid var(--line);background:#fffffff2;gap:24px;height:78px;padding:0 34px;box-shadow:0 3px 14px #1c2c4306}.platform-name{color:#16243a;font-size:18px;font-weight:800}.platform-name i{background:var(--orange);width:6px;height:6px;margin-inline:8px 0}.global-search{background:#f8fafc;border:1px solid #e6ebf0;border-radius:11px;width:min(440px,40%);height:44px;padding:0 15px}.global-search:focus-within{background:#fff;border-color:#eeb488;box-shadow:0 0 0 4px #e8772217}.global-search input{color:#26344b;font-size:12px}.global-search svg,.global-search input::placeholder{color:#98a4b5}.global-search-results{border-color:#e7ebf0;border-radius:12px;top:calc(100% + 8px);box-shadow:0 18px 40px #13233a1f}.top-actions{gap:14px}.top-actions>button{color:#5b687b;border:1px solid #0000;border-radius:9px;width:36px;height:36px}.top-actions>button:hover{color:var(--orange-dark);background:#f7f9fb;border-color:#e7ebf0}.app-shell[dir=ltr] .top-actions{direction:ltr}.app-shell[dir=ltr] .platform-name i{margin:0 0 3px 8px}.divider{background:#e7ebf0}.profile{gap:9px;min-width:172px}.profile strong{color:#27354a;font-size:11px}.profile small{color:#8b96a6;font-size:9px}.avatar.orange{color:#c45916;background:#fff0e6}.page-content{max-width:1560px;padding:36px 34px 48px}.page-heading{min-height:74px;margin-bottom:28px}.page-heading h1{color:#142238;font-size:30px;font-weight:800}.page-heading p,.breadcrumb{color:#8390a1;font-size:12px}.heading-actions{gap:10px}.primary-btn,.outline-btn,.compact-btn,.select-button,.filter-button{border-radius:9px;min-height:41px;font-size:12px;font-weight:700}.primary-btn{background:var(--orange);box-shadow:0 8px 15px #e8772233}.primary-btn:hover:not(:disabled){background:var(--orange-dark);transform:translateY(-1px);box-shadow:0 10px 18px #c95d1240}.outline-btn,.compact-btn,.select-button,.filter-button{color:#526176;background:#fff;border-color:#e3e9ef}.outline-btn:hover:not(:disabled),.compact-btn:hover,.select-button:hover,.filter-button:hover{color:var(--orange-dark);background:#fff9f4;border-color:#f1bc94}.metrics-grid,.chart-grid,.analytics-grid,.dashboard-bottom{gap:16px}.metric-card,.chart-card,.distribution-card,.activity-card,.platform-pulse,.mini-table,.popular,.tasks,.data-panel,.live-table,.panel-form,.modal-form,.empty-page,.detail-drawer{box-shadow:var(--shadow);background:#fff;border-color:#e6ebf0;border-radius:14px}.metric-card{min-height:148px;padding:22px 20px}.metric-card:hover,.chart-card:hover,.mini-table:hover,.popular:hover,.tasks:hover,.data-panel:hover,.distribution-card:hover,.activity-card:hover,.platform-pulse:hover{box-shadow:var(--shadow-hover);border-color:#dbe3eb;transform:translateY(-2px)}.metric-icon{border-radius:12px;width:44px;height:44px}.metric-icon.orange{color:#d7641a;background:#fff0e7}.metric-icon.teal{color:#0a9f8a;background:#e7f7f4}.metric-icon.coral{color:#dd6a3b;background:#fff1ed}.metric-icon.mint{color:#138e75;background:#e9f7f2}.metric-icon.gold{color:#bd8514;background:#fff7e8}.metric-icon.lavender{color:#596fbb;background:#eef2ff}.metric-card p,.metric-card small,.chart-status,.distribution-legend small,.activity-row small,.chart-empty small,.table-note,.empty-copy{color:#8793a4}.metric-card strong{color:#142238;font-size:25px}.chart-card,.distribution-card,.activity-card,.platform-pulse,.mini-table,.popular,.tasks,.data-panel{padding:21px}.card-title h3,.data-panel h3,.tasks h3{color:#1d2b41;font-size:14px}.card-title>button,.platform-pulse>button{color:#e06e20}.chart-empty,.compact-empty{background:#fafbfd}.activity-row:not(:last-child):after{background:#edf0f4}.activity-dot{background:#fff0e5;border-color:#f6c6a5}.filter-bar,.data-toolbar,.report-toolbar{background:#fff;border:1px solid #e6ebf0;border-radius:13px;padding:14px;box-shadow:0 4px 14px #1e2f4606}.table-search,.live-search,.toolbar-select select,.quick-settings select,.quick-settings input,.question-editor textarea,.option-row input[type=text],.option-row input:not([type]),.form-grid input,.form-grid textarea,.form-grid select,.report-toolbar select,.login-card input,.login-card select{color:#26354b;background:#fbfcfd;border-color:#e0e7ee;border-radius:9px;font-size:12px}.table-search:focus-within,.live-search:focus-within,.toolbar-select select:focus,.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.report-toolbar select:focus,.quick-settings select:focus,.quick-settings input:focus,.question-editor textarea:focus{background:#fff;border-color:#e9a775;box-shadow:0 0 0 4px #e8772217}.live-table,.data-panel{overflow:hidden}.data-panel table,.live-table table{border-collapse:collapse}.data-panel th,.live-table th{color:#7b8798;background:#fafbfd;border-bottom:1px solid #e8edf2;padding:14px 13px;font-size:10px;font-weight:800}.data-panel td,.live-table td{color:#4c5b70;border-bottom:1px solid #edf0f4;padding:15px 13px;font-size:11px}.data-panel tbody tr:hover,.live-table tbody tr:hover{background:#fffaf6}.data-panel tbody tr:last-child td,.live-table tbody tr:last-child td{border-bottom:0}.status{border-radius:7px;min-height:25px;font-size:10px;font-weight:700}.status.success{color:#087e6a;background:#e7f7f2}.status.warning{color:#a67516;background:#fff6dd}.status.danger{color:#c64e45;background:#fff0ef}.icon-button{color:#66758a;border-color:#e4e9ef;border-radius:8px}.icon-button:hover{color:var(--orange-dark);background:#fff8f2;border-color:#efbd98}.pagination{box-shadow:var(--shadow);background:#fff;border-color:#e6ebf0}.pagination button{color:#5d6c80;border-color:#e4e9ef}.pagination button.current{border-color:var(--orange);background:var(--orange)}.live-tabs{border-bottom-color:#e7ebf0}.live-tabs button,.tabs button{color:#7b8798;font-size:12px;font-weight:700}.live-tabs button.active,.tabs button.selected{color:var(--orange-dark);border-bottom-color:var(--orange)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101e3059}.modal-form,.panel-form{padding:25px}.modal-form>div:first-child,.panel-form>div:first-child{border-bottom-color:#edf0f4;padding-bottom:17px}.modal-form h2,.panel-form h2,.detail-drawer h2{color:#17263d;font-size:20px}.detail-drawer{border:0;border-right:1px solid #e6ebf0;border-radius:0;box-shadow:-18px 0 38px #17273e24}.login-card{border-color:#e6ebf0;border-radius:18px;box-shadow:0 20px 45px #16263c1a}@media (width<=760px){.sidebar{border-bottom:1px solid var(--line);box-shadow:none;padding:14px 15px}.sidebar-brand-row{min-height:42px;padding:0 2px 12px}.sidebar nav{padding:14px 0 2px}.nav-item,.sidebar.collapsed .nav-item{background:#fff;border-color:#edf0f4;min-height:39px}.nav-item.active{background:#fff4ec;border-color:#f4c9ad}.topbar{background:#fff;min-height:68px;padding:11px 16px}.platform-name{font-size:15px}.global-search{border-radius:9px;height:42px}.page-content{padding:25px 16px 36px}.page-heading{min-height:auto;margin-bottom:22px}.page-heading h1{font-size:24px}.metric-card,.chart-card,.distribution-card,.activity-card,.platform-pulse,.mini-table,.popular,.tasks,.data-panel,.live-table{border-radius:12px}}.page-content{background:radial-gradient(circle at 8% -8%,#0f9e9713,#0000 25rem),radial-gradient(circle at 88% 5%,#e877220f,#0000 23rem),#f7f9fb}.page-heading{align-items:flex-end;margin-bottom:28px}.page-heading h1{text-wrap:pretty;font-size:clamp(25px,2.2vw,34px);line-height:1.2}.page-heading p{margin-top:8px;font-size:13px}.metrics-grid{gap:14px;margin-bottom:18px}.metric-card{border:1px solid #dde5eceb;border-radius:16px;min-height:154px;position:relative;overflow:hidden;box-shadow:0 8px 26px #1e2f460b}.metric-card:before{content:"";transform-origin:100%;background:#dfe7ec;height:3px;transition:transform .23s,background .23s;position:absolute;top:0;left:20px;right:20px;transform:scaleX(.24)}.metric-card:hover:before,.metric-card:focus-visible:before{background:var(--orange);transform:scaleX(1)}.metric-card:hover{border-color:#d6e0e8;box-shadow:0 17px 34px #1e2f4617}.metric-card strong{letter-spacing:-.045em;font-size:clamp(23px,2vw,28px)}.metric-card p{margin-bottom:5px;font-weight:700}.metric-card small{color:#7e8ca0;margin-top:7px;display:inline-flex}.chart-grid-premium{align-items:stretch;margin-bottom:18px}.distribution-card,.activity-card,.platform-pulse,.mini-table,.popular,.tasks,.data-panel,.live-table,.panel-form,.modal-form,.empty-page,.detail-drawer{border-color:#e2e9ef;border-radius:16px;box-shadow:0 9px 26px #192d490b}.distribution-card .recharts-pie-sector{filter:drop-shadow(0 3px 5px #0f9e971f)}.activity-row{border-radius:10px;transition:background .16s}.activity-row:hover{background:#f7fafb}.report-toolbar{border-color:#e1e9ef;border-radius:15px;align-items:end}@media (width<=640px){.page-heading{align-items:stretch}}@media (width<=1024px){.workspace,.page-content{width:100%;min-width:0;max-width:100%}.page-content{padding:28px 20px 40px}.metrics-grid,.chart-grid,.analytics-grid,.progress-charts,.dashboard-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom>:last-child,.analytics-grid .activity-card{grid-column:1/-1}}@media (width>=761px) and (width<=1024px){.app-shell{width:100%;min-height:100dvh;display:flex;overflow-x:clip}.workspace{flex:auto;min-width:0}.sidebar,.sidebar.collapsed{flex:none;height:100dvh;position:sticky;top:0}.sidebar{width:208px}.sidebar.collapsed{width:78px}.sidebar:not(.collapsed){z-index:60;border-left:1px solid var(--line);background:#fff;width:min(82vw,300px);padding:20px 16px;position:fixed;bottom:0;right:0;overflow-y:auto;box-shadow:-18px 0 42px #11233a29}.mobile-drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12203357;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.topbar{gap:14px;padding-inline:20px}.top-actions{gap:9px}.top-actions .profile>div{min-width:116px}.page-content{padding:28px 20px 40px}}@media (width<=760px){html,body,#root,.app-shell,.workspace,.page-content{width:100%;min-width:0;max-width:100%;overflow-x:clip}.app-shell{display:block}.sidebar,.sidebar.collapsed{z-index:60;border:0;border-left:1px solid var(--line);background:#fff;border-radius:0;width:min(86vw,320px);height:100dvh;padding:18px 14px;transition:transform .22s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(0);box-shadow:-18px 0 42px #11233a29}.sidebar.collapsed{pointer-events:none;transform:translate(calc(100% + 20px))}.sidebar-brand-row,.sidebar.collapsed .sidebar-brand-row{justify-content:space-between;min-height:54px;padding:0 4px 15px;display:flex}.sidebar.collapsed .brand,.sidebar.collapsed .brand>div{display:flex}.sidebar.collapsed .brand>div{flex-direction:column}.sidebar .brand small{display:block}.sidebar-toggle,.sidebar.collapsed .sidebar-toggle{width:36px;height:36px;box-shadow:none;border-radius:10px;flex:none;display:grid;position:static}.sidebar nav,.sidebar.collapsed nav{grid-template-columns:1fr;gap:12px;margin:0;padding:0;display:grid}.nav-group,.sidebar.collapsed .nav-group{width:100%;display:grid}.nav-group-toggle{display:flex}.nav-group-items,.nav-group-items.closed,.sidebar.collapsed .nav-group-items,.sidebar.collapsed .nav-group-items.closed{grid-template-rows:1fr;display:grid}.nav-group-items.closed{grid-template-rows:0fr}.nav-item,.sidebar.collapsed .nav-item{border-color:#0000;justify-content:flex-start;width:100%;min-height:46px;padding:0 13px;font-size:13px}.sidebar.collapsed .nav-item,.sidebar.collapsed .nav-item>span{display:flex}.sidebar.collapsed .nav-item b{position:static}.sidebar-footer,.sidebar.collapsed .sidebar-footer{margin-top:16px;display:grid}.sidebar.collapsed .sidebar-api>div,.sidebar.collapsed .sidebar-profile>span:nth-child(2),.sidebar.collapsed .sidebar-profile>svg,.sidebar.collapsed .support>:not(svg){display:block}.mobile-drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12203357;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.mobile-menu-toggle{color:#3f546e;background:#fff;border:1px solid #e2e9ef;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-height:64px;padding:10px 14px;display:grid}.platform-name{white-space:nowrap;min-width:0;font-size:15px}.top-actions{min-width:0;margin:0}.top-actions>button:first-child,.top-actions .bell,.divider,.profile small{display:none}.profile{min-width:0}.profile strong{text-overflow:ellipsis;white-space:nowrap;max-width:88px;font-size:10px;display:block;overflow:hidden}.topbar .logout.logout-danger{color:#fff;background:#d92d20;border:1px solid #d92d20;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:11px;font-weight:800;box-shadow:0 5px 12px #d92d202e;display:inline-flex!important}.topbar .logout.logout-danger:hover{color:#fff;background:#b42318}.page-content{padding:20px 14px 32px}.page-heading{gap:14px;min-height:0;margin-bottom:18px;display:grid}.page-heading h1{font-size:24px}.heading-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;width:100%;min-width:0;display:grid}.heading-actions .period-segmented{grid-column:1/-1;justify-content:space-between;width:100%}.heading-actions .primary-btn,.heading-actions .outline-btn{width:100%;min-height:42px;padding-inline:10px}.metrics-grid,.chart-grid,.analytics-grid,.progress-charts,.dashboard-bottom{grid-template-columns:minmax(0,1fr)}.metric-card{min-height:124px;padding:18px}.metric-card strong{font-size:24px}.filter-bar,.report-toolbar{padding:12px}.table-search,.live-search{width:100%;min-width:0}}.topbar .logout.logout-danger{color:#fff;background:#d92d20;border:1px solid #d92d20;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:70px;min-height:36px;padding:0 12px;font-size:12px;font-weight:800;box-shadow:0 5px 12px #d92d202e;width:auto!important;display:inline-flex!important}.topbar .logout.logout-danger:hover{color:#fff;background:#b42318;border-color:#b42318}@media (width<=760px){.topbar{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;padding:10px 14px}.platform-name{text-overflow:ellipsis;justify-self:center;overflow:hidden}.top-actions{justify-self:end;align-items:center;gap:8px;display:flex}.top-actions .profile{place-items:center;width:34px;height:34px;display:grid}.top-actions .profile>div,.top-actions .api-state{display:none}.top-actions .profile .avatar{width:34px;height:34px}.topbar .logout.logout-danger{min-width:70px;padding-inline:10px}}@media (width>=761px){.topbar{justify-content:space-between;gap:24px;padding-inline:clamp(24px,3vw,52px)}.platform-name,.top-actions{flex:none}.top-actions{gap:12px}.top-actions .profile{padding-inline:4px 2px}.top-actions .profile>div{min-width:152px}.top-actions .divider{margin-inline:2px}}@media (width>=1025px){.sidebar.collapsed{width:96px;padding:18px 14px 16px}.sidebar.collapsed .sidebar-brand-row{flex-direction:column;justify-content:space-between;align-items:center;gap:10px;min-height:116px;padding:0 0 16px;display:flex}.sidebar.collapsed .brand{justify-content:center;width:46px;height:46px}.sidebar.collapsed .brand-mark{border-radius:15px;width:46px;height:46px}.sidebar.collapsed .sidebar-toggle{width:48px;height:40px;color:var(--orange-dark);background:linear-gradient(135deg,#fff7f1,#fff);border:1px solid #f3c4a4;border-radius:13px;place-items:center;margin:0;transition:transform .16s,box-shadow .16s,background .16s;display:grid;position:static;box-shadow:0 7px 16px #c95d121f}.sidebar.collapsed .sidebar-toggle:hover{background:var(--orange);color:#fff;transform:translateY(-1px);box-shadow:0 10px 20px #c95d1238}.sidebar.collapsed nav{gap:9px;padding:14px 0}.sidebar.collapsed .nav-item{border-radius:15px;width:52px;min-height:52px;margin-inline:auto}.sidebar.collapsed .nav-item.active{background:#fff3eb;border:1px solid #f4c5a5;box-shadow:0 7px 16px #c95d121a}.sidebar.collapsed .sidebar-footer{padding-inline:0}.sidebar.collapsed .sidebar-api,.sidebar.collapsed .sidebar-profile,.sidebar.collapsed .support{width:52px;margin-inline:auto}}.notification-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px;display:grid}.notification-summary article{background:#fff;border:1px solid #e3eaf0;border-radius:14px;align-content:center;gap:4px;min-height:112px;padding:18px 20px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 22px #1e2f460a}.notification-summary article:before{content:"";background:#aeb9c6;border-radius:0 0 5px 5px;height:3px;position:absolute;top:0;left:20px;right:20px}.notification-summary-ready:before{background:var(--orange)!important}.notification-summary-sent:before{background:#0f9e97!important}.notification-summary span,.notification-summary small{color:#8090a3;font-size:12px;font-weight:650}.notification-summary strong{color:#17263d;letter-spacing:-.04em;font-size:28px;line-height:1.1}.live-table:has(.notifications-table){padding:0;overflow-x:auto}.notifications-table{min-width:900px!important}.notifications-table th{background:#fafbfd;height:52px}.notifications-table td{vertical-align:middle;padding-top:17px;padding-bottom:17px}.notification-message-cell{min-width:290px}.notification-message-cell strong,.notification-message-cell small{display:block}.notification-message-cell strong{color:#1e2b3f;margin-bottom:5px;font-size:13px}.notification-message-cell small{color:#8290a2;text-overflow:ellipsis;white-space:nowrap;max-width:360px;font-size:11px;line-height:1.55;overflow:hidden}.notification-type{color:#526278;white-space:nowrap;background:#f8fafc;border:1px solid #e3e9ef;border-radius:8px;align-items:center;min-height:28px;padding:0 9px;font-size:11px;font-weight:750;display:inline-flex}@media (width<=760px){.notification-summary{grid-template-columns:1fr;gap:10px}.notification-summary article{min-height:94px;padding:15px 17px}.notification-summary strong{font-size:25px}.notification-summary article:before{left:17px;right:17px}.notifications-table{min-width:820px!important}}.settings-saved-count{color:#0f7d71;background:#f2faf8;border:1px solid #dce8e6;border-radius:9px;align-items:center;min-height:40px;padding:0 13px;font-size:12px;font-weight:750;display:inline-flex}.settings-tabs{background:#ffffffdb;border:1px solid #e2e9ef;border-radius:14px;gap:8px;margin:0 0 18px;padding:7px;display:flex;overflow-x:auto;box-shadow:0 8px 22px #1e2f4609}.settings-tabs button{color:#718096;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;min-height:40px;padding:0 16px;font-size:12px;font-weight:750}.settings-tabs button:hover{color:var(--orange-dark);background:#fff8f3}.settings-tabs button.selected{color:#c65a16;background:#fff1e8;border-color:#f4c3a2;box-shadow:0 3px 8px #c95d1217}.settings-workspace{background:#fff;border:1px solid #e2e9ef;border-radius:16px;padding:24px;box-shadow:0 12px 30px #1e2f460b}.settings-workspace-heading{border-bottom:1px solid #edf1f5;justify-content:space-between;gap:20px;margin:0 0 22px;padding:0 0 20px;display:flex}.settings-workspace-heading span{color:#d7641a;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.settings-workspace-heading h2{color:#17263d;margin:0;font-size:20px;line-height:1.35}.settings-workspace-heading p{color:#7d8b9d;max-width:610px;margin:7px 0 0;font-size:12px;line-height:1.75}.settings-workspace .form-section{background:#fbfcfd;border-color:#e7edf2;margin:0}.settings-workspace .form-section-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:10px 4px 4px}.settings-workspace .form-section-fields>label{color:#30445e;gap:8px;min-width:0;font-size:13px;font-weight:750;line-height:1.45;display:grid}.settings-workspace .form-section-fields>label>input,.settings-workspace .form-section-fields>label>select,.settings-workspace .form-section-fields>label>textarea{color:#1f334c;width:100%;min-height:48px;font:inherit;text-align:right;background:#fff;border:1px solid #dce5ee;border-radius:10px;outline:0;margin:0;padding:11px 13px;font-size:13px;font-weight:600;transition:border-color .16s,box-shadow .16s,background .16s}.settings-workspace .form-section-fields>label>textarea{resize:vertical;min-height:112px}.settings-workspace .form-section-fields>label>input::placeholder{color:#99a7b8;font-weight:500}.settings-workspace .form-section-fields>label>input:hover,.settings-workspace .form-section-fields>label>select:hover,.settings-workspace .form-section-fields>label>textarea:hover{border-color:#edbb98}.settings-workspace .form-section-fields>label>input:focus,.settings-workspace .form-section-fields>label>select:focus,.settings-workspace .form-section-fields>label>textarea:focus{background:#fff;border-color:#dd721f;box-shadow:0 0 0 4px #e877221f}.settings-workspace .form-section-fields>label>small{color:#708198;margin:-1px 0 0;font-size:11px;font-weight:500;line-height:1.65}.mobile-app-rules{background:linear-gradient(135deg,#f8fcfc 0%,#f8faff 100%);border:1px solid #dfe9f0;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;padding:20px;display:grid}.mobile-app-rules-heading{border-bottom:1px solid #e5edf2;grid-column:1/-1;padding:0 0 15px}.mobile-app-rules-heading span{color:#0f8a7e;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.mobile-app-rules-heading h3{color:#213650;margin:0;font-size:16px}.mobile-app-rules-heading p{color:#718198;margin:5px 0 0;font-size:12px;line-height:1.7}.mobile-app-rules article{background:#fff;border:1px solid #e1ebee;border-radius:11px;align-items:flex-start;gap:10px;min-width:0;padding:14px;display:flex}.mobile-app-rules article>svg{color:#dc6c1b;flex:none;margin-top:2px}.mobile-app-rules article strong{color:#253951;font-size:13px;display:block}.mobile-app-rules article p{color:#738298;margin:5px 0 0;font-size:11px;line-height:1.7}.settings-save-button{min-width:158px;margin-top:20px}@media (width<=760px){.settings-saved-count{justify-content:center;width:100%}.settings-tabs{border-radius:12px;margin-inline:-2px}.settings-tabs button{min-height:38px;padding-inline:13px}.settings-workspace{border-radius:14px;padding:18px 15px}.settings-workspace-heading{margin-bottom:18px;padding-bottom:17px}.settings-workspace-heading h2{font-size:18px}.settings-workspace .form-section-fields{grid-template-columns:1fr;gap:15px;padding-top:8px}.mobile-app-rules{grid-template-columns:1fr;padding:16px}.settings-save-button{width:100%}}.reports-workspace{background:#fff;border:1px solid #e2e9ef;border-radius:16px;margin-bottom:18px;padding:22px;box-shadow:0 9px 26px #192d490b}.report-workspace-heading,.report-controls,.report-controls-actions,.report-table-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.report-workspace-heading{margin-bottom:18px}.report-workspace-heading h2,.report-table-heading h2{color:#17263d;margin:0;font-size:17px;line-height:1.4}.report-workspace-heading p,.report-table-heading p{color:#7f8da0;margin:5px 0 0;font-size:12px;line-height:1.6}.report-workspace-heading>span,.report-table-heading>span{color:#4d6d7d;white-space:nowrap;background:#f7fbfc;border:1px solid #dfe9ee;border-radius:8px;align-items:center;min-height:31px;padding:0 11px;font-size:11px;font-weight:750;display:inline-flex}.report-type-selector{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.report-type-selector button{color:#526278;text-align:right;background:#fbfcfd;border:1px solid #e2e9ef;border-radius:12px;align-items:center;gap:11px;min-height:78px;padding:13px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:flex}.report-type-selector button:hover{background:#fffaf7;border-color:#f0ba94;transform:translateY(-1px)}.report-type-selector button.selected{color:#b64c0e;background:#fff5ee;border-color:#efa26d;box-shadow:0 8px 18px #c95d1214}.report-type-selector button>span:last-child{min-width:0}.report-type-selector strong,.report-type-selector small{display:block}.report-type-selector strong{color:inherit;font-size:12px;font-weight:800}.report-type-selector small{color:#8090a3;margin-top:4px;font-size:10px;font-weight:600;line-height:1.45}.report-type-icon{color:#0f9e97;background:#e7f6f4;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.report-type-selector button:nth-child(2) .report-type-icon{color:#356be2;background:#eef3ff}.report-type-selector button:nth-child(3) .report-type-icon{color:#df661d;background:#fff0e8}.report-type-selector button:nth-child(4) .report-type-icon{color:#7950d6;background:#f2ebff}.report-controls{border-top:1px solid #edf1f5;margin-top:16px;padding-top:16px}.report-periods{background:#f7f9fb;border:1px solid #e1e8ee;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.report-periods button{color:#6f7f92;white-space:nowrap;background:0 0;border:0;border-radius:7px;min-height:32px;padding:0 12px;font-size:11px;font-weight:750}.report-periods button.selected{color:#fff;background:#172d50;box-shadow:0 3px 7px #172d502e}.report-controls-actions{color:#8290a2;font-size:12px}.report-controls-actions strong{color:#1e2f46}.report-controls-actions .primary-btn{min-height:38px}.report-table-heading{margin:24px 0 10px;padding:0 3px}.report-export-button{min-height:40px;padding-inline:14px}@media (width<=1100px){.report-type-selector{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.reports-workspace{border-radius:14px;padding:18px 15px}.report-workspace-heading,.report-controls,.report-table-heading{flex-direction:column;align-items:flex-start;gap:12px}.report-workspace-heading>span,.report-table-heading>span{align-self:flex-start}.report-type-selector{grid-template-columns:1fr}.report-type-selector button{min-height:64px}.report-controls-actions{flex-direction:column;align-items:stretch;width:100%}.report-controls-actions .primary-btn,.report-export-button{width:100%}.heading-actions .report-export-button{display:inline-flex}}