:root{--bg:#eef2f9;--bg-2:#fff;--bg-3:#e4ecf7;--bg-4:#cdd9ec;--sidebar-bg:#1e3a5f;--sidebar-hover:#ffffff14;--sidebar-active:#6398ff38;--sidebar-text:#ffffff9e;--sidebar-border:#ffffff1a;--border:#1e3a5f1a;--border-2:#1e3a5f33;--accent:#2563eb;--accent-2:#1d4ed8;--accent-dim:#2563eb1a;--accent-glow:#2563eb38;--on-accent:#fff;--text-1:#0f1c2e;--text-2:#3d5068;--text-3:#7a90a8;--danger:#dc2626;--danger-dim:#dc262617;--amber:#b45309;--amber-dim:#b453091a;--blue:#2563eb;--blue-dim:#2563eb1a;--purple:#6d28d9;--purple-dim:#6d28d91a;--course-thumb-1:#dbeafe;--course-thumb-2:#bfdbfe;--course-thumb-3:#ede9fe;--course-thumb-4:#cffafe;--course-thumb-5:#e0e7ff;--radius:8px;--radius-lg:12px;--radius-xl:12px;--sidebar-w:240px;--font:"DM Sans", system-ui, -apple-system, sans-serif;--mono:"DM Mono", "Fira Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{text-rendering:optimizelegibility}body{font-family:var(--font);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button{cursor:pointer;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}::selection{background:var(--accent-dim)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--bg-4);opacity:.8}.lf-shell{min-height:100vh;display:flex}.lf-main{flex:1;max-width:1060px;margin:0 auto;padding:32px;animation:.3s fadeIn;overflow-y:auto}.lf-sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;height:100vh;min-height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.lf-brand{border-bottom:1px solid var(--sidebar-border);align-items:center;gap:10px;padding:22px 20px 18px;display:flex}.lf-brand-icon{background:linear-gradient(135deg, #60a5fa, var(--accent));border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex;box-shadow:0 0 16px #60a5fa66}.lf-brand-name{letter-spacing:-.2px;color:#fff;font-size:15px;font-weight:700}.lf-brand-ver{color:#fff6;font-size:10px;font-family:var(--mono);background:#ffffff1a;border-radius:4px;padding:1px 5px}.lf-nav-section{letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-text);opacity:.6;padding:16px 20px 6px;font-size:10px;font-weight:600}.lf-nav-item{color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:calc(100% - 24px);margin:2px 12px;padding:10px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex;position:relative}.lf-nav-item:hover{background:var(--sidebar-hover);color:#fff}.lf-nav-item.active{background:var(--sidebar-active);color:#fff;font-weight:500}.lf-nav-icon{opacity:.75;flex-shrink:0;font-size:15px}.lf-nav-badge{color:#fff;background:#3b82f6;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:flex}.lf-sidebar-footer{border-top:1px solid var(--sidebar-border);margin-top:auto;padding:14px 12px}.lf-user-chip{border-radius:var(--radius);border:1px solid var(--sidebar-border);background:#ffffff14;align-items:center;gap:10px;padding:10px;display:flex}.lf-avatar{background:linear-gradient(135deg, #60a5fa, var(--accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.lf-user-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.lf-user-role{color:#ffffff73;text-transform:capitalize;margin-top:1px;font-size:10.5px}.lf-logout{border-radius:var(--radius);color:#ffffff73;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;margin-top:6px;padding:8px 10px;font-size:12.5px;transition:background .15s,color .15s;display:flex}.lf-logout:hover{color:#fca5a5;background:#ef444426}.lf-theme-toggle{border-radius:var(--radius);color:#ffffff73;border:1px solid var(--sidebar-border);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;padding:8px 10px;font-size:12.5px;transition:background .15s,color .15s;display:flex}.lf-theme-toggle:hover{background:var(--sidebar-hover);color:#fff}.lf-theme-track{background:#ffffff26;border:1px solid #fff3;border-radius:99px;flex-shrink:0;width:32px;height:18px;transition:background .2s;position:relative}.lf-theme-track.is-light{background:#60a5fa;border-color:#60a5fa}.lf-theme-thumb{background:#ffffff80;border-radius:50%;width:12px;height:12px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.lf-theme-track.is-light .lf-theme-thumb{background:#fff;transform:translate(14px)}.lf-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;box-shadow:0 1px 2px #0000000a}.lf-card-sm{padding:14px 16px}.lf-card-hover{cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}.lf-card-hover:hover{border-color:var(--border-2);transform:translateY(-2px);box-shadow:0 8px 24px #2563eb14}.lf-stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.lf-stat-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.lf-stat-val{letter-spacing:-.5px;color:var(--text-1);margin-top:8px;font-size:30px;font-weight:600;line-height:1}.lf-stat-label{color:var(--text-2);letter-spacing:normal;font-size:14px;font-weight:500}.lf-stat-delta{color:var(--accent);margin-top:6px;font-size:11px}.lf-bars{align-items:flex-end;gap:2px;height:32px;display:flex}.lf-bar{background:var(--accent);opacity:.45;transform-origin:bottom;border-radius:2px 2px 0 0;flex:1;min-width:3px;animation:.6s forwards barGrow}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn:active{filter:none;transform:translateY(0)scale(.98)}.btn:disabled{opacity:.38;cursor:not-allowed;filter:none;transform:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow);font-weight:600}.btn-primary:hover{box-shadow:0 4px 20px var(--accent-glow)}.btn-secondary{background:var(--bg-3);color:var(--text-1);border:1px solid var(--border-2)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--bg-3);color:var(--text-1)}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid var(--danger-dim)}.btn-sm{padding:5px 11px;font-size:12px}.btn-lg{justify-content:center;width:100%;padding:12px 24px;font-size:15px}.btn-icon{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px;font-size:14px;transition:background .15s,color .15s}.btn-icon:hover{background:var(--bg-3);color:var(--accent)}.btn-microsoft{color:#1f2937;background:#fff;border:1px solid #d1d5db;gap:10px;font-weight:500}.btn-microsoft:hover{border-color:var(--accent);filter:none;background:#f9fafb}.badge{border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.badge:before{content:"●";opacity:.7;font-size:6px}.badge-green{color:#059669;background:#0596691a;border:1px solid #05966933}.badge-orange{background:var(--amber-dim);color:var(--amber);border:1px solid var(--amber-dim)}.badge-blue{background:var(--blue-dim);color:var(--accent);border:1px solid #2563eb33}.badge-gray{background:var(--bg-4);color:var(--text-2);border:1px solid var(--border)}.badge-red{background:var(--danger-dim);color:var(--danger);border:1px solid var(--danger-dim)}.badge-purple{background:var(--purple-dim);color:var(--purple);border:1px solid var(--purple-dim)}.lf-form-group{flex-direction:column;gap:6px;display:flex}.lf-label{color:var(--text-2);font-size:12px;font-weight:500}.lf-input{border:1px solid var(--border-2);border-radius:var(--radius);background:var(--bg-2);color:var(--text-1);outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.lf-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.lf-input::placeholder{color:var(--text-3)}textarea.lf-input{border:1px solid var(--border-2);border-radius:var(--radius);background:var(--bg-2);color:var(--text-1);outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}select.lf-input option{background:var(--bg-2);color:var(--text-1)}.lf-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0f1c2e73;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.lf-modal{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;padding:26px;overflow-y:auto;box-shadow:0 24px 64px #0f1c2e38}.lf-modal-title{color:var(--text-1);margin-bottom:20px;font-size:18px;font-weight:700}.lf-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.lf-table{border-collapse:collapse;width:100%;font-size:13.5px}.lf-table th{text-align:left;color:var(--text-3);border-bottom:1px solid var(--border);text-transform:capitalize;padding:12px 16px;font-size:12px;font-weight:500}.lf-table td{border-bottom:1px solid var(--border);color:var(--text-2);padding:16px}.lf-table tr:last-child td{border-bottom:none}.lf-table tr:hover td{color:var(--text-1);background:#1e3a5f05}.lf-progress-bar{background:var(--bg-4);border-radius:99px;height:5px;overflow:hidden}.lf-progress-fill{background:linear-gradient(90deg, var(--accent), #93c5fd);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.lf-ring{transform:rotate(-90deg)}.lf-ring-bg{fill:none;stroke:var(--bg-4)}.lf-ring-fg{fill:none;stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.lf-hero{border-radius:var(--radius-xl);background:linear-gradient(135deg,#1e3a5f 0%,#1d4ed8 60%,#3b82f6 100%);border:1px solid #2563eb33;align-items:flex-end;height:180px;margin-bottom:26px;padding:24px;display:flex;position:relative;overflow:hidden}.lf-hero:before{content:"";background:radial-gradient(at 75% 40%,#93c5fd40 0%,#0000 55%);position:absolute;inset:0}.lf-hero-grid{opacity:.08;background-image:linear-gradient(#fff6 1px,#0000 1px),linear-gradient(90deg,#fff6 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.lf-hero-content{z-index:1;position:relative}.lf-hero h1{letter-spacing:-.3px;color:#fff;font-size:24px;font-weight:700}.lf-hero p{opacity:.7;color:#fff;margin-top:4px;font-size:13.5px}.lf-hero-accent{background:radial-gradient(circle,#93c5fd4d 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-20px;right:-20px}.lf-courses-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.lf-course-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s;overflow:hidden}.lf-course-card:hover{border-color:#2563eb59;transform:translateY(-3px);box-shadow:0 12px 32px #2563eb1a}.lf-course-thumb{justify-content:center;align-items:center;height:100px;font-size:36px;display:flex;position:relative;overflow:hidden}.lf-course-thumb:after{content:"";background:linear-gradient(to bottom, transparent 40%, var(--bg-2));position:absolute;inset:0}.lf-course-thumb-frontend{background:linear-gradient(135deg, var(--course-thumb-1) 0%, var(--bg-3) 100%)}.lf-course-thumb-backend{background:linear-gradient(135deg, var(--course-thumb-2) 0%, var(--bg-3) 100%)}.lf-course-thumb-database{background:linear-gradient(135deg, var(--course-thumb-3) 0%, var(--bg-3) 100%)}.lf-course-thumb-language{background:linear-gradient(135deg, var(--course-thumb-4) 0%, var(--bg-3) 100%)}.lf-course-thumb-design{background:linear-gradient(135deg, var(--course-thumb-5) 0%, var(--bg-3) 100%)}.lf-course-thumb-default{background:var(--bg-3)}.lf-course-body{padding:14px 16px}.lf-tag{background:var(--accent-dim);color:var(--accent);font-size:10.5px;font-family:var(--mono);border:1px solid #2563eb26;border-radius:4px;padding:2px 8px;display:inline-block}.lf-lesson-row{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-2);align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s;display:flex}.lf-lesson-row:hover{border-color:var(--border-2);background:var(--bg-3)}.lf-lesson-icon{background:var(--accent-dim);width:34px;height:34px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.lf-assignment-row{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-2);padding:16px;transition:border-color .15s}.lf-assignment-row:hover{border-color:var(--border-2)}.lf-notification{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-2);cursor:pointer;padding:14px 16px;transition:border-color .15s}.lf-login-logo{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:28px;display:flex}.lf-or-divider{color:var(--text-3);align-items:center;gap:12px;margin:16px 0;font-size:12px;display:flex}.lf-or-divider:before,.lf-or-divider:after{content:"";background:var(--border);flex:1;height:1px}.lf-role-btn{background:var(--bg-3);border:1px solid var(--border-2);border-radius:var(--radius-lg);width:100%;color:var(--text-1);cursor:pointer;text-align:left;align-items:center;gap:12px;padding:13px 18px;font-size:14px;transition:border-color .15s,background .15s;display:flex}.lf-role-btn:hover{border-color:var(--accent);background:var(--accent-dim)}.lf-role-btn:disabled{opacity:.4;cursor:not-allowed}.lf-role-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.lf-role-name{font-weight:600}.lf-role-desc{color:var(--text-3);margin-top:1px;font-size:11.5px}.lf-role-arrow{color:var(--text-3);margin-left:auto;font-size:16px}.lf-row-item{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;transition:border-color .15s,transform .15s;display:flex}.lf-row-item:hover{border-color:var(--border-2);transform:translate(2px)}.lf-row-icon{background:var(--bg-3);width:32px;height:32px;color:var(--text-2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.lf-notification{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);gap:14px;padding:16px;display:flex;position:relative;overflow:hidden}.lf-notification.unread{background:var(--accent-dim);border-color:#2563eb40}.lf-toast{background:var(--sidebar-bg);color:#fff;border-radius:var(--radius-lg);z-index:100;border:1px solid #ffffff1a;align-items:center;gap:10px;max-width:320px;padding:12px 18px;font-size:13.5px;animation:.25s cubic-bezier(.34,1.56,.64,1) lf-slide-up;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0f1c2e40}.lf-toast.success{border-left:3px solid #60a5fa}.lf-toast.error{border-left:3px solid #fca5a5}.lf-toast-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.lf-toast.success .lf-toast-dot{background:#60a5fa}.lf-toast.error .lf-toast-dot{background:#fca5a5}.lf-login-page{background:linear-gradient(160deg,#1e3a5f 0%,#1d4ed8 50%,#93c5fd 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.lf-login-wrap{width:100%;max-width:400px}.lf-login-header{text-align:center;margin-bottom:32px}.lf-login-logo{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);object-fit:contain;background:#ffffff26;border:1px solid #ffffff4d;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:28px;display:flex}.lf-login-card{border-radius:var(--radius-xl);background:#fffffff7;border:none;padding:30px;box-shadow:0 24px 80px #0f1c2e59}.lf-auth-error{color:var(--danger);border-radius:var(--radius);background:#dc262614;border:1px solid #dc262633;margin-bottom:16px;padding:10px 14px;font-size:13px}.lf-loading-screen{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.lf-spinner{border:3px solid var(--bg-4);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.lf-page-header{margin-bottom:28px}.lf-page-title{letter-spacing:-.5px;color:var(--text-1);font-size:28px;font-weight:700}.lf-page-sub{color:var(--text-3);margin-top:4px;font-size:14px}.lf-section-title{color:var(--text-1);letter-spacing:normal;margin-bottom:16px;font-size:16px;font-weight:600}.lf-divider{border:none;border-top:1px solid var(--border);margin:16px 0}.lf-empty{text-align:center;color:var(--text-3);padding:48px 20px;font-size:14px}.lf-empty-icon{margin-bottom:10px;font-size:36px}.lf-tabs{border-bottom:2px solid var(--border);margin-bottom:22px;display:flex}.lf-tab{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 16px;font-size:13.5px;font-weight:500;transition:color .15s}.lf-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.lf-tab:hover:not(.active){color:var(--text-1)}.lf-pill-tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.lf-pill-tab{cursor:pointer;background:var(--bg-2);color:var(--text-3);border:1px solid var(--border);border-radius:99px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s}.lf-pill-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.lf-pill-tab:hover:not(.active){color:var(--accent);background:var(--accent-dim);border-color:#2563eb4d}.lf-row{align-items:center;gap:12px;display:flex}.lf-col{flex-direction:column;gap:4px;display:flex}.lf-flex-between{justify-content:space-between;align-items:center;display:flex}.lf-grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lf-grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.lf-space-y>*+*{margin-top:14px}.lf-space-y-sm>*+*{margin-top:8px}.lf-text-sm{color:var(--text-2);font-size:13px}.lf-text-xs{color:var(--text-3);font-size:11.5px}.lf-text-muted{color:var(--text-3)}.lf-text-danger{color:var(--danger)}.lf-bold{font-weight:600}.lf-mono{font-family:var(--mono)}.lf-accent-line{background:linear-gradient(90deg, var(--accent), #93c5fd, transparent);border-radius:99px;height:2px;margin-bottom:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes lf-slide-up{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.lf-sidebar{flex-flow:wrap;width:100%;height:auto;min-height:auto;position:relative}.lf-main{max-width:100%;padding:20px 16px}.lf-grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lf-courses-grid{grid-template-columns:1fr}.lf-stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}}.rp-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.rp-kpi-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.rp-kpi-icon{margin-bottom:10px;font-size:22px}.rp-kpi-val{letter-spacing:-.5px;color:var(--text-1);font-size:30px;font-weight:600;line-height:1}.rp-kpi-label{color:var(--text-2);letter-spacing:normal;margin-top:8px;font-size:14px;font-weight:500}.rp-kpi-delta{border-radius:99px;align-items:center;gap:3px;margin-top:6px;padding:2px 8px;font-size:11.5px;display:inline-flex}.rp-kpi-delta.up{color:#059669;background:#0596691a}.rp-kpi-delta.down{color:var(--danger);background:#dc262614}.rp-kpi-delta.flat{background:var(--bg-3);color:var(--text-3)}.rp-chart-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.rp-chart-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;overflow:hidden}.rp-chart-title{color:var(--text-1);margin-bottom:4px;font-size:13px;font-weight:600}.rp-chart-sub{color:var(--text-3);margin-bottom:18px;font-size:11.5px}.rp-bar-chart{width:100%;overflow:visible}.rp-bar-group{cursor:pointer}.rp-bar-fill{rx:3;transition:opacity .15s}.rp-bar-group:hover .rp-bar-fill{opacity:.75}.rp-donut-wrap{align-items:center;gap:20px;display:flex}.rp-donut-svg{flex-shrink:0}.rp-donut-legend{flex:1;min-width:0}.rp-donut-item{color:var(--text-2);align-items:center;gap:8px;padding:4px 0;font-size:12.5px;display:flex}.rp-donut-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.rp-donut-pct{color:var(--text-1);margin-left:auto;font-size:12px;font-weight:600}.rp-sparkline-svg{width:100%;overflow:visible}.rp-sparkline-area{opacity:.15}.rp-sparkline-line{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.rp-sparkline-dot{cursor:pointer;transition:r .15s}.rp-filter-bar{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:14px 18px;display:flex}.rp-filter-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:12px;font-weight:600}.rp-filter-sep{background:var(--border-2);width:1px;height:20px;margin:0 4px}.rp-preset-btn{border-radius:var(--radius);border:1px solid var(--border-2);background:var(--bg-3);color:var(--text-2);cursor:pointer;white-space:nowrap;padding:5px 12px;font-size:12.5px;font-weight:500;transition:all .12s}.rp-preset-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.rp-preset-btn:hover:not(.active){border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.rp-date-range{align-items:center;gap:8px;margin-left:auto;display:flex}.rp-date-input{border:1px solid var(--border-2);border-radius:var(--radius);color:var(--text-1);background:var(--bg-3);outline:none;padding:5px 10px;font-size:12.5px}.rp-date-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.rp-txn-table{border-collapse:collapse;width:100%;font-size:13px}.rp-txn-table th{text-align:left;color:var(--text-3);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-3);white-space:nowrap;padding:9px 14px;font-size:10.5px;font-weight:600}.rp-txn-table td{border-bottom:1px solid var(--border);color:var(--text-2);vertical-align:middle;padding:11px 14px}.rp-txn-table tr:last-child td{border-bottom:none}.rp-txn-table tr:hover td{background:var(--bg-3);color:var(--text-1)}.rp-txn-amount{font-family:var(--mono);color:var(--text-1);font-weight:600}.rp-txn-amount.reverted{color:var(--text-3);text-decoration:line-through}.rp-course-bar-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.rp-course-bar-row:last-child{border-bottom:none}.rp-revenue-bar-track{background:var(--bg-3);border-radius:99px;flex:1;height:8px;overflow:hidden}.rp-revenue-bar-fill{border-radius:99px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.rp-summary-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px;overflow:hidden}.rp-summary-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px 12px;display:flex}.rp-export-btn{border-radius:var(--radius);border:1px solid var(--border-2);background:var(--bg-3);color:var(--text-2);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.rp-export-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.rp-trend-up{color:#059669;font-size:11px}.rp-trend-down{color:var(--danger);font-size:11px}.rp-chart-empty{text-align:center;color:var(--text-3);padding:32px 16px;font-size:13px}@media (max-width:768px){.rp-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.rp-chart-grid{grid-template-columns:1fr}.rp-filter-bar{flex-direction:column;align-items:stretch}.rp-date-range{margin-left:0}.rp-donut-wrap{flex-direction:column}}@media (max-width:480px){.rp-kpi-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px;display:grid}.rp-kpi-val{letter-spacing:-.5px;color:var(--text-1);font-size:30px;font-weight:600;line-height:1}}.lf-mobile-menu-btn,.lf-sidebar-overlay{display:none}@media (min-width:901px){.nav-notifications{display:none!important}}@media (max-width:900px){.lf-shell{flex-direction:column}.lf-main{width:100%;padding:16px}.lf-mobile-menu-btn{color:#fff;background:#1e3a8a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 2px 5px #0000001a}.header-bell{display:none!important}.lf-sidebar{z-index:200;width:280px;max-width:85vw;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0003}.lf-sidebar.open{transform:translate(0)}.lf-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:190;background:#0f1c2e99;animation:.3s fadeIn;display:block;position:fixed;inset:0}.lf-grid-2,.lf-courses-grid{grid-template-columns:1fr!important}.lf-stat-grid{gap:12px;grid-template-columns:repeat(2,1fr)!important}.lf-stat-card{padding:16px}.lf-stat-val{font-size:24px}.lf-page-header{flex-direction:column;gap:16px;align-items:flex-start!important}.lf-modal{max-height:85vh;margin:10px;padding:20px}.lf-table-container,.rp-summary-card>div,.lf-card>div{overflow-x:auto}}@media (max-width:480px){.lf-main{padding:12px}.lf-hero{height:auto;padding:20px}.lf-hero-accent{display:none}}