@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:#f8f9fc;color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.5;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}::selection{background:#6366f1;color:#fff}:root{--ls-primary:#6366f1;--ls-primary-light:#818cf8;--ls-accent:#8b5cf6;--ls-accent-light:#a78bfa;--ls-glow:#6366f159;--ls-glow-soft:#8b5cf62e;--ls-bg-start:#f1f0fb;--ls-bg-mid:#eef2ff;--ls-bg-end:#f5f3ff;--ls-text:#1e1b4b;--ls-text-muted:#6b7280;--ls-glass:#ffffffa6;--ls-glass-border:#ffffff73}.loading-screen{align-items:center;animation:lsFadeIn .4s ease;background:linear-gradient(140deg,#f1f0fb,#eef2ff 45%,#f5f3ff);background:linear-gradient(140deg,var(--ls-bg-start) 0,var(--ls-bg-mid) 45%,var(--ls-bg-end) 100%);display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.loading-screen:after,.loading-screen:before{border-radius:50%;content:"";filter:blur(80px);opacity:.5;pointer-events:none;position:absolute}.loading-screen:before{animation:lsBlobDrift 8s ease-in-out infinite alternate;background:radial-gradient(circle,#6366f12e,#0000 70%);height:420px;right:-60px;top:-80px;width:420px}.loading-screen:after{animation:lsBlobDrift 10s ease-in-out infinite alternate-reverse;background:radial-gradient(circle,#8b5cf626,#0000 70%);bottom:-60px;height:360px;left:-40px;width:360px}@keyframes lsBlobDrift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.08)}}.loading-screen-content{animation:lsSlideUp .6s cubic-bezier(.16,1,.3,1);flex-direction:column;gap:32px;z-index:1}.loading-logo,.loading-screen-content{align-items:center;display:flex;position:relative}.loading-logo{height:100px;justify-content:center;width:100px}.loading-logo-ring{animation:lsOrbit 1.3s cubic-bezier(.4,0,.2,1) infinite;border-bottom:2px solid #0000;border-left:2px solid #0000;border-radius:50%;border-right:2px solid #818cf8;border-right-color:var(--ls-primary-light);border-top:2px solid #6366f1;border-top-color:var(--ls-primary);filter:drop-shadow(0 0 6px rgba(99,102,241,.35));filter:drop-shadow(0 0 6px var(--ls-glow));inset:0;position:absolute}.loading-logo-ring-2{animation-direction:reverse;animation-duration:1.8s;border-left-color:#a78bfa;border-left-color:var(--ls-accent-light);border-right-color:#0000;border-top-color:#8b5cf6;border-top-color:var(--ls-accent);filter:drop-shadow(0 0 4px rgba(139,92,246,.18));filter:drop-shadow(0 0 4px var(--ls-glow-soft));inset:10px}.loading-logo-icon{align-items:center;animation:lsIconBreath 2.4s ease-in-out infinite;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffa6;background:var(--ls-glass);border:1px solid #ffffff73;border:1px solid var(--ls-glass-border);border-radius:50%;box-shadow:0 4px 16px #6366f11f,inset 0 1px 1px #fff9;display:flex;height:50px;justify-content:center;width:50px}@keyframes lsIconBreath{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.loading-text{text-align:center}.loading-title{color:#1e1b4b;color:var(--ls-text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 6px}.loading-subtitle{color:#6b7280;color:var(--ls-text-muted);font-size:13px;font-weight:400;margin:0}.loading-dots span{animation:lsDotBounce 1.4s ease-in-out infinite;display:inline-block}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.loading-bar{background:#6366f11a;border-radius:99px;height:4px;overflow:hidden;position:relative;width:220px}.loading-bar-fill{animation:lsBarSlide 1.6s ease-in-out infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);background:linear-gradient(90deg,var(--ls-primary),var(--ls-accent),var(--ls-primary));background-size:200% 100%;border-radius:99px;box-shadow:0 0 12px #6366f159;box-shadow:0 0 12px var(--ls-glow);height:100%;width:45%}.page-loading-screen{align-items:center;animation:lsFadeIn .25s ease;display:flex;justify-content:center;min-height:80vh;position:relative}.page-loading-screen .page-loading-content{align-items:center;animation:lsSlideUp .5s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:28px}.page-loading-screen .ls-orb{height:80px;position:relative;width:80px}.page-loading-screen .ls-orb-ring{animation:lsOrbit 1.3s cubic-bezier(.4,0,.2,1) infinite;border-bottom:2.5px solid #0000;border-left:2.5px solid #0000;border-radius:50%;border-right:2.5px solid #818cf8;border-right-color:var(--ls-primary-light);border-top:2.5px solid #6366f1;border-top-color:var(--ls-primary);filter:drop-shadow(0 0 6px rgba(99,102,241,.35));filter:drop-shadow(0 0 6px var(--ls-glow));inset:0;position:absolute}.page-loading-screen .ls-orb-ring-inner{animation:lsOrbit 1.8s cubic-bezier(.4,0,.2,1) infinite reverse;border-bottom:2px solid #0000;border-left:2px solid #a78bfa;border-left-color:var(--ls-accent-light);border-radius:50%;border-right:2px solid #0000;border-top:2px solid #8b5cf6;border-top-color:var(--ls-accent);filter:drop-shadow(0 0 4px rgba(139,92,246,.18));filter:drop-shadow(0 0 4px var(--ls-glow-soft));inset:10px;position:absolute}.page-loading-screen .ls-orb-core{align-items:center;display:flex;gap:5px;inset:0;justify-content:center;position:absolute}.page-loading-screen .ls-orb-dot{animation:lsDotPulse 1.4s ease-in-out infinite;background:#6366f1;background:var(--ls-primary);border-radius:50%;box-shadow:0 0 8px #6366f159;box-shadow:0 0 8px var(--ls-glow);height:7px;width:7px}.page-loading-screen .ls-orb-dot:nth-child(2){animation-delay:.15s;background:#818cf8;background:var(--ls-primary-light)}.page-loading-screen .ls-orb-dot:nth-child(3){animation-delay:.3s;background:#a78bfa;background:var(--ls-accent-light)}.page-loading-screen .ls-title{color:#1e1b4b;color:var(--ls-text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:600;letter-spacing:.3px;margin:0;opacity:.8}.page-loading-screen .ls-bar{background:#6366f114;border-radius:99px;height:3px;overflow:hidden;width:170px}.page-loading-screen .ls-bar-fill{animation:lsBarSlide 1.6s ease-in-out infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);background:linear-gradient(90deg,var(--ls-primary),var(--ls-accent),var(--ls-primary));background-size:200% 100%;border-radius:99px;box-shadow:0 0 8px #6366f159;box-shadow:0 0 8px var(--ls-glow);height:100%;width:45%}.page-loading-screen>.loading-rings{height:80px;margin:0 auto;position:relative;width:80px}.page-loading-screen>.loading-rings>.loading-ring{border:2.5px solid #0000;border-radius:50%;inset:0;position:absolute}.page-loading-screen>.loading-rings>.loading-ring-1{animation:lsOrbit 1.3s cubic-bezier(.4,0,.2,1) infinite;border-right-color:#818cf8;border-right-color:var(--ls-primary-light);border-top-color:#6366f1;border-top-color:var(--ls-primary);filter:drop-shadow(0 0 6px rgba(99,102,241,.35));filter:drop-shadow(0 0 6px var(--ls-glow))}.page-loading-screen>.loading-rings>.loading-ring-2{animation:lsOrbit 1.8s cubic-bezier(.4,0,.2,1) infinite reverse;border-left-color:#a78bfa;border-left-color:var(--ls-accent-light);border-top-color:#8b5cf6;border-top-color:var(--ls-accent);filter:drop-shadow(0 0 4px rgba(139,92,246,.18));filter:drop-shadow(0 0 4px var(--ls-glow-soft));inset:10px}.page-loading-screen>.loading-rings>.loading-ring-3{animation:lsOrbit 2.2s cubic-bezier(.4,0,.2,1) infinite;border-right-color:#6366f1;border-right-color:var(--ls-primary);border-top-color:#a78bfa;border-top-color:var(--ls-accent-light);filter:drop-shadow(0 0 3px rgba(139,92,246,.18));filter:drop-shadow(0 0 3px var(--ls-glow-soft));inset:20px}.page-loading-screen>.loading-dots{display:flex;gap:6px;justify-content:center;margin-top:8px}.page-loading-screen>.loading-dots>.loading-dot{animation:lsDotPulse 1.4s ease-in-out infinite;background:#6366f1;background:var(--ls-primary);border-radius:50%;box-shadow:0 0 8px #6366f159;box-shadow:0 0 8px var(--ls-glow);height:7px;width:7px}.page-loading-screen>.loading-dots>.loading-dot:nth-child(2){animation-delay:.15s;background:#818cf8;background:var(--ls-primary-light)}.page-loading-screen>.loading-dots>.loading-dot:nth-child(3){animation-delay:.3s;background:#a78bfa;background:var(--ls-accent-light)}.page-loading-screen>.loading-title{color:#1e1b4b;color:var(--ls-text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:600;letter-spacing:.3px;margin-top:4px;opacity:.8;text-align:center}.page-loading-screen>.loading-bar-track{background:#6366f114;border-radius:99px;height:3px;margin:0 auto;overflow:hidden;width:170px}.page-loading-screen>.loading-bar-track>.loading-bar-fill{animation:lsBarSlide 1.6s ease-in-out infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);background:linear-gradient(90deg,var(--ls-primary),var(--ls-accent),var(--ls-primary));background-size:200% 100%;border-radius:99px;box-shadow:0 0 8px #6366f159;box-shadow:0 0 8px var(--ls-glow);height:100%;width:45%}.page-loading-content{align-items:center;animation:lsSlideUp .5s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:28px}.page-loading-logo{align-items:center;display:flex;height:80px;justify-content:center;position:relative;width:80px}.page-loading-ring{animation:lsOrbit 1.3s cubic-bezier(.4,0,.2,1) infinite;border-bottom:2.5px solid #0000;border-left:2.5px solid #0000;border-radius:50%;border-right:2.5px solid #818cf8;border-right-color:var(--ls-primary-light);border-top:2.5px solid #6366f1;border-top-color:var(--ls-primary);filter:drop-shadow(0 0 6px rgba(99,102,241,.35));filter:drop-shadow(0 0 6px var(--ls-glow));inset:0;position:absolute}.page-loading-ring.page-loading-ring-2{animation-direction:reverse;animation-duration:1.8s;border-left-color:#a78bfa;border-left-color:var(--ls-accent-light);border-right-color:#0000;border-top-color:#8b5cf6;border-top-color:var(--ls-accent);filter:drop-shadow(0 0 4px rgba(139,92,246,.18));filter:drop-shadow(0 0 4px var(--ls-glow-soft));inset:10px}.page-loading-dot-group{align-items:center;display:flex;gap:5px}.page-loading-dot{animation:lsDotPulse 1.4s ease-in-out infinite;background:#6366f1;background:var(--ls-primary);border-radius:50%;box-shadow:0 0 8px #6366f159;box-shadow:0 0 8px var(--ls-glow);height:7px;width:7px}.page-loading-dot:nth-child(2){animation-delay:.15s;background:#818cf8;background:var(--ls-primary-light)}.page-loading-dot:nth-child(3){animation-delay:.3s;background:#a78bfa;background:var(--ls-accent-light)}.page-loading-title{color:#1e1b4b;color:var(--ls-text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:600;letter-spacing:.3px;margin:0;opacity:.8}.page-loading-bar{background:#6366f114;border-radius:99px;height:3px;overflow:hidden;width:170px}.page-loading-bar-fill{animation:lsBarSlide 1.6s ease-in-out infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);background:linear-gradient(90deg,var(--ls-primary),var(--ls-accent),var(--ls-primary));background-size:200% 100%;border-radius:99px;box-shadow:0 0 8px #6366f159;box-shadow:0 0 8px var(--ls-glow);height:100%;width:45%}@keyframes lsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lsSlideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lsOrbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lsDotPulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}@keyframes lsDotBounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes lsBarSlide{0%{transform:translateX(-110%)}to{transform:translateX(340%)}}.bo-loading-enhanced{align-items:center;animation:lsFadeIn .3s ease;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}:root{--bo-bg:#f8f9fc;--bo-sidebar-bg:#fff;--bo-card-bg:#fff;--bo-border:#e5e7eb;--bo-border-light:#f3f4f6;--bo-text-primary:#111827;--bo-text-secondary:#4b5563;--bo-text-muted:#6b7280;--bo-accent:#6366f1;--bo-accent-light:#eef2ff;--bo-accent-hover:#4f46e5;--bo-success:#10b981;--bo-success-light:#ecfdf5;--bo-warning:#f59e0b;--bo-warning-light:#fffbeb;--bo-danger:#ef4444;--bo-danger-light:#fef2f2;--bo-info:#3b82f6;--bo-info-light:#eff6ff;--bo-cyan:#06b6d4;--bo-cyan-light:#ecfeff;--bo-shadow-sm:0 1px 2px #0000000d;--bo-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;--bo-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--bo-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--bo-radius:12px;--bo-radius-sm:8px;--bo-radius-lg:16px;--bo-transition:all 0.2s ease}.bo-sidebar{background:#fff;background:var(--bo-sidebar-bg);border-right:1px solid #e5e7eb;border-right:1px solid var(--bo-border);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:260px;z-index:1000}.bo-sidebar-logo{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--bo-border-light);display:flex;gap:12px;padding:20px 24px}.bo-sidebar-logo-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--bo-accent),#8b5cf6);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.bo-sidebar-logo-text h2{color:#111827;color:var(--bo-text-primary);font-size:17px;font-weight:700;line-height:1.2;margin:0}.bo-sidebar-logo-text span{color:#6b7280;color:var(--bo-text-muted);font-size:12px}.bo-sidebar-nav{flex:1 1;padding:12px}.bo-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--bo-radius-sm);color:#4b5563;color:var(--bo-text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:12px;margin-bottom:2px;padding:10px 14px;text-align:left;transition:all .2s ease;transition:var(--bo-transition);width:100%}.bo-nav-item:hover{background:#f3f4f6;background:var(--bo-border-light);color:#111827;color:var(--bo-text-primary)}.bo-nav-item.active{background:#eef2ff;background:var(--bo-accent-light);color:#6366f1;color:var(--bo-accent);font-weight:600}.bo-nav-item.active:before{background:#6366f1;background:var(--bo-accent);border-radius:0 3px 3px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.bo-nav-item{position:relative}.bo-sidebar-user{border-top:1px solid #f3f4f6;border-top:1px solid var(--bo-border-light);padding:16px}.bo-sidebar-user-info{align-items:center;background:#f8f9fc;background:var(--bo-bg);border-radius:8px;border-radius:var(--bo-radius-sm);display:flex;gap:10px;margin-bottom:8px;padding:10px}.bo-sidebar-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--bo-accent),#8b5cf6);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:34px;justify-content:center;width:34px}.bo-sidebar-user-name{color:#111827;color:var(--bo-text-primary);font-size:13px;font-weight:600}.bo-sidebar-user-email{color:#6b7280;color:var(--bo-text-muted);font-size:11px}.bo-logout-btn{align-items:center;background:#fef2f2;background:var(--bo-danger-light);border:1px solid #fecaca;border-radius:8px;border-radius:var(--bo-radius-sm);color:#ef4444;color:var(--bo-danger);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px;transition:all .2s ease;transition:var(--bo-transition);width:100%}.bo-logout-btn:hover{background:#fee2e2}.bo-layout{background:#f8f9fc;background:var(--bo-bg);display:flex;min-height:100vh}.bo-main{flex:1 1;margin-left:260px;min-height:100vh}.bo-page{max-width:1400px;padding:28px 32px}.bo-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.bo-page-title{color:#111827;color:var(--bo-text-primary);font-size:26px;font-weight:700;margin:0}.bo-page-subtitle{color:#4b5563;color:var(--bo-text-secondary);font-size:14px;margin:4px 0 0}.bo-card{background:#fff;background:var(--bo-card-bg);border:1px solid #e5e7eb;border:1px solid var(--bo-border);border-radius:12px;border-radius:var(--bo-radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--bo-shadow-sm);overflow:hidden}.bo-card-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--bo-border-light);display:flex;justify-content:space-between;padding:18px 22px}.bo-card-title{color:#111827;color:var(--bo-text-primary);font-size:16px;font-weight:600;margin:0}.bo-card-body{padding:22px}.bo-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:28px}.bo-stat-card{background:#fff;background:var(--bo-card-bg);border:1px solid #e5e7eb;border:1px solid var(--bo-border);border-radius:12px;border-radius:var(--bo-radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--bo-shadow-sm);cursor:default;padding:22px;transition:all .2s ease;transition:var(--bo-transition)}.bo-stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--bo-shadow-md);transform:translateY(-2px)}.bo-stat-icon{align-items:center;border-radius:10px;display:flex;height:44px;justify-content:center;margin-bottom:14px;width:44px}.bo-stat-icon.purple{background:#eef2ff;background:var(--bo-accent-light);color:#6366f1;color:var(--bo-accent)}.bo-stat-icon.cyan{background:#ecfeff;background:var(--bo-cyan-light);color:#06b6d4;color:var(--bo-cyan)}.bo-stat-icon.green{background:#ecfdf5;background:var(--bo-success-light);color:#10b981;color:var(--bo-success)}.bo-stat-icon.orange{background:#fffbeb;background:var(--bo-warning-light);color:#f59e0b;color:var(--bo-warning)}.bo-stat-icon.blue{background:#eff6ff;background:var(--bo-info-light);color:#3b82f6;color:var(--bo-info)}.bo-stat-value{color:#111827;color:var(--bo-text-primary);font-size:30px;font-weight:700;line-height:1;margin-bottom:4px}.bo-stat-label{color:#4b5563;color:var(--bo-text-secondary);font-size:13px;font-weight:500}.bo-stat-trend{color:#10b981;color:var(--bo-success);display:flex;font-size:12px;gap:4px;margin-top:10px}.bo-btn,.bo-stat-trend{align-items:center;font-weight:500}.bo-btn{border:none;border-radius:8px;border-radius:var(--bo-radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;gap:6px;padding:9px 18px;transition:all .2s ease;transition:var(--bo-transition);white-space:nowrap}.bo-btn-primary{background:#6366f1;background:var(--bo-accent);color:#fff}.bo-btn-primary:hover{background:#4f46e5;background:var(--bo-accent-hover)}.bo-btn-secondary{background:#f8f9fc;background:var(--bo-bg);border:1px solid #e5e7eb;border:1px solid var(--bo-border);color:#4b5563;color:var(--bo-text-secondary)}.bo-btn-secondary:hover{background:#f3f4f6;background:var(--bo-border-light);color:#111827;color:var(--bo-text-primary)}.bo-btn-danger{background:#fef2f2;background:var(--bo-danger-light);border:1px solid #fecaca;color:#ef4444;color:var(--bo-danger)}.bo-btn-danger:hover{background:#fee2e2}.bo-btn-success{background:#10b981;background:var(--bo-success);color:#fff}.bo-btn-success:hover{background:#059669}.bo-btn-ghost{background:#0000;color:#4b5563;color:var(--bo-text-secondary)}.bo-btn-ghost:hover{background:#f8f9fc;background:var(--bo-bg);color:#111827;color:var(--bo-text-primary)}.bo-btn-sm{font-size:13px;padding:6px 12px}.bo-form-group{margin-bottom:18px}.bo-form-label{color:#111827;color:var(--bo-text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.bo-form-input,.bo-form-select,.bo-form-textarea{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--bo-border);border-radius:8px;border-radius:var(--bo-radius-sm);box-sizing:border-box;color:#111827;color:var(--bo-text-primary);font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s ease;transition:var(--bo-transition);width:100%}.bo-form-input:focus,.bo-form-select:focus,.bo-form-textarea:focus{border-color:#6366f1;border-color:var(--bo-accent);box-shadow:0 0 0 3px #6366f11a;outline:none}.bo-form-input::placeholder{color:#6b7280;color:var(--bo-text-muted)}.bo-form-textarea{min-height:80px;resize:vertical}.bo-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.bo-form-error{color:#ef4444;color:var(--bo-danger);font-size:12px;margin-top:4px}.bo-modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.bo-modal{background:#fff;border-radius:16px;border-radius:var(--bo-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--bo-shadow-lg);max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.bo-modal-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--bo-border-light);display:flex;justify-content:space-between;padding:20px 24px}.bo-modal-title{color:#111827;color:var(--bo-text-primary);font-size:18px;font-weight:600;margin:0}.bo-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--bo-text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px}.bo-modal-close:hover{background:#f8f9fc;background:var(--bo-bg);color:#111827;color:var(--bo-text-primary)}.bo-modal-body{padding:24px}.bo-modal-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--bo-border-light);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.bo-table-wrap{overflow-x:auto}.bo-table{border-collapse:collapse;width:100%}.bo-table th{background:#f8f9fc;background:var(--bo-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--bo-border);color:#4b5563;color:var(--bo-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.bo-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--bo-border-light);color:#111827;color:var(--bo-text-primary);font-size:14px;padding:14px 16px}.bo-table tr:hover td{background:#f8f9fc;background:var(--bo-bg)}.bo-table tr:last-child td{border-bottom:none}.bo-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:3px 10px}.bo-badge-success{background:#ecfdf5;background:var(--bo-success-light);color:#10b981;color:var(--bo-success)}.bo-badge-warning{background:#fffbeb;background:var(--bo-warning-light);color:#b45309}.bo-badge-danger{background:#fef2f2;background:var(--bo-danger-light);color:#ef4444;color:var(--bo-danger)}.bo-badge-info{background:#eff6ff;background:var(--bo-info-light);color:#3b82f6;color:var(--bo-info)}.bo-badge-default{background:#e5e7eb;color:#4b5563;color:var(--bo-text-secondary)}.bo-search-bar{max-width:400px;position:relative}.bo-search-bar input{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--bo-border);border-radius:8px;border-radius:var(--bo-radius-sm);box-sizing:border-box;color:#111827;color:var(--bo-text-primary);font-family:inherit;font-size:14px;padding:9px 14px 9px 38px;transition:all .2s ease;transition:var(--bo-transition);width:100%}.bo-search-bar input:focus{border-color:#6366f1;border-color:var(--bo-accent);box-shadow:0 0 0 3px #6366f11a;outline:none}.bo-search-bar .bo-search-icon{color:#6b7280;color:var(--bo-text-muted);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.bo-empty{color:#6b7280;color:var(--bo-text-muted);padding:48px 20px;text-align:center}.bo-empty-icon{margin-bottom:16px;opacity:.4}.bo-empty h3{color:#4b5563;color:var(--bo-text-secondary);font-size:16px;margin:0 0 6px}.bo-empty p{font-size:14px;margin:0 0 18px}.bo-loading{align-items:center;color:#6b7280;color:var(--bo-text-muted);display:flex;font-size:14px;gap:10px;justify-content:center;padding:60px 20px}.bo-spinner{animation:bo-spin .6s linear infinite;border:2px solid #e5e7eb;border-top-color:#6366f1;border:2px solid var(--bo-border);border-radius:50%;border-top-color:var(--bo-accent);height:20px;width:20px}@keyframes bo-spin{to{transform:rotate(1turn)}}.bo-grid-2{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.bo-grid-3{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.bo-list-item{align-items:center;border:1px solid #f3f4f6;border:1px solid var(--bo-border-light);border-radius:8px;border-radius:var(--bo-radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;transition:all .2s ease;transition:var(--bo-transition)}.bo-list-item:hover{background:#eef2ff;background:var(--bo-accent-light);border-color:#6366f1;border-color:var(--bo-accent)}.bo-list-item+.bo-list-item{margin-top:8px}.bo-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--bo-border);display:flex;gap:0;margin-bottom:22px}.bo-tab{background:none;border:none;border-bottom:2px solid #0000;color:#4b5563;color:var(--bo-text-secondary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;transition:var(--bo-transition)}.bo-tab:hover{color:#111827;color:var(--bo-text-primary)}.bo-tab.active,.bo-tab.bo-tab-active{border-bottom-color:#6366f1;border-bottom-color:var(--bo-accent);color:#6366f1;color:var(--bo-accent);font-weight:600}.bo-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.bo-filter-select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--bo-border);border-radius:8px;border-radius:var(--bo-radius-sm);color:#4b5563;color:var(--bo-text-secondary);cursor:pointer;font-family:inherit;font-size:13px;padding:8px 12px}.bo-filter-select:focus{border-color:#6366f1;border-color:var(--bo-accent);outline:none}.bo-modal::-webkit-scrollbar,.bo-sidebar::-webkit-scrollbar{width:5px}.bo-modal::-webkit-scrollbar-thumb,.bo-sidebar::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--bo-border);border-radius:10px}@media (max-width:1024px){.bo-stats-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.bo-sidebar{display:none}.bo-main{margin-left:0}.bo-page{padding:16px}.bo-stats-grid{grid-template-columns:1fr 1fr}.bo-form-row,.bo-grid-2,.bo-grid-3{grid-template-columns:1fr}.bo-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.bo-card{padding:16px}}@media (max-width:480px){.bo-stats-grid{grid-template-columns:1fr}.bo-table td,.bo-table th{font-size:12px;padding:8px 10px}}.glass-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;padding:28px;transition:all .2s ease}.glass-card:hover{box-shadow:0 10px 20px -3px #00000014}.glass-card-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.glass-card-title{color:#111827;font-size:1.125rem;font-weight:600}.glass-card-subtitle{color:#6b7280;font-size:.875rem;margin-top:2px}.glass-card-body{color:#374151}.glass-surface{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014}.glass-surface-strong{background:#fff;border:1px solid #e5e7eb}.glass-input-group{margin-bottom:18px}.glass-input-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:6px}.glass-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:.9375rem;outline:none;padding:10px 14px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.glass-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.glass-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease}.glass-btn-primary{background:#6366f1;color:#fff;width:100%}.glass-btn-primary:hover{background:#4f46e5}.glass-alert{border-radius:8px;font-size:.875rem;margin-bottom:16px;padding:12px 16px}.glass-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.glass-spinner{animation:spin .6s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:24px;width:24px}.glass-spinner-sm{border-width:2px;height:16px;width:16px}.stat-card{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:20px}.text-on-glass{color:#111827}.text-on-glass-muted{color:#6b7280}.animate-slide-up{animation:boSlideUp .3s ease forwards}@keyframes boSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}.min-h-screen{align-items:center;display:flex;justify-content:center;min-height:100vh}.font-size-3xl{font-size:1.875rem}.font-size-sm{font-size:.875rem}.font-weight-bold{font-weight:700}.modal-content{position:relative}.bo-card input,.bo-card select,.bo-card textarea{font-family:inherit}.bo-card select option{background:#fff;background:var(--bo-card-bg,#fff);color:#1e293b;color:var(--bo-text,#1e293b);padding:8px 12px}.bo-card input:focus,.bo-card select:focus,.bo-card select:hover,.bo-card textarea:focus{border-color:#6366f1!important;border-color:var(--bo-accent,#6366f1)!important}.bo-card input:focus,.bo-card select:focus,.bo-card textarea:focus{box-shadow:0 0 0 3px #6366f11a!important;outline:none}.topic-search{display:flex;flex-direction:column;gap:12px;position:relative}.topic-search-filters{display:flex;gap:8px}.subject-filter{background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:14px;font-weight:500;min-width:180px;padding:12px 16px;transition:all .2s ease}.subject-filter:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26;outline:none}.subject-filter:hover{border-color:#94a3b8}.topic-search-input-container{align-items:center;display:flex;position:relative}.topic-search-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 35px 10px 12px;width:100%}.topic-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.topic-search-input.has-selection{background-color:#f0fdf4;border-color:#10b981}.topic-search-spinner{font-size:14px;position:absolute;right:35px}.topic-search-clear{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:12px;padding:4px 8px;position:absolute;right:8px}.topic-search-clear:hover{background:#f3f4f6;color:#111827}.topic-selected-info{display:flex;font-size:12px;gap:8px}.topic-code{background:#e0e7ff;color:#3730a3;font-weight:500}.topic-code,.topic-subject{border-radius:4px;padding:2px 8px}.topic-subject{background:#f3f4f6;color:#374151}.topic-search-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.topic-search-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:10px 12px}.topic-search-item:last-child{border-bottom:none}.topic-search-item:hover{background:#f9fafb}.topic-search-item.selected{background:#eff6ff}.topic-item-name{color:#111827;font-weight:500;margin-bottom:4px}.topic-item-meta{display:flex;font-size:12px;gap:8px}.topic-item-code{color:#6366f1;font-family:monospace}.topic-item-subject{color:#6b7280}.topic-search-no-results{color:#6b7280;font-size:14px;padding:16px;text-align:center}.topic-search-hint{color:#f59e0b;font-size:12px;margin:4px 0 0}.loading-competencies{color:#3b82f6;font-size:11px;font-style:italic;margin-left:8px}:root{--student-primary:#6366f1;--student-primary-dark:#4f46e5;--student-primary-light:#818cf8;--student-secondary:#06b6d4;--student-accent:#8b5cf6;--student-success:#10b981;--student-warning:#f59e0b;--student-danger:#ef4444;--student-info:#3b82f6;--student-bg:#f8fafc;--student-bg-gradient:linear-gradient(135deg,#f8fafc,#eef2ff 50%,#fdf4ff);--student-surface:#fff;--student-border:#e2e8f0;--student-border-light:#f1f5f9;--student-text-primary:#0f172a;--student-text-secondary:#475569;--student-text-muted:#94a3b8;--student-space-xs:4px;--student-space-sm:8px;--student-space-md:16px;--student-space-lg:24px;--student-space-xl:32px;--student-radius-sm:6px;--student-radius-md:10px;--student-radius-lg:16px;--student-radius-xl:24px;--student-radius-full:9999px;--student-shadow-sm:0 1px 2px #0000000d;--student-shadow:0 4px 6px -1px #0000001a;--student-shadow-lg:0 10px 25px -5px #0000001a;--student-shadow-glow:0 0 20px #6366f126}.student-portal{background:linear-gradient(135deg,#f8fafc,#eef2ff 50%,#fdf4ff);background:var(--student-bg-gradient);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.student-portal-container{margin:0 auto;max-width:1400px;padding:24px;padding:var(--student-space-lg)}.student-header{align-items:center;background:#fff;background:var(--student-surface);border:1px solid #f1f5f9;border:1px solid var(--student-border-light);border-radius:24px;border-radius:var(--student-radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--student-shadow);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--student-space-lg);padding:24px 32px;padding:var(--student-space-lg) var(--student-space-xl)}.student-header-info{align-items:center;display:flex;gap:24px;gap:var(--student-space-lg)}.student-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--student-primary) 0,var(--student-accent) 100%);border-radius:50%;box-shadow:0 0 20px #6366f126;box-shadow:var(--student-shadow-glow);color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:64px;justify-content:center;width:64px}.student-header-text h1{color:#0f172a;color:var(--student-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 4px;margin:0 0 var(--student-space-xs) 0}.student-header-text p{color:#94a3b8;color:var(--student-text-muted);font-size:.9rem;margin:0}.student-header-actions{align-items:center;display:flex;gap:16px;gap:var(--student-space-md)}.notification-btn{align-items:center;background:#fff;background:var(--student-surface);border:1px solid #e2e8f0;border:1px solid var(--student-border);border-radius:10px;border-radius:var(--student-radius-md);color:#475569;color:var(--student-text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;position:relative;transition:all .2s ease;width:44px}.notification-btn:hover{background:#f8fafc;background:var(--student-bg);border-color:#818cf8;border-color:var(--student-primary-light);color:#6366f1;color:var(--student-primary)}.notification-badge{align-items:center;background:#ef4444;background:var(--student-danger);border-radius:50%;color:#fff;display:flex;font-weight:700;height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}.student-nav{background:#fff;background:var(--student-surface);border:1px solid #f1f5f9;border:1px solid var(--student-border-light);border-radius:16px;border-radius:var(--student-radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--student-shadow-sm);display:flex;gap:4px;gap:var(--student-space-xs);margin-bottom:24px;margin-bottom:var(--student-space-lg);overflow-x:auto;padding:8px;padding:var(--student-space-sm)}.nav-tab{align-items:center;background:#0000;border:none;border-radius:10px;border-radius:var(--student-radius-md);color:#94a3b8;color:var(--student-text-muted);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;gap:var(--student-space-sm);padding:16px 24px;padding:var(--student-space-md) var(--student-space-lg);transition:all .2s ease;white-space:nowrap}.nav-tab:hover{background:#f8fafc;background:var(--student-bg);color:#475569;color:var(--student-text-secondary)}.nav-tab.active{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--student-primary) 0,var(--student-primary-dark) 100%);box-shadow:0 4px 12px #6366f14d;color:#fff}.nav-tab .icon{font-size:1.1rem}.dashboard-grid{grid-gap:24px;grid-gap:var(--student-space-lg);display:grid;gap:24px;gap:var(--student-space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px;margin-bottom:var(--student-space-lg)}.stat-card{background:#fff;background:var(--student-surface);border:1px solid #f1f5f9;border:1px solid var(--student-border-light);border-radius:16px;border-radius:var(--student-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--student-shadow);overflow:hidden;padding:24px;padding:var(--student-space-lg);position:relative;transition:all .3s ease}.stat-card:before{background:#6366f1;background:var(--student-primary);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.stat-card:hover{box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--student-shadow-lg);transform:translateY(-4px)}.stat-card.success:before{background:#10b981;background:var(--student-success)}.stat-card.warning:before{background:#f59e0b;background:var(--student-warning)}.stat-card.info:before{background:#3b82f6;background:var(--student-info)}.stat-card.accent:before{background:#8b5cf6;background:var(--student-accent)}.stat-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--student-space-md)}.stat-card-icon{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:10px;border-radius:var(--student-radius-md);color:#6366f1;color:var(--student-primary);display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.stat-card.success .stat-card-icon{background:linear-gradient(135deg,#10b9811a,#06b6d41a);color:#10b981;color:var(--student-success)}.stat-card-value{color:#0f172a;color:var(--student-text-primary);font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:4px;margin-bottom:var(--student-space-xs)}.stat-card-label{color:#94a3b8;color:var(--student-text-muted);font-size:.85rem;font-weight:500}.stat-card-trend{align-items:center;display:flex;font-size:.8rem;font-weight:600;gap:4px;gap:var(--student-space-xs);margin-top:8px;margin-top:var(--student-space-sm)}.stat-card-trend.up{color:#10b981;color:var(--student-success)}.stat-card-trend.down{color:#ef4444;color:var(--student-danger)}.progress-overview{background:#fff;background:var(--student-surface);border:1px solid #f1f5f9;border:1px solid var(--student-border-light);border-radius:24px;border-radius:var(--student-radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--student-shadow);margin-bottom:24px;margin-bottom:var(--student-space-lg);padding:32px;padding:var(--student-space-xl)}.progress-overview h2{color:#0f172a;color:var(--student-text-primary);font-size:1.25rem;font-weight:700;margin:0 0 24px;margin:0 0 var(--student-space-lg) 0}.overall-progress{align-items:center;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-radius:16px;border-radius:var(--student-radius-lg);display:flex;gap:32px;gap:var(--student-space-xl);margin-bottom:24px;margin-bottom:var(--student-space-lg);padding:24px;padding:var(--student-space-lg)}.progress-circle{flex-shrink:0;height:120px;position:relative;width:120px}.progress-circle svg{transform:rotate(-90deg)}.progress-circle-bg{fill:none;stroke:#e2e8f0;stroke:var(--student-border);stroke-width:8}.progress-circle-fill{fill:none;stroke:url(#progressGradient);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-circle-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-circle-value{color:#6366f1;color:var(--student-primary);font-size:1.75rem;font-weight:800}.progress-circle-label{color:#94a3b8;color:var(--student-text-muted);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.progress-details{grid-gap:16px;grid-gap:var(--student-space-md);display:grid;flex:1 1;gap:16px;gap:var(--student-space-md);grid-template-columns:repeat(3,1fr)}.progress-detail-item{background:#fff;background:var(--student-surface);border-radius:10px;border-radius:var(--student-radius-md);padding:16px;padding:var(--student-space-md);text-align:center}.progress-detail-value{color:#0f172a;color:var(--student-text-primary);font-size:1.5rem;font-weight:700}.progress-detail-label{color:#94a3b8;color:var(--student-text-muted);font-size:.75rem;margin-top:4px;margin-top:var(--student-space-xs)}.courses-section,.section-header{margin-bottom:24px;margin-bottom:var(--student-space-lg)}.section-header{align-items:center;display:flex;justify-content:space-between}.section-header h2{color:#0f172a;color:var(--student-text-primary);font-size:1.25rem;font-weight:700;margin:0}.section-header .view-all{align-items:center;color:#6366f1;color:var(--student-primary);display:flex;font-size:.9rem;font-weight:600;gap:4px;gap:var(--student-space-xs);text-decoration:none}.courses-grid{grid-gap:24px;grid-gap:var(--student-space-lg);display:grid;gap:24px;gap:var(--student-space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.course-card{background:#fff;background:var(--student-surface);border:1px solid #f1f5f9;border:1px solid var(--student-border-light);border-radius:16px;border-radius:var(--student-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--student-shadow);overflow:hidden;transition:all .3s ease}.course-card:hover{box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--student-shadow-lg);transform:translateY(-4px)}.course-card-header{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--student-primary) 0,var(--student-accent) 100%);color:#fff;padding:24px;padding:var(--student-space-lg);position:relative}.course-card-header h3{font-size:1.1rem;font-weight:600;margin:0 0 4px;margin:0 0 var(--student-space-xs) 0}.course-card-header p{font-size:.85rem;margin:0;opacity:.9}.course-card-body{padding:24px;padding:var(--student-space-lg)}.course-progress{margin-bottom:16px;margin-bottom:var(--student-space-md)}.course-progress-bar{background:#e2e8f0;background:var(--student-border);height:8px;margin-bottom:8px;margin-bottom:var(--student-space-sm);overflow:hidden}.course-progress-bar,.course-progress-fill{border-radius:9999px;border-radius:var(--student-radius-full)}.course-progress-fill{background:linear-gradient(90deg,#6366f1,#06b6d4);background:linear-gradient(90deg,var(--student-primary) 0,var(--student-secondary) 100%);height:100%;transition:width .5s ease}.course-progress-text{color:#94a3b8;color:var(--student-text-muted);display:flex;font-size:.8rem;justify-content:space-between}.course-meta{display:flex;gap:16px;gap:var(--student-space-md);margin-bottom:16px;margin-bottom:var(--student-space-md)}.course-meta-item{align-items:center;color:#475569;color:var(--student-text-secondary);display:flex;font-size:.8rem;gap:4px;gap:var(--student-space-xs)}.tests-section,.tests-tabs{margin-bottom:24px;margin-bottom:var(--student-space-lg)}.tests-tabs{background:#fff;background:var(--student-surface);border:1px solid #f1f5f9;border:1px solid var(--student-border-light);border-radius:10px;border-radius:var(--student-radius-md);display:flex;gap:8px;gap:var(--student-space-sm);padding:8px;padding:var(--student-space-sm)}.test-tab{background:#0000;border:none;border-radius:6px;border-radius:var(--student-radius-sm);color:#94a3b8;color:var(--student-text-muted);cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 24px;padding:var(--student-space-sm) var(--student-space-lg);transition:all .2s ease}.test-tab:hover{background:#f8fafc;background:var(--student-bg);color:#475569;color:var(--student-text-secondary)}.test-tab.active{background:#6366f1;background:var(--student-primary);color:#fff}.test-tab .badge{background:#fff3;border-radius:9999px;border-radius:var(--student-radius-full);font-size:.7rem;margin-left:4px;margin-left:var(--student-space-xs);padding:2px 8px}.test-tab.active .badge{background:#ffffff4d}.tests-list{display:flex;flex-direction:column;gap:16px;gap:var(--student-space-md)}.test-card{align-items:center;background:#fff;background:var(--student-surface);border:1px solid #f1f5f9;border:1px solid var(--student-border-light);border-radius:16px;border-radius:var(--student-radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--student-shadow-sm);display:flex;gap:24px;gap:var(--student-space-lg);padding:24px;padding:var(--student-space-lg);transition:all .2s ease}.test-card:hover{border-color:#818cf8;border-color:var(--student-primary-light);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--student-shadow)}.test-card.active{background:linear-gradient(135deg,#10b98105,#06b6d405);border-color:#10b981;border-color:var(--student-success)}.test-card.upcoming{border-color:#f59e0b;border-color:var(--student-warning)}.test-icon{align-items:center;border-radius:10px;border-radius:var(--student-radius-md);display:flex;flex-shrink:0;font-size:1.5rem;height:56px;justify-content:center;width:56px}.test-icon.active{background:linear-gradient(135deg,#10b981,#06b6d4);background:linear-gradient(135deg,var(--student-success) 0,var(--student-secondary) 100%);color:#fff}.test-icon.upcoming{background:linear-gradient(135deg,#f59e0b,#f97316);background:linear-gradient(135deg,var(--student-warning) 0,#f97316 100%);color:#fff}.test-icon.completed{background:#e2e8f0;background:var(--student-border);color:#94a3b8;color:var(--student-text-muted)}.test-info{flex:1 1}.test-info h4{color:#0f172a;color:var(--student-text-primary);font-size:1rem;font-weight:600;margin:0 0 4px;margin:0 0 var(--student-space-xs) 0}.test-meta{color:#94a3b8;color:var(--student-text-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:16px;gap:var(--student-space-md)}.test-meta-item{align-items:center;display:flex;gap:4px;gap:var(--student-space-xs)}.deadline-info{background:linear-gradient(135deg,#ef44441a,#f59e0b1a);border-radius:6px;color:#dc2626;font-size:.8rem;font-weight:600;margin-top:8px;padding:6px 12px}.test-status{align-items:flex-end;display:flex;flex-direction:column;gap:8px;gap:var(--student-space-sm)}.test-status-badge{border-radius:9999px;border-radius:var(--student-radius-full);font-size:.75rem;font-weight:600;padding:4px 16px;padding:var(--student-space-xs) var(--student-space-md)}.test-status-badge.active{background:linear-gradient(135deg,#10b9811a,#06b6d41a);color:#10b981;color:var(--student-success)}.test-status-badge.upcoming{background:linear-gradient(135deg,#f59e0b1a,#f973161a);color:#f59e0b;color:var(--student-warning)}.test-status-badge.completed{background:#e2e8f0;background:var(--student-border);color:#94a3b8;color:var(--student-text-muted)}.test-countdown{color:#ef4444;color:var(--student-danger);font-size:.8rem;font-weight:600}.btn{align-items:center;border-radius:10px;border-radius:var(--student-radius-md);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;gap:var(--student-space-sm);justify-content:center;padding:16px 24px;padding:var(--student-space-md) var(--student-space-lg);text-decoration:none;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--student-primary) 0,var(--student-primary-dark) 100%);border:none;box-shadow:0 4px 14px #6366f159;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #6366f173;transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--student-surface);border:1px solid #e2e8f0;border:1px solid var(--student-border);color:#475569;color:var(--student-text-secondary)}.btn-secondary:hover{background:#f8fafc;background:var(--student-bg);border-color:#818cf8;border-color:var(--student-primary-light);color:#6366f1;color:var(--student-primary)}.btn-outline{background:#0000;border:1px solid #3b82f6;color:#3b82f6;margin-right:10px}.btn-outline:hover{background:#3b82f61a}.btn-success{background:linear-gradient(135deg,#10b981,#06b6d4);background:linear-gradient(135deg,var(--student-success) 0,var(--student-secondary) 100%);border:none;box-shadow:0 4px 14px #10b98159;color:#fff}.btn-success:hover{box-shadow:0 6px 20px #10b98173;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--student-danger) 0,#dc2626 100%);border:none;color:#fff}.btn-sm{font-size:.8rem;padding:8px 16px;padding:var(--student-space-sm) var(--student-space-md)}.btn-lg{font-size:1rem;padding:24px 32px;padding:var(--student-space-lg) var(--student-space-xl)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.agenda-section{background:#fff;background:var(--student-surface);border:1px solid #f1f5f9;border:1px solid var(--student-border-light);border-radius:24px;border-radius:var(--student-radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--student-shadow);padding:32px;padding:var(--student-space-xl)}.agenda-header,.agenda-section{margin-bottom:24px;margin-bottom:var(--student-space-lg)}.agenda-header{align-items:center;display:flex;justify-content:space-between}.agenda-header h2{align-items:center;color:#0f172a;color:var(--student-text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:8px;gap:var(--student-space-sm);margin:0}.agenda-date{color:#94a3b8;color:var(--student-text-muted);font-size:.9rem}.agenda-items{flex-direction:column}.agenda-item,.agenda-items{display:flex;gap:16px;gap:var(--student-space-md)}.agenda-item{align-items:center;background:#f8fafc;background:var(--student-bg);border-left:4px solid #6366f1;border-left:4px solid var(--student-primary);border-radius:10px;border-radius:var(--student-radius-md);padding:16px;padding:var(--student-space-md)}.agenda-item.urgent{background:linear-gradient(135deg,#ef44440d,#ef444405);border-left-color:#ef4444;border-left-color:var(--student-danger)}.agenda-item.completed{border-left-color:#10b981;border-left-color:var(--student-success);opacity:.7}.agenda-item-time{color:#6366f1;color:var(--student-primary);font-size:.8rem;font-weight:600;min-width:60px}.agenda-item-content{flex:1 1}.agenda-item-title{color:#0f172a;color:var(--student-text-primary);font-size:.9rem;font-weight:600}.agenda-item-subtitle{color:#94a3b8;color:var(--student-text-muted);font-size:.8rem}.notifications-panel{background:#fff;background:var(--student-surface);border:1px solid #f1f5f9;border:1px solid var(--student-border-light);border-radius:24px;border-radius:var(--student-radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--student-shadow);padding:32px;padding:var(--student-space-xl)}.notifications-panel h3{color:#0f172a;color:var(--student-text-primary);font-size:1.1rem;font-weight:700;margin:0 0 24px;margin:0 0 var(--student-space-lg) 0}.notification-item{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--student-border-light);padding:16px 0;padding:var(--student-space-md) 0}.notification-item:last-child{border-bottom:none}.notification-icon{align-items:center;border-radius:50%;display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.notification-icon.info{background:linear-gradient(135deg,#3b82f61a,#6366f11a);color:#3b82f6;color:var(--student-info)}.notification-icon.warning{background:linear-gradient(135deg,#f59e0b1a,#f973161a);color:#f59e0b;color:var(--student-warning)}.notification-icon.success{background:linear-gradient(135deg,#10b9811a,#06b6d41a);color:#10b981;color:var(--student-success)}.notification-title{font-size:.9rem;margin-bottom:var(--student-space-xs)}.notification-message{color:#94a3b8;color:var(--student-text-muted);font-size:.8rem;line-height:1.4}.notification-time{margin-top:4px;margin-top:var(--student-space-xs)}.library-grid{grid-gap:24px;grid-gap:var(--student-space-lg);display:grid;gap:24px;gap:var(--student-space-lg);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.library-card{background:#fff;background:var(--student-surface);border:1px solid #f1f5f9;border:1px solid var(--student-border-light);border-radius:16px;border-radius:var(--student-radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--student-shadow-sm);cursor:pointer;overflow:hidden;transition:all .3s ease}.library-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--student-shadow);transform:translateY(-4px)}.library-card-thumbnail{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--student-primary) 0,var(--student-accent) 100%);color:#fff;display:flex;font-size:3rem;height:140px;justify-content:center}.library-card-thumbnail.video{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--student-danger) 0,#dc2626 100%)}.library-card-thumbnail.book{background:linear-gradient(135deg,#10b981,#06b6d4);background:linear-gradient(135deg,var(--student-success) 0,var(--student-secondary) 100%)}.library-card-body{padding:16px;padding:var(--student-space-md)}.library-card-body h4{color:#0f172a;color:var(--student-text-primary);font-size:.95rem;font-weight:600;margin:0 0 4px;margin:0 0 var(--student-space-xs) 0}.library-card-body p{color:#94a3b8;color:var(--student-text-muted);font-size:.8rem;margin:0}.library-card-meta{align-items:center;border-top:1px solid #f1f5f9;border-top:1px solid var(--student-border-light);display:flex;justify-content:space-between;margin-top:8px;margin-top:var(--student-space-sm);padding-top:8px;padding-top:var(--student-space-sm)}.library-type-badge{border-radius:9999px;border-radius:var(--student-radius-full);font-size:.7rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.library-type-badge.ebook{background:linear-gradient(135deg,#10b9811a,#06b6d41a);color:#10b981;color:var(--student-success)}.library-type-badge.video{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#ef4444;color:var(--student-danger)}.library-type-badge.interactive{background:linear-gradient(135deg,#8b5cf61a,#6366f11a);color:#8b5cf6;color:var(--student-accent)}.analytics-section{grid-gap:24px;grid-gap:var(--student-space-lg);display:grid;gap:24px;gap:var(--student-space-lg);grid-template-columns:2fr 1fr;margin-bottom:24px;margin-bottom:var(--student-space-lg)}.analytics-card{background:#fff;background:var(--student-surface);border:1px solid #f1f5f9;border:1px solid var(--student-border-light);border-radius:24px;border-radius:var(--student-radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--student-shadow);padding:32px;padding:var(--student-space-xl)}.analytics-card h3{color:#0f172a;color:var(--student-text-primary);font-size:1.1rem;font-weight:700;margin:0 0 24px;margin:0 0 var(--student-space-lg) 0}.subject-performance-list{flex-direction:column}.subject-item,.subject-performance-list{display:flex;gap:16px;gap:var(--student-space-md)}.subject-item{align-items:center}.subject-name{color:#475569;color:var(--student-text-secondary);font-size:.85rem;font-weight:500;width:100px}.subject-bar{background:#e2e8f0;background:var(--student-border);flex:1 1;height:8px;overflow:hidden}.subject-bar,.subject-bar-fill{border-radius:9999px;border-radius:var(--student-radius-full)}.subject-bar-fill{height:100%;transition:width .5s ease}.subject-score{color:#0f172a;color:var(--student-text-primary);font-size:.85rem;font-weight:600;text-align:right;width:50px}.calendar-section{background:#fff;background:var(--student-surface);border:1px solid #f1f5f9;border:1px solid var(--student-border-light);border-radius:24px;border-radius:var(--student-radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--student-shadow);padding:32px;padding:var(--student-space-xl)}.calendar-header{justify-content:space-between;margin-bottom:24px;margin-bottom:var(--student-space-lg)}.calendar-header,.calendar-nav{align-items:center;display:flex}.calendar-nav{gap:16px;gap:var(--student-space-md)}.calendar-nav button{align-items:center;background:#fff;background:var(--student-surface);border:1px solid #e2e8f0;border:1px solid var(--student-border);border-radius:50%;color:#475569;color:var(--student-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.calendar-nav button:hover{background:#f8fafc;background:var(--student-bg);color:#6366f1;color:var(--student-primary)}.calendar-nav h3{color:#0f172a;color:var(--student-text-primary);font-size:1.1rem;font-weight:600;margin:0}.calendar-grid{grid-gap:4px;grid-gap:var(--student-space-xs);display:grid;gap:4px;gap:var(--student-space-xs);grid-template-columns:repeat(7,1fr)}.calendar-day-header{color:#94a3b8;color:var(--student-text-muted);font-size:.75rem;font-weight:600;padding:8px;padding:var(--student-space-sm);text-align:center}.calendar-day{align-items:center;aspect-ratio:1;border-radius:6px;border-radius:var(--student-radius-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .2s ease}.calendar-day:hover{background:#f8fafc;background:var(--student-bg)}.calendar-day.today{background:#6366f1;background:var(--student-primary);color:#fff}.calendar-day.has-event:after{background:#10b981;background:var(--student-success);border-radius:50%;bottom:4px;content:"";height:6px;position:absolute;width:6px}.calendar-day.today.has-event:after{background:#fff}.calendar-day-number{font-size:.9rem;font-weight:500}.test-container{background:#f8fafc;background:var(--student-bg);min-height:100vh}.test-container,.test-header{padding:24px;padding:var(--student-space-lg)}.test-header{align-items:center;background:#fff;background:var(--student-surface);border-radius:16px;border-radius:var(--student-radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--student-shadow-sm);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--student-space-lg)}.test-header-info h1{color:#0f172a;color:var(--student-text-primary);font-size:1.25rem;font-weight:700;margin:0 0 4px;margin:0 0 var(--student-space-xs) 0}.test-header-meta{color:#94a3b8;color:var(--student-text-muted);display:flex;font-size:.85rem;gap:24px;gap:var(--student-space-lg)}.test-timer{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--student-danger) 0,#dc2626 100%);border-radius:10px;border-radius:var(--student-radius-md);color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:8px;gap:var(--student-space-sm);padding:16px 24px;padding:var(--student-space-md) var(--student-space-lg)}.test-timer.warning{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.test-content{grid-gap:24px;grid-gap:var(--student-space-lg);display:grid;gap:24px;gap:var(--student-space-lg);grid-template-columns:1fr 280px}.test-question-area{background:#fff;background:var(--student-surface);border-radius:16px;border-radius:var(--student-radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--student-shadow-sm);padding:32px;padding:var(--student-space-xl)}.question-number{color:#6366f1;color:var(--student-primary);font-size:.85rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--student-space-md)}.question-text{color:#0f172a;color:var(--student-text-primary);font-size:1.1rem;line-height:1.6}.question-image,.question-text{margin-bottom:24px;margin-bottom:var(--student-space-lg)}.question-image{border-radius:10px;border-radius:var(--student-radius-md);max-width:100%}.options-list{flex-direction:column}.option-item,.options-list{display:flex;gap:16px;gap:var(--student-space-md)}.option-item{align-items:flex-start;background:#f8fafc;background:var(--student-bg);border:2px solid #e2e8f0;border:2px solid var(--student-border);border-radius:10px;border-radius:var(--student-radius-md);cursor:pointer;padding:16px;padding:var(--student-space-md);transition:all .2s ease}.option-item:hover{background:linear-gradient(135deg,#6366f105,#8b5cf605);border-color:#818cf8;border-color:var(--student-primary-light)}.option-item.selected{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-color:#6366f1;border-color:var(--student-primary)}.option-item.correct{background:linear-gradient(135deg,#10b9810d,#06b6d40d);border-color:#10b981;border-color:var(--student-success)}.option-item.incorrect{background:linear-gradient(135deg,#ef44440d,#dc26260d);border-color:#ef4444;border-color:var(--student-danger)}.option-letter{align-items:center;background:#fff;background:var(--student-surface);border:2px solid #e2e8f0;border:2px solid var(--student-border);border-radius:50%;color:#475569;color:var(--student-text-secondary);display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.option-item.selected .option-letter{background:#6366f1;background:var(--student-primary);border-color:#6366f1;border-color:var(--student-primary);color:#fff}.option-text{color:#0f172a;color:var(--student-text-primary);flex:1 1;line-height:1.5;padding-top:4px}.test-navigator{background:#fff;background:var(--student-surface);border-radius:16px;border-radius:var(--student-radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--student-shadow-sm);padding:24px;padding:var(--student-space-lg);position:-webkit-sticky;position:sticky;top:24px;top:var(--student-space-lg)}.navigator-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--student-border-light);color:#0f172a;color:var(--student-text-primary);font-weight:700;margin-bottom:16px;margin-bottom:var(--student-space-md);padding-bottom:16px;padding-bottom:var(--student-space-md)}.navigator-grid{grid-gap:8px;grid-gap:var(--student-space-sm);display:grid;gap:8px;gap:var(--student-space-sm);grid-template-columns:repeat(5,1fr);margin-bottom:24px;margin-bottom:var(--student-space-lg)}.nav-question{align-items:center;background:#fff;background:var(--student-surface);border:1px solid #e2e8f0;border:1px solid var(--student-border);border-radius:6px;border-radius:var(--student-radius-sm);color:#475569;color:var(--student-text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;width:40px}.nav-question:hover{color:#6366f1;color:var(--student-primary)}.nav-question.current,.nav-question:hover{border-color:#6366f1;border-color:var(--student-primary)}.nav-question.current{background:#6366f1;background:var(--student-primary);color:#fff}.nav-question.answered{background:#10b981;background:var(--student-success);border-color:#10b981;border-color:var(--student-success);color:#fff}.nav-question.marked{background:#f59e0b;background:var(--student-warning);border-color:#f59e0b;border-color:var(--student-warning);color:#fff}.nav-question.skipped{background:#e2e8f0;background:var(--student-border)}.navigator-legend{border-top:1px solid #f1f5f9;border-top:1px solid var(--student-border-light);flex-direction:column;padding-top:16px;padding-top:var(--student-space-md)}.legend-item,.navigator-legend{display:flex;gap:8px;gap:var(--student-space-sm)}.legend-item{align-items:center;color:#94a3b8;color:var(--student-text-muted);font-size:.75rem}.legend-dot{border-radius:2px;height:12px;width:12px}.legend-dot.answered{background:#10b981;background:var(--student-success)}.legend-dot.current{background:#6366f1;background:var(--student-primary)}.legend-dot.marked{background:#f59e0b;background:var(--student-warning)}.legend-dot.not-visited{background:#e2e8f0;background:var(--student-border)}.question-actions{border-top:1px solid #f1f5f9;border-top:1px solid var(--student-border-light);display:flex;justify-content:space-between;margin-top:32px;margin-top:var(--student-space-xl);padding-top:24px;padding-top:var(--student-space-lg)}@media (max-width:1024px){.analytics-section,.test-content{grid-template-columns:1fr}.test-navigator{position:static}}@media (max-width:768px){.student-portal-container{padding:16px;padding:var(--student-space-md)}.student-header{gap:16px;gap:var(--student-space-md);text-align:center}.student-header,.student-header-info{flex-direction:column}.student-nav{-webkit-overflow-scrolling:touch;overflow-x:auto}.dashboard-grid{grid-template-columns:1fr 1fr}.progress-details{grid-template-columns:1fr}.overall-progress{flex-direction:column;text-align:center}.courses-grid{grid-template-columns:1fr}.test-card{align-items:flex-start;flex-direction:column}.test-status{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}}@media (max-width:480px){.dashboard-grid{grid-template-columns:1fr}.nav-tab{font-size:.8rem;padding:8px 16px;padding:var(--student-space-sm) var(--student-space-md)}.navigator-grid{grid-template-columns:repeat(4,1fr)}}.loading-skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background:linear-gradient(90deg,var(--student-border) 25%,var(--student-border-light) 50%,var(--student-border) 75%);background-size:200% 100%;border-radius:6px;border-radius:var(--student-radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{color:#94a3b8;color:var(--student-text-muted);padding:32px * 2;padding:var(--student-space-xl) * 2;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:16px;margin-bottom:var(--student-space-md);opacity:.3}.empty-state h3{color:#475569;color:var(--student-text-secondary);font-weight:600;margin:0 0 8px;margin:0 0 var(--student-space-sm) 0}.empty-state p{font-size:.9rem;margin:0}.library-search-bar{background:#fff;background:var(--student-surface);border-radius:16px;border-radius:var(--student-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--student-shadow);display:flex;flex-direction:column;gap:16px;gap:var(--student-space-md);margin-bottom:24px;margin-bottom:var(--student-space-lg);padding:24px;padding:var(--student-space-lg)}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{font-size:1.2rem;left:16px;opacity:.6;pointer-events:none;position:absolute}.library-search-input{background:#f8fafc;background:var(--student-bg);border:2px solid #e2e8f0;border:2px solid var(--student-border);border-radius:9999px;border-radius:var(--student-radius-full);color:#0f172a;color:var(--student-text-primary);font-size:1rem;padding:14px 44px 14px 48px;transition:all .2s ease;width:100%}.library-search-input:focus{background:#fff;background:var(--student-surface);border-color:#6366f1;border-color:var(--student-primary);box-shadow:0 0 0 4px #6366f11a;outline:none}.library-search-input::placeholder{color:#94a3b8;color:var(--student-text-muted)}.search-clear-btn{align-items:center;background:#e2e8f0;background:var(--student-border);border:none;border-radius:50%;color:#475569;color:var(--student-text-secondary);cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;position:absolute;right:16px;transition:all .2s ease;width:24px}.search-clear-btn:hover{background:#ef4444;background:var(--student-danger);color:#fff}.library-filters{display:flex;flex-wrap:wrap;gap:8px;gap:var(--student-space-sm)}.filter-btn{align-items:center;background:#fff;background:var(--student-surface);border:2px solid #e2e8f0;border:2px solid var(--student-border);border-radius:9999px;border-radius:var(--student-radius-full);color:#475569;color:var(--student-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{background:#eef2ff;border-color:#818cf8;border-color:var(--student-primary-light);color:#6366f1;color:var(--student-primary)}.filter-btn.active{background:#6366f1;background:var(--student-primary);border-color:#6366f1;border-color:var(--student-primary);color:#fff}.library-results-info{align-items:center;color:#94a3b8;color:var(--student-text-muted);display:flex;font-size:.875rem;gap:8px;gap:var(--student-space-sm);margin-bottom:16px;margin-bottom:var(--student-space-md);padding:8px 0;padding:var(--student-space-sm) 0}.library-results-info .search-term{color:#6366f1;color:var(--student-primary);font-weight:500}@media (min-width:768px){.library-search-bar{align-items:center;flex-direction:row;justify-content:space-between}.search-input-wrapper{flex:1 1;max-width:500px}.library-filters{flex-wrap:nowrap}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .2s ease-out;background:#fff;background:var(--student-surface);border-radius:16px;border-radius:var(--student-radius-lg);box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--student-shadow-lg);max-height:90vh;overflow-y:auto;padding:24px;padding:var(--student-space-lg)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.course-card-actions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--student-space-sm)}.course-card-actions .btn-outline-secondary{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--student-border);border-radius:6px;border-radius:var(--student-radius-sm);color:#475569;color:var(--student-text-secondary);cursor:pointer;font-size:.85rem;padding:8px 12px;transition:all .2s}.course-card-actions .btn-outline-secondary:hover{background:#818cf8;background:var(--student-primary-light);border-color:#818cf8;border-color:var(--student-primary-light);color:#fff}.notifications-section{background:#fff;background:var(--student-surface);border:1px solid #f1f5f9;border:1px solid var(--student-border-light);border-radius:24px;border-radius:var(--student-radius-xl);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--student-shadow);display:flex;flex-direction:column;max-height:600px;padding:32px;padding:var(--student-space-xl)}.notifications-list{flex:1 1;flex-direction:column;overflow-y:auto;padding-right:8px;padding-right:var(--student-space-sm)}.notification-item,.notifications-list{display:flex;gap:16px;gap:var(--student-space-md)}.notification-item{background:#f8fafc;background:var(--student-bg);border:1px solid #f1f5f9;border:1px solid var(--student-border-light);border-radius:10px;border-radius:var(--student-radius-md);padding:16px;padding:var(--student-space-md);position:relative;transition:all .2s ease}.notification-item.unread{background:#eef2ff;border-color:#c7d2fe}.notification-item.unread:before{background:#6366f1;background:var(--student-primary);border-radius:50%;content:"";height:6px;left:-4px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.notification-item:hover{box-shadow:0 1px 2px #0000000d;box-shadow:var(--student-shadow-sm);transform:translateY(-2px)}.notification-icon{flex-shrink:0;font-size:1.5rem}.notification-content{flex:1 1}.notification-title{color:#0f172a;color:var(--student-text-primary);font-size:.95rem;font-weight:600;margin-bottom:4px}.notification-message{color:#475569;color:var(--student-text-secondary);font-size:.85rem;line-height:1.5;margin-bottom:6px}.notification-time{color:#94a3b8;color:var(--student-text-muted);font-size:.75rem}.notification-badge{align-self:flex-start;border-radius:9999px;border-radius:var(--student-radius-full);flex-shrink:0;font-size:.7rem;font-weight:600;padding:4px 10px}.notification-badge.urgent{background:#fee2e2;color:#991b1b}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:#f8fafc;background:var(--student-bg);border-radius:9999px;border-radius:var(--student-radius-full)}.notifications-list::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--student-border);border-radius:9999px;border-radius:var(--student-radius-full)}.notifications-list::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--student-text-muted)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.c48fa184.css.map*/