:root{--bg-primary: #232323;--bg-secondary: rgba(58, 56, 56, .3);--bg-tertiary: rgba(20, 20, 20, .8);--text-primary: #ffffff;--text-secondary: rgba(156, 163, 175, 1);--border-color: rgba(126, 162, 212, .2);--card-bg: rgba(58, 56, 56, .3);--card-hover: rgba(58, 56, 56, .5);--primary-color: #7ea2d4;--primary-color-rgb: 126, 162, 212;--primary-hover: rgba(126, 162, 212, .8);--primary-light: rgba(126, 162, 212, .2)}body.light-mode{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #e9ecef;--text-primary: #1a1a1a;--text-secondary: #6c757d;--text-tertiary: #868e96;--border-color: var(--primary-color);--card-bg: #ffffff;--card-hover: #f8f9fa;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .12);--input-bg: #ffffff;--input-border: #dee2e6;--sidebar-bg: #ffffff;--header-bg: #ffffff}body{background:var(--bg-primary)!important;color:var(--text-primary)!important;transition:background-color .3s ease,color .3s ease;margin:0!important;padding:0!important}body.light-mode .figma-header{background:var(--header-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}body.light-mode .figma-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-color)}.figma-dashboard{background:var(--bg-primary)!important;min-height:100vh;transition:background-color .3s ease}body.light-mode .mobile-header,body.light-mode .desktop-header,body.light-mode .figma-header{background:var(--header-bg)!important;border-bottom:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)}body.light-mode .figma-content-area{background:var(--bg-secondary)!important;color:var(--text-primary)!important}body.light-mode .figma-sidebar{background:var(--sidebar-bg)!important;border-right:1px solid var(--border-color)!important;color:var(--text-primary)!important}body.light-mode .figma-stats-card,body.light-mode .hero-feature-card,body.light-mode .platform-feature-card,body.light-mode .course-card,body.light-mode .brending-card,body.light-mode .minimal-card,body.light-mode .korporativ-card,body.light-mode .pricing-card,body.light-mode .article-card,body.light-mode .analytics-card,body.light-mode .samarali-dars-card,body.light-mode .oxirgi-dars-card,body.light-mode [style*="border: 1px solid rgba(126, 162, 212"],body.light-mode [style*="border: 2px solid rgba(126, 162, 212"],body.light-mode [style*="border-color: rgba(126, 162, 212"],body.light-mode [style*="border-right: 1px solid rgba(126, 162, 212"],body.light-mode [style*="border-bottom: 1px solid rgba(126, 162, 212"],body.light-mode [style*="border-top: 1px solid rgba(126, 162, 212"],body.light-mode [style*="border-left: 1px solid rgba(126, 162, 212"]{border-color:var(--primary-color)!important;box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.1)!important}body.light-mode .figma-stats-card:hover,body.light-mode .hero-feature-card:hover,body.light-mode .platform-feature-card:hover,body.light-mode .course-card:hover,body.light-mode .brending-card:hover,body.light-mode .minimal-card:hover,body.light-mode .korporativ-card:hover,body.light-mode .pricing-card:hover,body.light-mode .article-card:hover,body.light-mode .analytics-card:hover,body.light-mode .samarali-dars-card:hover,body.light-mode .oxirgi-dars-card:hover{border-color:var(--primary-color)!important;box-shadow:0 4px 16px rgba(var(--primary-color-rgb),.2)!important;transform:translateY(-2px)}body.light-mode .figma-menu-parent{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}body.light-mode .figma-menu-parent:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}body.light-mode .figma-menu-parent.expanded{background:var(--bg-tertiary)}body.light-mode .figma-menu-children{background:var(--bg-secondary)}body.light-mode .figma-menu-child,body.light-mode .figma-single-link{color:var(--text-primary);background:transparent}body.light-mode .figma-menu-child:hover,body.light-mode .figma-single-link:hover{background:var(--bg-tertiary)}body.light-mode .figma-menu-child.active{background:var(--primary-light);color:var(--primary-color)}body.light-mode .figma-stats-card,body.light-mode .figma-profile-section{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #00000014!important}body.light-mode .figma-stats-card:hover{background:#f9fafb!important;border-color:var(--primary-color)!important;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.12)!important}body.light-mode .figma-stats-title{color:#1a1a1a!important}body.light-mode .figma-stat-label{color:#6b7280!important}body.light-mode .figma-stat-value{color:#1a1a1a!important}body.light-mode .figma-bio-text,body.light-mode .figma-achievement-text{color:#374151!important}body.light-mode .figma-achievement-check{color:#10b981!important}body.light-mode .form-input,body.light-mode .form-textarea{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary)}body.light-mode .form-input:focus,body.light-mode .form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}body.light-mode .profile-section,body.light-mode .course-section{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#232323;color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{padding:20px 0;position:fixed;top:0;left:0;right:0;z-index:1000;background:#5a5a5a1a;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1);will-change:backdrop-filter,background}.header.scrolling{transform:translateZ(0)}.header .container{display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:10px}.logo{display:inline-flex;align-items:baseline;font-family:inherit;font-size:28px;font-weight:700;letter-spacing:-.4px;line-height:1;color:#fff}.logo-accent{color:#7ea2d4}.brand-text{font-size:24px;font-weight:700;color:#fff}.brand-highlight{color:#6b7bff}.nav-menu{display:flex;gap:40px;align-items:center;margin-left:auto}.nav-item{color:#a0a0a0;text-decoration:none;font-size:16px;transition:color .3s ease;display:flex;align-items:center;gap:5px}.nav-item:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:20px;margin-left:50px}.language-selector,.lang-dropdown{position:relative}.lang-selected{display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:#3a383833;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;border:1px solid var(--primary-color);min-width:60px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.lang-selected:hover{background:#3a38384d;border-color:var(--primary-color)}.dropdown-arrow{font-size:8px;transition:transform .3s ease;color:#a0a0a0}.lang-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.lang-options{position:absolute;top:100%;left:0;right:0;background:#3a383833;border:1px solid var(--primary-color);border-radius:8px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d;margin-top:4px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.lang-dropdown.open .lang-options{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{display:flex;align-items:center;gap:5px;padding:6px 8px;color:#a0a0a0;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.lang-option:hover{background:#ffffff1a;color:#fff}.lang-option.active{background:#6b7bff33;color:#fff}.lang-option:first-child{border-radius:8px 8px 0 0}.lang-option:last-child{border-radius:0 0 8px 8px}.flag-img{width:18px;height:14px;border-radius:2px;object-fit:cover;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000004d}.login-btn{background:#fff;color:#232323;border:none;padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.login-btn:hover{background:#f0f0f0;transform:translateY(-2px)}.hero{padding:60px 0;margin-top:80px;position:relative;overflow:hidden;min-height:90vh}.hero-content{text-align:center;z-index:2;max-width:1200px;margin:0 auto}.hero-header-container{background:#3a383833;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(5px);border-radius:20px;padding:40px;margin-bottom:40px;max-width:1000px;margin-left:auto;margin-right:auto}.hero-title{font-size:48px;font-weight:700;line-height:1.3;margin-bottom:40px;color:#fff}.hero-actions{display:flex;gap:30px;align-items:center;justify-content:center;flex-wrap:wrap}.hero-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px;max-width:1000px;margin-left:auto;margin-right:auto}.hero-feature-card{background:#3a383833;border:1px solid var(--primary-color);border-radius:20px;padding:35px;backdrop-filter:blur(20px);z-index:10;-webkit-backdrop-filter:blur(20px);transition:all .3s ease;box-shadow:0 8px 32px #0000004d;position:relative;overflow:visible}.hero-feature-card h3{font-size:20px;font-weight:600;margin-bottom:15px;color:#fff}.hero-feature-card p{color:#a0a0a0;line-height:1.6;font-size:14px}.hero-video-section{display:flex;justify-content:center}.btn-primary{background:#fff;color:#232323;border:none;padding:12px 24px;border-radius:25px;font-weight:600;font-size:10px;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 10px 30px #fff3}.stats-badge{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#ffffff1f;border-radius:25px;border:1px solid var(--primary-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0003;white-space:nowrap}.stats-number{font-size:15px;font-weight:700;color:#6b7bff}.stats-text{font-size:10px;color:#a0a0a0}.hero-3d-main{width:250px;height:250px;object-fit:contain}.hero-3d-left{position:absolute;left:5%;top:20%;width:150px;height:150px;object-fit:contain;z-index:1}.analytics-card{position:relative;overflow:visible;z-index:10}.analytics-3d-icon{position:absolute;bottom:170px;right:10px;opacity:.7;pointer-events:none;z-index:1}.analytics-icon-image-clear{width:300px;height:300px;object-fit:contain;filter:brightness(.9) saturate(120%);animation:analyticsFloat3D 5s ease-in-out infinite}@keyframes analyticsFloat3D{0%,to{transform:translateY(0) rotate(0) translateZ(0);filter:brightness(.9) saturate(120%)}25%{transform:translateY(-8px) rotate(3deg) translateZ(0);filter:brightness(1) saturate(130%)}50%{transform:translateY(-12px) rotate(0) translateZ(0);filter:brightness(1.1) saturate(140%)}75%{transform:translateY(-8px) rotate(-3deg) translateZ(0);filter:brightness(1) saturate(130%)}}.video-section{display:flex;justify-content:center}.video-btn{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.15),rgba(var(--primary-color-rgb),.08));border:1px solid rgba(var(--primary-color-rgb),.4);color:#fff;padding:18px 36px;border-radius:20px;font-size:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 24px rgba(var(--primary-color-rgb),.15),inset 0 1px #ffffff1a;position:relative;overflow:hidden}.video-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.video-btn:hover:before{left:100%}.video-btn:hover{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.25),rgba(var(--primary-color-rgb),.15));border-color:rgba(var(--primary-color-rgb),.6);transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px rgba(var(--primary-color-rgb),.25),inset 0 1px #fff3}.video-btn:active{transform:translateY(-1px) scale(1.01)}.play-icon-container{position:relative;display:flex;align-items:center;justify-content:center}.play-icon-svg{color:var(--primary-color);transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(var(--primary-color-rgb),.3))}.video-btn:hover .play-icon-svg{color:#fff;transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(var(--primary-color-rgb),.5))}.video-text{font-weight:500;letter-spacing:.3px}.play-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#6b7bff;border-radius:50%;font-size:12px}.platform-features{padding:80px 0}.section-title{text-align:center;font-size:36px!important;font-weight:700;margin-bottom:60px;color:#fff}.platform-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:60px;max-width:900px;margin-left:auto;margin-right:auto}.platform-feature-card{background:#3a383833;border-radius:15px;padding:25px 20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:10;box-shadow:0 8px 32px #0000004d;text-align:start;transition:all .3s ease}.platform-feature-card h4{font-size:14px;font-weight:600;color:#fff;margin:0}.course-card{position:relative;overflow:visible}.course-3d-icon{position:absolute;left:10px;top:950px;z-index:1;opacity:.6;pointer-events:none}.course-icon-image{width:250px;height:250px;object-fit:contain;filter:brightness(.8) saturate(150%);animation:courseFloat 5s ease-in-out infinite}.brending-card{position:relative;overflow:visible}.glass-decoration{position:absolute;right:20px;top:1100px;z-index:1;opacity:.6;pointer-events:none}.glass-deco-image{width:300px;height:300px;object-fit:contain;filter:brightness(.8) saturate(150%);animation:glassFloat 4s ease-in-out infinite}.minimal-card,.korporativ-card{position:relative;overflow:visible}.minimal-glass-decoration{position:absolute;left:-20px;top:550px;z-index:1;opacity:.6;pointer-events:none}.minimal-glass-image{width:250px;height:250px;object-fit:contain;filter:brightness(.8) saturate(150%);animation:minimalGlassFloat 4s ease-in-out infinite}.korporativ-glass-decoration{position:absolute;right:-10px;top:100px;z-index:1;opacity:.6;pointer-events:none}.korporativ-glass-image{width:330px;height:330px;object-fit:contain;filter:brightness(.8) saturate(150%);animation:korporativGlassFloat 4s ease-in-out infinite}@keyframes courseFloat{0%,to{transform:translateY(0) rotate(0) translate(0);filter:brightness(.8) saturate(150%)}20%{transform:translateY(-6px) rotate(3deg) translate(3px);filter:brightness(.9) saturate(160%)}40%{transform:translateY(-10px) rotate(0) translate(0);filter:brightness(1) saturate(170%)}60%{transform:translateY(-8px) rotate(-2deg) translate(-3px);filter:brightness(.95) saturate(165%)}80%{transform:translateY(-4px) rotate(1deg) translate(2px);filter:brightness(.9) saturate(160%)}}@keyframes glassFloat{0%,to{transform:translateY(0) rotate(0);filter:brightness(.8) saturate(150%)}25%{transform:translateY(-5px) rotate(2deg);filter:brightness(.9) saturate(160%)}50%{transform:translateY(-8px) rotate(0);filter:brightness(1) saturate(170%)}75%{transform:translateY(-5px) rotate(-2deg);filter:brightness(.9) saturate(160%)}}@keyframes minimalGlassFloat{0%,to{transform:translateY(0) rotate(0) translate(0);filter:brightness(.8) saturate(150%)}25%{transform:translateY(-6px) rotate(-2deg) translate(2px);filter:brightness(.9) saturate(160%)}50%{transform:translateY(-10px) rotate(0) translate(0);filter:brightness(1) saturate(170%)}75%{transform:translateY(-6px) rotate(2deg) translate(-2px);filter:brightness(.9) saturate(160%)}}@keyframes korporativGlassFloat{0%,to{transform:translateY(0) rotate(0) translate(0);filter:brightness(.8) saturate(150%)}25%{transform:translateY(-7px) rotate(2deg) translate(-2px);filter:brightness(.9) saturate(160%)}50%{transform:translateY(-12px) rotate(0) translate(0);filter:brightness(1) saturate(170%)}75%{transform:translateY(-7px) rotate(-2deg) translate(2px);filter:brightness(.9) saturate(160%)}}@keyframes samaraliDarsFloat{0%,to{transform:translateY(0) rotate(0) translate(0);filter:brightness(.8) saturate(150%)}25%{transform:translateY(-8px) rotate(-3deg) translate(3px);filter:brightness(.9) saturate(160%)}50%{transform:translateY(-15px) rotate(0) translate(0);filter:brightness(1) saturate(170%)}75%{transform:translateY(-8px) rotate(3deg) translate(-3px);filter:brightness(.9) saturate(160%)}}@keyframes oxirgiDarsFloat{0%,to{transform:translateY(0) rotate(0) translate(0);filter:brightness(.8) saturate(150%)}25%{transform:translateY(-10px) rotate(4deg) translate(-4px);filter:brightness(.9) saturate(160%)}50%{transform:translateY(-18px) rotate(0) translate(0);filter:brightness(1) saturate(170%)}75%{transform:translateY(-10px) rotate(-4deg) translate(4px);filter:brightness(.9) saturate(160%)}}.platform-actions{display:flex;justify-content:center;gap:30px}.btn-outline{background:#ffffff1a;color:#fff;border:2px solid var(--primary-color);width:200px;height:50px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn-outline:hover{background:#ffffff26;border-color:var(--primary-color);transform:translateY(-2px)}.floating-elements{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1}.floating-element{position:absolute;width:80px;height:80px;object-fit:contain;opacity:.6}.floating-1{top:15%;left:8%;width:100px;height:100px;animation:float1 6s ease-in-out infinite}.floating-2{top:70%;right:8%;width:120px;height:120px;animation:float2 8s ease-in-out infinite}.floating-3{bottom:25%;left:12%;width:90px;height:90px;animation:float3 7s ease-in-out infinite}.floating-4{top:40%;left:3%;width:80px;height:80px;animation:float1 5s ease-in-out infinite}.floating-5{bottom:15%;right:15%;width:110px;height:110px;animation:float2 7s ease-in-out infinite}.floating-6{top:30%;right:25%;width:95px;height:95px;animation:float3 6s ease-in-out infinite}.floating-7{bottom:30%;left:10%;width:95px;height:95px;animation:float3 6s ease-in-out infinite}@keyframes glitter{0%,to{filter:brightness(4) drop-shadow(0 0 10px rgba(255,255,255,.3));transform:scale(1)}25%{filter:brightness(1.3) drop-shadow(0 0 20px rgba(107,123,255,.6));transform:scale(1.05)}50%{filter:brightness(1.1) drop-shadow(0 0 15px rgba(255,255,255,.4));transform:scale(1.02)}75%{filter:brightness(1.4) drop-shadow(0 0 25px rgba(107,123,255,.8));transform:scale(1.08)}}.glitter-animation{animation:glitter 3s ease-in-out infinite}.glitter-animation:nth-child(2n){animation-delay:-1s}.glitter-animation:nth-child(3n){animation-delay:-2s}@keyframes float1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-30px) rotate(-180deg)}}@keyframes float3{0%,to{transform:translateY(0) translate(0) rotate(0)}33%{transform:translateY(-15px) translate(10px) rotate(120deg)}66%{transform:translateY(10px) translate(-10px) rotate(240deg)}}.neon-dots-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:.12;overflow:hidden}.neon-dot{position:absolute;width:50px;height:50px;border-radius:50%;background:#5b8bc7;opacity:.12;filter:blur(15px)}.neon-dot.white{background:#fff;opacity:.12}@keyframes neonBlink{0%,to{opacity:0}50%{opacity:.12}}@keyframes neonPulse{0%,to{opacity:0}50%{opacity:.08}}@keyframes whiteBlink{0%,to{opacity:0}50%{opacity:.06}}.neon-dot.blink{animation:neonBlink 5s ease-in-out infinite}.neon-dot.pulse{animation:neonPulse 5s ease-in-out infinite}.neon-dot.white.blink{animation:whiteBlink 5s ease-in-out infinite}.neon-dot:nth-child(2n){animation-delay:-1s}.neon-dot:nth-child(3n){animation-delay:-2s}.neon-dot:nth-child(4n){animation-delay:-3s}.neon-dot:nth-child(5n){animation-delay:-4s}.play-button-3d{position:absolute;top:-50px;left:-40px;z-index:1;opacity:.8;pointer-events:none}.play-btn-image{width:250px;height:250px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:playButtonFloat 4s ease-in-out infinite}@keyframes playButtonFloat{0%,to{transform:translateY(0) rotate(0);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2)) brightness(1)}25%{transform:translateY(-8px) rotate(2deg);filter:drop-shadow(0 8px 16px rgba(107,123,255,.3)) brightness(1.1)}50%{transform:translateY(-12px) rotate(0);filter:drop-shadow(0 12px 24px rgba(255,255,255,.2)) brightness(1.2)}75%{transform:translateY(-8px) rotate(-2deg);filter:drop-shadow(0 8px 16px rgba(107,123,255,.3)) brightness(1.1)}}.theme-toggle{cursor:pointer}.toggle-container{position:relative;width:40px;height:40px;background:#5a5a5a33;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--primary-color-rgb),.3);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.toggle-container:hover{background:#5a5a5a4d;border-color:rgba(var(--primary-color-rgb),.5);box-shadow:0 6px 20px #6b7bff33;transform:scale(1.05)}.theme-icon{position:absolute;color:#fff;transition:all .3s ease;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.theme-toggle:active .toggle-container{transform:scale(.95)}.sms-contact{position:fixed;bottom:30px;right:30px;z-index:1000;cursor:pointer}.sms-container{position:relative;width:60px;height:60px;background:rgba(var(--primary-color-rgb),.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(var(--primary-color-rgb),.4);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.3);animation:smsBounce 3s ease-in-out infinite}.sms-container:hover{background:rgba(var(--primary-color-rgb),.2);border-color:rgba(var(--primary-color-rgb),.6);box-shadow:0 12px 35px rgba(var(--primary-color-rgb),.5);transform:scale(1.1);animation-play-state:paused}.sms-icon{z-index:2;filter:drop-shadow(0 2px 4px rgba(var(--primary-color-rgb),.3));animation:smsIconPulse 2s ease-in-out infinite}.sms-pulse{position:absolute;inset:-2px;border:2px solid var(--primary-color);border-radius:50%;animation:smsPulse 2s ease-out infinite;opacity:0}@keyframes smsBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes smsIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes smsPulse{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}.sms-speech-bubble{position:absolute;bottom:80px;right:0;width:300px;background:#2d2d2df2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--primary-color-rgb),.4);border-radius:15px;box-shadow:0 10px 30px #0000004d;z-index:999;animation:bubbleSlideIn .3s ease-out}.sms-bubble-header{display:flex;align-items:center;justify-content:space-between;padding:12px 15px 8px;border-bottom:1px solid rgba(var(--primary-color-rgb),.2)}.sms-bubble-brand{color:var(--primary-color);font-size:14px;font-weight:600;letter-spacing:.5px}.sms-bubble-close{margin-left:auto;background:none;border:none;color:#999;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.sms-bubble-close:hover{background:#ffffff1a;color:#fff}.sms-bubble-content{padding:10px 15px 15px;display:flex;align-items:center;gap:15px}.sms-bubble-content p{color:#ccc;font-size:13px;line-height:1.4;margin:0;flex:1}.sms-telegram-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#08c,#06a);color:#fff;border:none;padding:10px 15px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;justify-content:center;flex-shrink:0;white-space:nowrap}.sms-telegram-btn:hover{background:linear-gradient(135deg,#09d,#07b);transform:translateY(-1px);box-shadow:0 4px 12px #0088cc4d}.sms-bubble-tail{position:absolute;bottom:-8px;right:25px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(45,45,45,.95)}@keyframes bubbleSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.sms-speech-bubble{width:calc(100vw - 40px);max-width:90vw;right:20px;left:20px;bottom:80px;border-radius:20px;position:fixed}.sms-bubble-tail{right:50px;bottom:-10px}.sms-bubble-header{padding:14px 16px 10px}.sms-bubble-brand{font-size:15px}.sms-bubble-content{padding:12px 16px 16px;display:flex;flex-direction:column;align-items:stretch;gap:12px}.sms-bubble-content p{font-size:14px;margin:0;line-height:1.5;flex:none;text-align:left}.sms-telegram-btn{padding:12px 20px;font-size:14px;border-radius:12px;flex-shrink:0;white-space:nowrap;width:100%;justify-content:center}.sms-telegram-btn svg{width:16px;height:16px}}@media(max-width:1024px)and (min-width:769px){.sms-speech-bubble{width:290px;right:-5px;bottom:75px}.sms-bubble-tail{right:30px}}@media(max-width:480px){.sms-speech-bubble{width:calc(100vw - 32px);max-width:90vw;right:16px;left:16px;bottom:80px;border-radius:20px;position:fixed}.sms-bubble-tail{right:40px;bottom:-10px}.sms-bubble-header{padding:14px 16px 10px}.sms-bubble-brand{font-size:14px}.sms-bubble-content{padding:12px 16px 16px;display:flex;flex-direction:column;align-items:stretch;gap:12px}.sms-bubble-content p{font-size:13px;margin:0;line-height:1.5;flex:none;text-align:left}.sms-telegram-btn{padding:12px 20px;font-size:13px;border-radius:12px;flex-shrink:0;white-space:nowrap;width:100%;justify-content:center}.sms-telegram-btn svg{width:15px;height:15px}}@media(min-width:1200px){.sms-speech-bubble{width:320px;right:5px;bottom:85px}.sms-bubble-tail{right:20px}.sms-bubble-content p{font-size:14px}.sms-telegram-btn{font-size:13px}}@media(max-width:360px){.sms-speech-bubble{width:calc(100vw - 24px);max-width:90vw;right:12px;left:12px;bottom:80px;border-radius:18px;position:fixed}.sms-bubble-tail{right:35px;bottom:-10px}.sms-bubble-header{padding:12px 14px 8px}.sms-bubble-brand{font-size:13px}.sms-bubble-content{padding:10px 14px 14px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.sms-bubble-content p{font-size:12px;margin:0;line-height:1.5;flex:none;text-align:left}.sms-telegram-btn{font-size:12px;padding:10px 18px;border-radius:10px;flex-shrink:0;white-space:nowrap;width:100%;justify-content:center}.sms-telegram-btn svg{width:14px;height:14px}}@media(max-height:500px)and (orientation:landscape){.sms-contact{bottom:10px;right:15px}.sms-container{width:40px;height:40px}.sms-icon{width:18px;height:18px}.sms-speech-bubble{width:250px;right:-15px;bottom:50px;border-radius:10px}.sms-bubble-header{padding:6px 8px 4px}.sms-bubble-brand{font-size:11px}.sms-bubble-close{width:18px;height:18px;font-size:16px}.sms-bubble-content{padding:8px 10px 10px;display:flex;flex-direction:column;align-items:stretch;gap:8px}.sms-bubble-content p{font-size:10px;margin:0;line-height:1.3;text-align:left}.sms-telegram-btn{padding:8px 12px;font-size:10px;width:100%;justify-content:center}.sms-bubble-tail{right:35px;border-top-width:6px;border-left-width:6px;border-right-width:6px;bottom:-6px}}@keyframes iconRotate{0%{transform:scale(.5) rotate(180deg);opacity:0}50%{transform:scale(.8) rotate(90deg);opacity:.5}to{transform:scale(1) rotate(0);opacity:1}}.theme-icon.switching{animation:iconRotate .4s ease-out forwards}.pricing-section{padding:80px 0 10px;position:relative;z-index:2}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px;max-width:1200px;margin-left:auto;margin-right:auto}.pricing-card{background:#3a383833;border:1px var(--primary-color);border-radius:20px;padding:15px 12px;backdrop-filter:blur(20px);z-index:10;-webkit-backdrop-filter:blur(20px);transition:all .3s ease;position:relative;overflow:visible}.pricing-card:hover{background:#3a38384d;border-color:var(--primary-color);transform:translateY(-10px);box-shadow:0 20px 40px #0006}.pricing-card:hover .tavsiya-badge{transform:translate(-50%) translateY(-2px);box-shadow:0 5px 15px #5a9a9a80,0 2px 6px #5a9a9ab3,inset 0 1px #fff6}.pricing-header{text-align:center;margin-bottom:8px}.pricing-header h3{font-size:20px;font-weight:600;color:#fff;margin:0}.pricing-features{margin-bottom:10px}.feature-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px;color:#fff}.feature-item:last-child{border-bottom:none}.feature-item.disabled{opacity:.5;color:#a0a0a0}.feature-value{font-weight:600;color:#fff}.feature-check{font-weight:700;color:#57f25c}.feature-item.disabled .feature-check{color:#ff6b6b}.pricing-price{text-align:center;font-size:14px;font-weight:700;color:#fff;background:#ffffff1a;border-radius:12px;padding:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pricing-action{text-align:center}.btn-pricing{background:#ffffff1a;color:#fff;border:1px solid rgba(var(--primary-color-rgb),.3);padding:10px 24px;border-radius:15px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.btn-pricing:hover{background:#ffffff26;border-color:rgba(var(--primary-color-rgb),.5);transform:translateY(-2px);box-shadow:0 10px 30px rgba(var(--primary-color-rgb),.2)}.pricing-header.minimal h3{color:#8b7355}.pricing-header.standard h3{color:#5a9a9a}.pricing-header.pro h3{color:#6b9b6b}.pricing-header.korporativ h3{color:#7a7a7a}.pricing-price{color:#fff!important}.pricing-price.minimal{background:linear-gradient(135deg,#8b735533,#8b73551a);border:2px solid rgba(139,115,85,.2)}.pricing-price.standard{background:linear-gradient(135deg,#5a9a9a33,#5a9a9a1a);border:2px solid rgba(90,154,154,.2)}.pricing-price.pro{background:linear-gradient(135deg,#6b9b6b33,#6b9b6b1a);border:2px solid rgba(107,155,107,.2)}.pricing-price.korporativ{background:linear-gradient(135deg,#7a7a7a33,#7a7a7a1a);border:2px solid rgba(122,122,122,.2)}.btn-pricing.minimal{background:#8b7355;color:#fff;border:1px solid #8b7355}.btn-pricing.minimal:hover{background:#9a8366;border-color:#9a8366}.btn-pricing.standard{background:#5a9a9a;color:#fff;border:1px solid #5a9a9a}.btn-pricing.standard:hover{background:#6babab;border-color:#6babab}.btn-pricing.pro{background:#6b9b6b;color:#fff;border:1px solid #6b9b6b}.btn-pricing.pro:hover{background:#7cac7c;border-color:#7cac7c}.btn-pricing.korporativ{background:#7a7a7a;color:#fff;border:1px solid #7a7a7a}.btn-pricing.korporativ:hover{background:#8b8b8b;border-color:#8b8b8b}.tavsiya-badge{position:absolute;top:-28px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#5a9a9a33,#5a9a9a1a);color:#fff;padding:5px 50px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:2px solid rgba(90,154,154,.2);z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.tavsiya-badge:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#5a9a9a,#3a7a7a);border-radius:17px;z-index:-1;opacity:.5;filter:blur(4px)}.articles-section{padding:80px 0;position:relative}.samarali-dars-card{position:relative;overflow:visible;z-index:10!important}.samarali-dars-decoration{position:absolute;left:-50px;top:140px;z-index:1;opacity:1;pointer-events:auto;cursor:pointer;transition:all .3s ease}.samarali-dars-decoration:hover{transform:scale(1.1) rotate(5deg);opacity:1}.samarali-dars-image{width:230px;height:230px;object-fit:contain;filter:brightness(.8) saturate(150%);transition:all .3s ease;animation:samaraliDarsFloat 4s ease-in-out infinite}.samarali-dars-decoration:hover .samarali-dars-image{filter:brightness(1.2) saturate(180%) drop-shadow(0 6px 12px rgba(107,123,255,.3))}.samarali-dars-card:hover .samarali-dars-image{filter:brightness(1.1) saturate(180%);opacity:.8;transform:scale(1.05)}.oxirgi-dars-card{position:relative;overflow:visible;z-index:10!important}.oxirgi-dars-decoration{position:absolute;right:-80px;top:390px;z-index:1;opacity:1;pointer-events:auto;cursor:pointer;transition:all .3s ease}.oxirgi-dars-decoration:hover{transform:scale(1.1) rotate(5deg);opacity:1}.oxirgi-dars-image{width:400px;height:400px;object-fit:contain;filter:brightness(.8) saturate(150%);transition:all .3s ease;animation:oxirgiDarsFloat 4s ease-in-out infinite}.oxirgi-dars-decoration:hover .oxirgi-dars-image{filter:brightness(1.2) saturate(180%) drop-shadow(0 6px 12px rgba(107,123,255,.3))}.oxirgi-dars-card:hover .oxirgi-dars-image{filter:brightness(1.1) saturate(180%);opacity:.8;transform:scale(1.05)}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:60px;max-width:1000px;margin-left:auto;margin-right:auto;position:relative;z-index:10!important}.article-card{background:#3a383833;border:1px solid #7EA2D4;border-radius:20px;padding:25px;height:200px;position:relative;z-index:10!important;width:300px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s ease;overflow:visible;box-shadow:0 8px 32px #0000004d;z-index:1}.article-card:hover{background:#3a38384d;border-color:#7ea2d4;transform:translateY(-5px);box-shadow:0 15px 40px #0006}.article-header{margin-bottom:15px;text-align:center;border:none;border-radius:8px;padding:10px;background:transparent}.article-header h3{font-size:16px;font-weight:600;color:#fff;margin:0}.article-content{margin-bottom:20px}.article-content p{font-size:12px;color:#a0a0a0;line-height:1.5;margin:0}.article-meta{display:flex;justify-content:space-between;align-items:center}.article-stats{display:flex;align-items:center;gap:160px;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.views{display:flex;align-items:center;gap:4px;color:var(--primary-color);font-size:10px}.views svg{opacity:.8}.date{color:#a0a0a0;font-size:10px}.articles-action{text-align:center}.btn-blog{background:#fff;color:#232323;border:none;padding:15px 30px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-blog:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 10px 30px #fff3}@media(max-width:600px){.header{padding:15px 0}.nav-menu{display:none}.hero{padding:40px 0;margin-top:70px;min-height:80vh}.hero-header-container{padding:30px 20px;margin-bottom:40px;margin-left:20px;margin-right:20px}.hero-title{font-size:28px;margin-bottom:30px}.hero-actions{flex-direction:column;gap:15px}.hero-features-grid{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.hero-feature-card{padding:25px 20px}.hero-feature-card h3{font-size:18px}.hero-feature-card p{font-size:13px}.platform-features-grid{grid-template-columns:1fr;gap:20px}.platform-feature-card h4{font-size:12px}.platform-actions{flex-direction:column;align-items:center}.floating-element{width:60px!important;height:60px!important}.lang-item{padding:4px 8px;gap:3px}.flag-img{width:18px;height:14px}.play-button-3d{top:60px;left:15px}.play-btn-image{width:60px;height:60px}.analytics-3d-icon{bottom:-40px;right:-10px}.analytics-icon-image-clear{width:80px;height:80px}.course-3d-icon{left:-40px;top:-20px}.course-icon-image{width:100px;height:100px}.glass-decoration{right:-40px;top:-20px}.glass-deco-image{width:100px;height:100px}.header-actions{gap:15px}.toggle-container{width:30px;height:30px}.theme-icon{width:16px;height:16px}.figma-content-area.finance-page{padding:24px!important;background:transparent!important;display:flex!important;flex-direction:column!important;gap:24px!important}.figma-content-area.finance-page .finance-stats-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important;margin-bottom:0!important}.figma-content-area.finance-page .finance-card{background:#1f2937cc!important;border:1px solid rgba(75,85,99,.5)!important;border-radius:12px!important;padding:20px!important;display:flex!important;flex-direction:column!important;gap:8px!important}.figma-content-area.finance-page .finance-card-header{margin:0!important}.figma-content-area.finance-page .finance-card-title{color:#9ca3af!important;font-size:14px!important;font-weight:500!important;margin:0!important}.figma-content-area.finance-page .finance-card-amount{color:#fff!important;font-size:28px!important;font-weight:600!important;line-height:1.2!important;margin:4px 0!important}.figma-content-area.finance-page .finance-card-subtitle{color:#10b981!important;font-size:12px!important;font-weight:500!important;margin:0!important}.figma-content-area.finance-page .finance-section{background:#1f2937cc!important;border:1px solid rgba(75,85,99,.5)!important;border-radius:12px!important;padding:24px!important}.figma-content-area.finance-page .section-header{margin-bottom:20px!important}.figma-content-area.finance-page .section-title{color:#9ca3af!important;font-size:18px!important;font-weight:600!important;margin:0!important}.figma-content-area.finance-page .payment-method-card{background:#111827cc!important;border:1px solid rgba(75,85,99,.3)!important;border-radius:8px!important;padding:16px!important;margin-bottom:16px!important}.figma-content-area.finance-page .payment-card-content{display:flex!important;justify-content:space-between!important;align-items:center!important}.figma-content-area.finance-page .payment-card-info{display:flex!important;flex-direction:column!important;gap:4px!important}.figma-content-area.finance-page .payment-card-name{color:#fff!important;font-size:14px!important;font-weight:500!important}.figma-content-area.finance-page .payment-card-number{color:#9ca3af!important;font-size:12px!important}.figma-content-area.finance-page .payment-card-badge{background:#10b981!important;color:#fff!important;padding:4px 12px!important;border-radius:16px!important;font-size:12px!important;font-weight:500!important}.figma-content-area.finance-page .add-payment-btn{background:transparent!important;border:1px solid rgba(75,85,99,.5)!important;color:#9ca3af!important;padding:12px 16px!important;border-radius:8px!important;font-size:14px!important;cursor:pointer!important;transition:all .2s!important}.figma-content-area.finance-page .add-payment-btn:hover{background:#4b556333!important;color:#fff!important}.figma-content-area.finance-page .transactions-table-wrapper{overflow-x:auto!important}.figma-content-area.finance-page .finance-transactions-table{width:100%!important;border-collapse:collapse!important}.figma-content-area.finance-page .finance-transactions-table th{color:#9ca3af!important;font-size:12px!important;font-weight:500!important;text-align:left!important;padding:12px!important;border-bottom:1px solid rgba(75,85,99,.3)!important}.figma-content-area.finance-page .finance-transactions-table td{color:#fff!important;font-size:14px!important;padding:12px!important;border-bottom:1px solid rgba(75,85,99,.2)!important}.figma-content-area.finance-page .status-completed{background:#10b98133!important;color:#10b981!important;padding:4px 8px!important;border-radius:12px!important;font-size:12px!important;font-weight:500!important}.figma-content-area.finance-page .promo-code-card{background:#111827cc!important;border:1px solid rgba(75,85,99,.3)!important;border-radius:8px!important;padding:16px!important;margin-bottom:16px!important}.figma-content-area.finance-page .promo-code-content{display:flex!important;justify-content:space-between!important;align-items:flex-start!important}.figma-content-area.finance-page .promo-code-info{display:flex!important;flex-direction:column!important;gap:4px!important}.figma-content-area.finance-page .promo-code-name{color:#fff!important;font-size:14px!important;font-weight:600!important}.figma-content-area.finance-page .promo-code-description{color:#9ca3af!important;font-size:12px!important}.figma-content-area.finance-page .promo-code-usage{color:#6b7280!important;font-size:11px!important}.figma-content-area.finance-page .promo-edit-btn{background:#3b82f633!important;border:1px solid rgba(59,130,246,.3)!important;color:#3b82f6!important;padding:6px 12px!important;border-radius:6px!important;font-size:12px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s!important}.figma-content-area.finance-page .promo-edit-btn:hover{background:#3b82f64d!important;color:#fff!important}.figma-content-area.finance-page .add-promo-btn{background:transparent!important;border:1px solid rgba(75,85,99,.5)!important;color:#9ca3af!important;padding:12px 16px!important;border-radius:8px!important;font-size:14px!important;cursor:pointer!important;transition:all .2s!important}.figma-content-area.finance-page .add-promo-btn:hover{background:#4b556333!important;color:#fff!important}@media(max-width:1200px){.figma-content-area.finance-page .finance-stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.figma-content-area.finance-page .finance-stats-grid{grid-template-columns:1fr!important}.figma-content-area.finance-page{padding:16px!important}.figma-content-area.finance-page .payment-card-content{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}.transactions-section{background:#141414cc;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:12px;padding:25px}.transactions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.transactions-title{font-size:18px;font-weight:600}.transactions-filters{display:flex;align-items:center;gap:15px}.transaction-search,.transaction-date-filter{background:#0a0a0ab3;border:1px solid rgba(var(--primary-color-rgb),.2);color:#fff;padding:10px 15px;border-radius:8px;font-size:14px;outline:none}.transaction-date-filter{color-scheme:dark}.transactions-table-container{overflow-x:auto}.transactions-table{width:100%;border-collapse:collapse}.transactions-table th,.transactions-table td{padding:15px;text-align:left;border-bottom:1px solid rgba(var(--primary-color-rgb),.1);font-size:14px;white-space:nowrap}.transactions-table th{color:#fff9;font-weight:500}.transactions-table td{color:#ffffffe6}.transactions-table tbody tr:hover{background:rgba(var(--primary-color-rgb),.05)}.amount.positive{color:#22c55e}.amount.negative{color:#ef4444}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-align:center}.status-badge.cleared{background-color:#22c55e26;color:#22c55e}.status-badge.paid{background-color:#3b82f626;color:#3b82f6}.status-badge.pending{background-color:#f9731626;color:#f97316}.status-badge.refunded{background-color:#8b5cf626;color:#8b5cf6}.status-badge.completed{background-color:#22c55e26;color:#22c55e}.finance-payment-methods{display:flex;flex-direction:column;gap:10px}.payment-method{display:flex;align-items:center;gap:15px;padding:15px;background:#0a0a0a80;border:1px solid rgba(var(--primary-color-rgb),.1);border-radius:8px}.payment-method-icon{font-size:20px}.payment-method-details{display:flex;flex-direction:column;flex:1}.payment-method-name{color:#fff;font-weight:500;font-size:14px}.payment-method-number{color:#fff9;font-size:12px}.payment-method-status.active{background-color:#22c55e26;color:#22c55e;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.promo-codes{display:flex;flex-direction:column;gap:10px}.promo-code{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#0a0a0a80;border:1px solid rgba(var(--primary-color-rgb),.1);border-radius:8px}.promo-code-info{display:flex;flex-direction:column}.promo-code-name{color:#fff;font-weight:600;font-size:14px;margin-bottom:4px}.promo-code-description{color:#fff9;font-size:12px}.promo-code-btn{background:rgba(var(--primary-color-rgb),.2);color:var(--primary-color);border:1px solid rgba(var(--primary-color-rgb),.3);padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.promo-code-btn:hover{background:rgba(var(--primary-color-rgb),.3);color:#fff}.my-courses-page{padding:20px}.my-courses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px;flex-wrap:wrap}.search-bar{display:flex;align-items:center;background:#141414cc;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:8px;padding:0 12px;flex-grow:1;max-width:400px}.search-bar svg{color:#ffffff80;margin-right:8px}.search-bar input{background:transparent;border:none;outline:none;color:#fff;padding:12px 0;font-size:14px;width:100%}.search-bar input::placeholder{color:#ffffff80}.filters{display:flex;gap:15px;align-items:center}.filter-select{background:#141414cc;border:1px solid rgba(var(--primary-color-rgb),.2);color:#fff;padding:10px 15px;border-radius:8px;font-size:14px;cursor:pointer;outline:none}.filter-select:hover{border-color:rgba(var(--primary-color-rgb),.4)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.course-card-figma{background:#141414cc;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.course-card-figma:hover{transform:translateY(-5px);border-color:rgba(var(--primary-color-rgb),.4);box-shadow:0 10px 25px #0000004d}.course-card-thumbnail{position:relative}.course-card-thumbnail img{width:100%;height:170px;object-fit:cover;display:block}.course-card-status{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.5px}.course-card-status.published{background:#22c55ecc}.course-card-status.draft{background:#f97316cc}.course-card-content{padding:18px;display:flex;flex-direction:column;flex-grow:1}.course-card-category{font-size:12px;color:var(--primary-color);margin-bottom:8px;font-weight:500}.course-card-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:12px;line-height:1.4;flex-grow:1}.course-card-meta{display:flex;gap:15px;font-size:12px;color:#fff9;margin-bottom:18px}.course-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(var(--primary-color-rgb),.1);padding-top:15px}.course-card-price{font-size:18px;font-weight:600;color:#fff}.course-card-actions{display:flex;gap:8px}.action-btn-icon{background:rgba(var(--primary-color-rgb),.1);border:1px solid rgba(var(--primary-color-rgb),.2);color:#ffffffb3;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-btn-icon:hover{background:rgba(var(--primary-color-rgb),.2);border-color:rgba(var(--primary-color-rgb),.4);color:#fff}.action-btn-icon.delete:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.no-results{color:#ffffffb3;text-align:center;grid-column:1 / -1;padding:40px}}.sms-contact{bottom:20px;right:20px}.sms-container{width:50px;height:50px}.sms-icon{width:22px;height:22px}.sms-speech-bubble{bottom:70px}.pricing-section{padding:40px 0}.pricing-card{padding:25px 20px}.pricing-header h3{font-size:16px}.pricing-price{font-size:20px;padding:12px}.btn-pricing{padding:15px 30px;font-size:14px}.articles-section{padding:40px 0}.article-card{padding:20px}.article-header h3{font-size:14px}.btn-blog{padding:12px 25px;font-size:12px}@media(max-width:1024px)and (min-width:769px){.articles-grid{grid-template-columns:repeat(2,1fr);margin-left:auto!important;margin-right:auto!important;max-width:800px!important;justify-items:center}}@media(max-width:480px){.section-title{font-size:24px}.pricing-grid,.articles-grid{grid-template-columns:1fr;gap:20px}.sms-contact{bottom:15px;right:15px}.sms-container{width:45px;height:45px;border-width:1.5px}.sms-icon{width:20px;height:20px}}.advice-section{padding:80px 0;background:#23232380;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:visible}.advice-section .container{position:relative;overflow:visible}.advice-card{background:linear-gradient(135deg,#2d2d2df2,#232323f2);border:1px solid rgba(var(--primary-color-rgb),.4);border-radius:20px;padding:40px;max-width:600px;margin:0 auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 45px rgba(var(--primary-color-rgb),.28),0 -18px 45px rgba(var(--primary-color-rgb),.24);position:relative;z-index:1;overflow:visible}.advice-card:before{content:"";position:absolute;top:-32px;left:8%;right:8%;height:38px;border-radius:50%;background:radial-gradient(circle,rgba(var(--primary-color-rgb),.26),transparent 70%);filter:blur(24px);opacity:.9;pointer-events:none;z-index:0}.advice-card:after{content:"";position:absolute;bottom:-32px;left:8%;right:8%;height:38px;border-radius:50%;background:radial-gradient(circle,rgba(var(--primary-color-rgb),.26),transparent 70%);filter:blur(24px);opacity:.9;pointer-events:none;z-index:0}.advice-card>*{position:relative;z-index:1}.advice-title{color:#fff;font-size:28px;font-weight:600;text-align:center;margin-bottom:30px}.advice-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:15px;color:#fff;font-size:16px;transition:all .3s ease}.form-input::placeholder{color:#ffffff80}.form-input:focus{outline:none;border-color:#6b7bff;box-shadow:0 0 0 2px #6b7bff33;background:#ffffff26}.advice-submit{background:linear-gradient(135deg,var(--primary-color),#9bb4dd);color:#fff;border:none;border-radius:10px;padding:15px 30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;align-self:center;min-width:200px}.advice-submit:hover{background:linear-gradient(135deg,#6b90c7,var(--primary-color));transform:translateY(-2px);box-shadow:0 10px 30px rgba(var(--primary-color-rgb),.4)}.advice-glass-decoration{position:absolute;top:-30px;right:-180px;z-index:1;pointer-events:none;animation:floatGlass 6s ease-in-out infinite}.advice-glass-image{width:200px;height:200px;object-fit:contain;opacity:.7;filter:blur(.5px);animation:rotateGlass 12s linear infinite}@keyframes floatGlass{0%,to{transform:translateY(0) translate(0) scale(1)}25%{transform:translateY(-10px) translate(5px) scale(1.05)}50%{transform:translateY(-5px) translate(-8px) scale(.95)}75%{transform:translateY(-15px) translate(3px) scale(1.02)}}@keyframes rotateGlass{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.advice-glass-decoration-left{position:absolute;top:260px;left:-190px;z-index:1;pointer-events:none;animation:floatGlass 6s ease-in-out infinite}.advice-glass-image-left{width:200px;height:200px;object-fit:contain;opacity:.7;filter:blur(.5px);animation:rotateGlass 12s linear infinite}.login-section{text-align:center;margin:20px 0 40px}.btn-login-main{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);color:#fff;padding:18px 50px;border-radius:15px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:250px}.btn-login-main:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);transform:translateY(-2px);box-shadow:0 10px 30px #ffffff1a}.footer{background:linear-gradient(135deg,#141414f2,#232323f2);border-top:1px solid rgba(255,255,255,.1);padding:60px 0 30px;margin-top:100px}.footer-content{display:flex;flex-direction:column;align-items:center;gap:30px;margin-bottom:50px}.footer-logo-section{text-align:center}.footer-logo-text{display:inline-flex;align-items:baseline;font-family:inherit;font-size:34px;font-weight:700;letter-spacing:-.4px;line-height:1;color:#fff}.footer-logo-img{height:40px;width:auto}.footer-nav{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;align-items:center}.footer-nav-item{color:#a0a0a0;text-decoration:none;font-size:16px;transition:color .3s ease;white-space:nowrap}.footer-nav-item:hover{color:#fff}.payment-methods{display:flex;gap:25px;justify-content:center;align-items:center}.payment-logo{height:40px;width:auto;object-fit:contain;opacity:.7;transition:all .3s ease}.payment-logo:hover{opacity:1;transform:translateY(-2px)}.footer-contact{display:flex;gap:40px;justify-content:center;align-items:center;color:#a0a0a0;font-size:16px;flex-wrap:wrap}.footer-contact-item{display:flex;align-items:center;gap:8px;white-space:nowrap}.footer-contact-item .contact-icon{color:var(--primary-color);width:16px;height:16px;flex-shrink:0}.social-links{display:flex;gap:20px;justify-content:center;align-items:center}.social-link{width:45px;height:45px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#a0a0a0;transition:all .3s ease;text-decoration:none}.social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;transform:translateY(-2px)}.social-link.telegram:hover{background:#08c;color:#fff;transform:translateY(-2px)}.social-link.facebook:hover{background:#1877f2;color:#fff;transform:translateY(-2px)}.social-link.gmail:hover{background:#ea4335;color:#fff;transform:translateY(-2px)}.social-link.linkedin:hover{background:#0077b5;color:#fff;transform:translateY(-2px)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);color:#666;font-size:14px}.figma-dashboard{min-height:100vh;background:#232323;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body:has(.figma-dashboard){padding-top:0!important;overflow:auto!important;height:auto!important}.figma-header{display:flex;align-items:center;justify-content:space-between;padding:15px 40px;background:#232323;border-bottom:1px solid rgba(255,255,255,.1);position:fixed;top:0;left:0;right:0;width:100vw;height:70px;z-index:1000;box-sizing:border-box;transform:translateZ(0);will-change:auto}.figma-logo h1{font-family:League Spartan,sans-serif;font-size:32px;font-weight:600;color:#fff;margin:0 0 0 50px;letter-spacing:-.5px}.figma-logo span{color:var(--primary-color)}.figma-header-buttons{display:flex;gap:15px;align-items:center}.figma-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 18px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.figma-btn:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1)}.figma-btn-primary{background:var(--primary-color);border-color:var(--primary-color)}.figma-btn-primary:hover{background:#6b90c7}.figma-btn-logout{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.figma-btn-logout:hover{background:#ef444433;border-color:#ef4444;color:#fff}.figma-main-layout{display:flex;padding:30px 40px;gap:0;min-height:calc(100vh - 70px);margin-top:70px;position:relative}.figma-sidebar{width:240px;flex-shrink:0;border-right:1px solid rgba(var(--primary-color-rgb),.2);padding-right:20px;position:fixed;top:90px;left:40px;height:calc(100vh - 90px);overflow-y:auto;z-index:500;background:#232323;transform:translateZ(0);display:flex;flex-direction:column;will-change:auto}.figma-menu-section{margin-bottom:12px}.figma-menu-parent{background:#3a38384d;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:15px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease}.figma-menu-parent.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.figma-menu-parent:hover{background:rgba(var(--primary-color-rgb),.1);border-color:var(--primary-color)}.figma-menu-title{color:var(--primary-color);font-size:14px;font-weight:500}.figma-menu-arrow{color:var(--primary-color);font-size:10px;transition:transform .3s ease}.figma-menu-children{background:#282828cc;border-top:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px;margin-top:0;padding:8px 16px 12px;border-left:.5px solid rgba(var(--primary-color-rgb),.2);border-right:.5px solid rgba(var(--primary-color-rgb),.2);border-bottom:.5px solid rgba(var(--primary-color-rgb),.2);max-height:500px;opacity:1;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,padding .3s ease}.figma-menu-children.hidden{max-height:0;opacity:0;padding-top:0;padding-bottom:0;border:none}.figma-menu-child{display:block;color:#a0a0a0;text-decoration:none;padding:8px 12px;font-size:13px;font-weight:400;border-bottom:1px solid rgba(255,255,255,.05);transition:color .3s ease;border-radius:6px}.figma-menu-child:last-child{border-bottom:none}.figma-menu-child:hover{color:#fff;background:#ffffff0d}.figma-menu-child.active{color:#fff!important;font-weight:500;background:transparent!important}.figma-menu-single{margin-bottom:12px}.figma-single-link{display:block;background:#3a38384d;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:15px;padding:12px 16px;color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:400;transition:all .3s ease}.figma-single-link:hover{background:rgba(var(--primary-color-rgb),.1);border-color:var(--primary-color)}.figma-subscription .figma-single-link{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.15),rgba(var(--primary-color-rgb),.05));border:1px solid rgba(var(--primary-color-rgb),.3);font-weight:500;text-align:center;box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.1)}.figma-subscription .figma-single-link:hover{background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.25),rgba(var(--primary-color-rgb),.15));border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.2)}.figma-subscription{margin-top:auto;width:220px;padding-top:20px;border-top:1px solid rgba(var(--primary-color-rgb),.2)}.figma-content-area{flex:1;margin-left:260px;padding-top:20px;position:relative;z-index:1}.figma-profile-section{background:#3a38384d;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:20px;padding:30px;margin-bottom:30px;display:flex;align-items:center;gap:25px;margin-top:-30px}.figma-profile-avatar{flex-shrink:0}.figma-avatar-circle{width:100px;height:100px;border-radius:50%;background:#ffffff1a;border:3px solid var(--primary-color);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.3)}.figma-avatar-circle svg{width:40px;height:40px;color:#a0a0a0}.figma-avatar-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}.figma-profile-info{flex:1}.figma-profile-name{font-size:24px;font-weight:600;color:#fff;margin:0 0 6px}.figma-profile-title{font-size:14px;color:#a0a0a0;margin:0 0 2px}.figma-profile-location{font-size:14px;color:#a0a0a0;margin:0 0 8px}.figma-profile-rating{display:flex;align-items:center;gap:8px;font-size:13px}.figma-stars{display:flex;gap:2px;align-items:center}.star-icon{fill:gold}.figma-rating-text{color:orange;font-weight:500}.figma-joined{color:#a0a0a0}.figma-profile-buttons{display:flex;flex-direction:column;gap:10px}.figma-profile-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .3s ease;min-width:120px}.figma-profile-btn:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1)}.figma-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.figma-stats-card{background:#3a38384d;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:20px;padding:20px}.figma-stats-title{font-size:16px;font-weight:500;color:var(--primary-color);margin:0 0 16px}.figma-stats-list{display:flex;flex-direction:column;gap:8px}.figma-stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.figma-stat-row:last-child{border-bottom:none}.figma-stat-label{color:#a0a0a0;font-size:13px}.figma-stat-value{color:#fff;font-size:14px;font-weight:600}.figma-achievements-list{display:flex;flex-direction:column;gap:8px}.figma-achievement-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.figma-achievement-item:last-child{border-bottom:none}.figma-achievement-check{color:#4ade80;font-size:14px;font-weight:700}.figma-achievement-text{color:#fff;font-size:13px}.figma-bio-text{color:#a0a0a0;font-size:13px;line-height:1.5;margin:0}@media(max-width:1024px){.figma-stats-grid{grid-template-columns:1fr}.figma-main-layout{flex-direction:column}.figma-sidebar{width:100%}.figma-subscription{position:static;width:auto;margin-top:20px}}@media(max-width:768px){.figma-header{flex-direction:column;gap:15px;padding:20px}.figma-header-buttons{flex-wrap:wrap;justify-content:center}.figma-profile-section{flex-direction:column;text-align:center}.figma-profile-buttons{flex-direction:row;justify-content:center}.figma-main-layout{padding:20px}}.messages-container{height:calc(100vh - 120px);overflow:hidden;position:fixed;top:90px;left:320px;right:40px}.messages-welcome{background:#3a38384d;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:20px;height:100%;display:flex;flex-direction:column}.messages-header{display:flex;align-items:center;justify-content:space-between;padding:30px;border-bottom:1px solid rgba(var(--primary-color-rgb),.2)}.messages-header h3{color:#fff;font-size:24px;font-weight:600;margin:0}.create-group-btn{display:flex;align-items:center;gap:8px;background:var(--primary-color);color:#fff;border:none;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.create-group-btn:hover{background:#6b90c7}.create-group-btn svg{color:#fff}.messages-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 40px}.placeholder-icon{margin-bottom:30px;opacity:.6}.placeholder-icon svg{color:var(--primary-color)}.messages-placeholder h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:12px}.messages-placeholder p{color:#ffffffb3;font-size:16px;line-height:1.6;max-width:400px}.create-course-form{max-width:1200px;width:100%;padding:0 20px}.course-section{background:#3a38384d;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:20px;padding:30px;margin-bottom:25px}.course-section-title{color:var(--primary-color);font-size:20px;font-weight:600;margin-bottom:25px}.upload-area{border:2px dashed rgba(var(--primary-color-rgb),.3);border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#ffffff0d}.upload-area:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1)}.upload-icon{color:var(--primary-color);margin-bottom:15px}.upload-text p{color:#fff;font-size:16px;font-weight:500;margin-bottom:8px}.upload-text small{color:#fff9;font-size:13px}.image-preview{position:relative;border-radius:12px;overflow:hidden}.image-preview img{width:100%;height:200px;object-fit:cover;display:block}.image-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:15px;opacity:0;transition:opacity .3s ease}.image-preview:hover .image-overlay{opacity:1}.image-action-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.image-action-btn:hover{background:#ffffff4d}.image-action-btn.delete{border-color:#ff636380;color:#ff6363}.image-action-btn.delete:hover{background:#ff636333}.hidden{display:none!important}.radio-group{display:flex;gap:30px;margin-top:8px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;color:#fff;font-size:14px}.radio-option input[type=radio]{display:none}.radio-custom{width:18px;height:18px;border:2px solid rgba(var(--primary-color-rgb),.5);border-radius:50%;position:relative;transition:all .3s ease}.radio-option input[type=radio]:checked+.radio-custom{border-color:var(--primary-color);background:var(--primary-color)}.radio-option input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}.info-tip{background:rgba(var(--primary-color-rgb),.1);border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:8px;padding:12px 16px;display:flex;align-items:flex-start;gap:10px;margin-bottom:25px;color:var(--primary-color);font-size:13px}.info-tip svg{color:var(--primary-color);flex-shrink:0;margin-top:1px}.modules-container{margin-top:25px;overflow:visible}.module-item{background:#28282880;border:1px solid rgba(var(--primary-color-rgb),.15);border-radius:12px;margin-bottom:80px;overflow:visible;position:relative}.module-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:rgba(var(--primary-color-rgb),.05)}.module-info h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.module-info p{color:#fff9;font-size:13px}.module-actions{display:flex;gap:10px}.action-btn{background:transparent;border:1px solid rgba(var(--primary-color-rgb),.3);color:var(--primary-color);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:rgba(var(--primary-color-rgb),.1)}.action-btn.delete{border-color:#ff63634d;color:#ff6363}.action-btn.delete:hover{background:#ff63631a}.lessons-list{padding:15px 25px 20px;overflow:visible;position:relative}.lesson-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#fffc;font-size:14px}.lesson-item:last-child{border-bottom:none;margin-bottom:15px}.add-lesson-dropdown{position:relative;display:flex;justify-content:center;margin-top:15px}.add-btn{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:background-color .3s ease}.add-btn:hover{background:#6b90c7}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#282828fa;border:1px solid rgba(var(--primary-color-rgb),.3);border-radius:8px;padding:6px 0;min-width:150px;z-index:9999;display:none;box-shadow:0 4px 16px #00000080;margin-top:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dropdown-menu.show{display:block!important}.dropdown-menu a{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--primary-color);text-decoration:none;font-size:13px;transition:all .2s ease;cursor:pointer}.dropdown-menu a:hover{background:rgba(var(--primary-color-rgb),.15);color:#fff}.dropdown-menu a svg{width:16px;height:16px;flex-shrink:0}.lesson-form{background:#1e1e1ecc;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:12px;padding:20px;margin-bottom:15px}.lesson-form h5{color:var(--primary-color);font-size:16px;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(var(--primary-color-rgb),.2)}.lesson-form .form-group{margin-bottom:15px}.lesson-form .form-group label{display:block;color:#fff;font-size:13px;font-weight:500;margin-bottom:8px}.lesson-form .form-group input,.lesson-form .form-group textarea{width:100%;background:#141414cc;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;transition:border-color .3s ease}.lesson-form .form-group input:focus,.lesson-form .form-group textarea:focus{outline:none;border-color:var(--primary-color)}.lesson-form .form-group textarea{resize:vertical;font-family:inherit}.lesson-form .form-actions{display:flex;gap:12px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(var(--primary-color-rgb),.1)}.content-type-hint{color:#fff9;font-size:13px;margin:8px 0 12px;font-style:italic}.content-type-selector{display:flex;gap:20px;margin-top:8px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.radio-option:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.radio-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.radio-option span{color:#ffffffe6;font-size:14px;font-weight:500}.assignment-text-content textarea{border:2px solid var(--border-color)!important;background:var(--bg-tertiary)!important;transition:all .3s ease}.assignment-text-content textarea:focus{border-color:var(--primary-color)!important;background:var(--bg-secondary)!important;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)!important}.file-upload-area{border:2px dashed var(--border-color);border-radius:12px;padding:30px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--bg-tertiary);margin-top:8px}.file-upload-area:hover{border-color:var(--primary-color);background:var(--bg-secondary)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-placeholder svg{color:var(--primary-color);opacity:.7;margin-bottom:8px}.upload-placeholder p{color:#ffffffe6;font-size:15px;font-weight:500;margin:0}.upload-placeholder span{color:#ffffff80;font-size:13px}.file-preview{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--primary-light);border-radius:8px;border:1px solid var(--border-color)}.file-info{display:flex;align-items:center;gap:12px;flex:1}.file-info svg{color:var(--primary-color);flex-shrink:0}.file-name{color:#ffffffe6;font-size:14px;font-weight:500;margin-right:8px}.file-size{color:#ffffff80;font-size:12px}.remove-file-btn{background:#ff3b3033;border:1px solid rgba(255,59,48,.4);border-radius:6px;padding:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.remove-file-btn:hover{background:#ff3b304d;border-color:#ff3b3099}.remove-file-btn svg{color:#ff3b30}.save-lesson-btn{background:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.save-lesson-btn:hover{background:#6b90c7}.cancel-lesson-btn{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.answer-checkbox,.answer-radio{width:24px;height:24px;border:2px solid rgba(var(--primary-color-rgb),.5);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;font-size:16px;color:transparent}.answer-radio{border-radius:50%}.answer-checkbox:hover,.answer-radio:hover{border-color:rgba(var(--primary-color-rgb),.8);background:rgba(var(--primary-color-rgb),.1)}.answer-checkbox.checked{background:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color)}.answer-checkbox.checked:before{content:"✓";color:var(--primary-color);font-weight:700;font-size:16px}.answer-radio.checked{background:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color)}.answer-radio.checked:before{content:"";width:10px;height:10px;background:var(--primary-color);border-radius:50%}.cancel-lesson-btn:hover{background:#ffffff0d;color:#fff;border-color:#ffffff4d}.module-header.expanded{border-bottom:1px solid rgba(var(--primary-color-rgb),.2)}.add-module-btn{background:transparent;border:2px dashed rgba(var(--primary-color-rgb),.3);color:var(--primary-color);padding:20px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;margin-top:15px}.add-module-btn:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.05)}.settings-list{margin-top:20px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.05)}.setting-item:last-child{border-bottom:none}.setting-info h4{color:#fff;font-size:14px;font-weight:500;margin-bottom:4px}.setting-info p{color:#fff9;font-size:13px}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#fff3;transition:.4s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary-color)}input:checked+.toggle-slider:before{transform:translate(24px)}.course-actions{display:flex;justify-content:flex-end;gap:15px;padding:30px 0;margin-top:20px}.edit-profile-form{max-width:1200px;width:100%;padding:0 20px}.profile-section{background:#3a38384d;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:20px;padding:25px;margin-bottom:25px}.section-title{color:var(--primary-color);font-size:18px;font-weight:600;margin:0 0 20px}.profile-picture-section{margin-bottom:25px}.field-label{display:block;color:#fff;font-size:14px;font-weight:500;margin-bottom:8px}.profile-picture-upload{border:2px dashed rgba(var(--primary-color-rgb),.3);border-radius:12px;padding:30px;text-align:center;cursor:pointer;transition:all .3s ease}.profile-picture-upload:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.05)}.profile-picture-preview{background:#ffffff1a;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:#a0a0a0}.upload-instructions p{color:#fff;margin:0 0 5px;font-size:14px}.upload-instructions small{color:#a0a0a0;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-field{margin-bottom:20px}.form-field:last-child{margin-bottom:0}.form-input,.form-textarea{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;transition:all .3s ease;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);background:#ffffff26}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff80}.form-textarea{min-height:100px;resize:vertical;font-family:inherit}.form-actions{display:flex;gap:15px;justify-content:flex-end;padding:20px 0;margin-top:10px}.btn-cancel,.btn-cancel-profile{background:#3a383880;border:1px solid rgba(var(--primary-color-rgb),.3);color:#ffffffe6;padding:12px 32px;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:15px;font-weight:500;box-shadow:0 2px 8px #0003}.btn-cancel:hover,.btn-cancel-profile:hover{border-color:rgba(var(--primary-color-rgb),.6);background:rgba(var(--primary-color-rgb),.15);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-save,.btn-save-profile{background:linear-gradient(135deg,var(--primary-color) 0%,#5a8bc4 100%);border:1px solid rgba(var(--primary-color-rgb),.5);color:#fff;padding:12px 32px;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:15px;font-weight:600;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3);position:relative;overflow:hidden}.btn-save:before,.btn-save-profile:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-save:hover:before,.btn-save-profile:hover:before{left:100%}.btn-save:hover,.btn-save-profile:hover{background:linear-gradient(135deg,#6a92c4,#4a7bb4);transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--primary-color-rgb),.4)}.btn-save:active,.btn-save-profile:active{transform:translateY(0);box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.3)}@media(max-width:768px){.form-row{grid-template-columns:1fr}.edit-profile-form{padding:0 10px}.profile-section{padding:20px 15px}.form-actions{flex-direction:column-reverse;gap:12px}.btn-cancel,.btn-cancel-profile,.btn-save,.btn-save-profile{width:100%;padding:14px 24px}.btn-cancel,.btn-save{width:100%}}.dashboard-top-header{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background:#232323;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-logo .brand-text{font-size:28px;font-weight:700;color:#fff;margin:0}.dashboard-logo .brand-highlight{color:var(--primary-color)}.dashboard-title h2{font-size:32px;font-weight:600;color:var(--primary-color);margin:0}.dashboard-actions{display:flex;gap:15px}.dash-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.dash-btn:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1)}.dash-btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.dash-btn-primary:hover{background:#6b90c7;border-color:#6b90c7}.dashboard-content{display:flex;padding:30px 40px;gap:30px;min-height:calc(100vh - 120px)}.dashboard-sidebar{width:280px;flex-shrink:0}.sidebar-section{margin-bottom:20px}.sidebar-section-title{color:var(--primary-color);font-size:16px;font-weight:600;margin-bottom:15px}.sidebar-menu{background:#3a38384d;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:15px;padding:15px}.sidebar-item{display:block;color:#a0a0a0;text-decoration:none;padding:12px 0;font-size:14px;font-weight:500;transition:color .3s ease;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-item:last-child{border-bottom:none}.sidebar-item:hover{color:#fff}.sidebar-item.active{color:#fff;font-weight:600}.sidebar-section-link{display:block;background:#3a38384d;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:15px;padding:15px 20px;color:var(--primary-color);text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease}.sidebar-section-link:hover{background:rgba(var(--primary-color-rgb),.1);border-color:var(--primary-color)}.dashboard-main-content{flex:1}.profile-card{background:#3a38384d;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:20px;padding:30px;margin-bottom:30px;display:flex;align-items:center;gap:30px}.profile-avatar{flex-shrink:0}.avatar-circle{width:80px;height:80px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2)}.avatar-icon{font-size:32px;color:#a0a0a0}.profile-info{flex:1}.profile-name{font-size:28px;font-weight:600;color:#fff;margin:0 0 8px}.profile-title{font-size:16px;color:#a0a0a0;margin:0 0 4px}.profile-location{font-size:14px;color:#a0a0a0;margin:0 0 12px}.profile-rating{display:flex;align-items:center;gap:8px;font-size:14px}.stars{color:gold}.rating-text{color:var(--primary-color);font-weight:500}.joined-text{color:#a0a0a0}.profile-actions{display:flex;flex-direction:column;gap:12px}.profile-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;min-width:140px}.profile-btn:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1)}.stats-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-card{background:#3a38384d;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:20px;padding:25px}.stat-title{font-size:18px;font-weight:600;color:var(--primary-color);margin:0 0 20px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.stat-item:last-child{border-bottom:none}.stat-label{color:#a0a0a0;font-size:14px}.stat-value{color:#fff;font-size:16px;font-weight:600}.achievement-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.achievement-item:last-child{border-bottom:none}.achievement-icon{font-size:16px}.achievement-text{color:#fff;font-size:14px}.bio-text{color:#a0a0a0;font-size:14px;line-height:1.6;margin:0}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal.hidden{display:none}.modal-content{background:#3a3838f2;border:1px solid rgba(var(--primary-color-rgb),.3);border-radius:20px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{color:#fff;margin:0}.modal-close{background:none;border:none;color:#a0a0a0;font-size:24px;cursor:pointer;transition:color .3s ease}.modal-close:hover{color:#fff}.modal-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#fff;font-size:14px;font-weight:500}.form-group input,.form-group textarea,.form-group select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;color:#fff;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);background:#ffffff26}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1)}.btn-submit{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-submit:hover{background:#6b90c7;border-color:#6b90c7}@media(max-width:1024px){.stats-cards-grid{grid-template-columns:1fr}.dashboard-content{flex-direction:column}.dashboard-sidebar{width:100%}}@media(max-width:768px){.dashboard-top-header{flex-direction:column;gap:20px;padding:20px}.dashboard-actions{flex-wrap:wrap;justify-content:center}.profile-card{flex-direction:column;text-align:center}.profile-actions{flex-direction:row;justify-content:center}.dashboard-content{padding:20px}}@media(max-width:768px){.footer-content{gap:25px}.footer-logo-text{font-size:30px}.footer-logo-img{height:40px}.footer-nav{gap:20px;flex-direction:row}.footer-nav-item{font-size:14px}.payment-methods{gap:15px;flex-wrap:wrap}.payment-logo{height:40px}.footer-contact{gap:20px;flex-direction:column;font-size:14px}.footer-contact-item{gap:6px}.footer-contact-item .contact-icon{width:14px;height:14px}.social-links{gap:15px}.social-link{width:40px;height:40px}.advice-section{padding:70px 0}.advice-card{padding:30px 20px;margin:0 20px;box-shadow:0 18px 45px rgba(var(--primary-color-rgb),.28),0 -18px 45px rgba(var(--primary-color-rgb),.24)}.advice-title{font-size:24px}.form-row{grid-template-columns:1fr;gap:10px}.advice-glass-decoration{top:-20px;right:-30px}.advice-glass-image{width:80px;height:80px;opacity:.5}.advice-glass-decoration-left{top:-20px;left:-30px}.advice-glass-image-left{width:80px;height:80px;opacity:.5}}.courses-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.search-section{flex:1;max-width:400px}.search-input-wrapper{position:relative;width:100%}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#ffffff80}#courseSearchInput{width:100%;background:#3a38384d;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:8px;padding:12px 12px 12px 40px;color:#ffffffe6;font-size:14px;transition:all .2s}#courseSearchInput:focus{outline:none;border-color:rgba(var(--primary-color-rgb),.5);background:#3a383880}#courseSearchInput::placeholder{color:#ffffff80}.sort-section{flex-shrink:0}#courseSortSelect{background:#3a38384d;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:8px;padding:12px 16px;color:#ffffffe6;font-size:14px;min-width:150px;cursor:pointer}#courseSortSelect:focus{outline:none;border-color:rgba(var(--primary-color-rgb),.5)}#courseSortSelect option{background:#232323;color:#ffffffe6}.status-active{background:#4ade80;color:#000}.status-draft{background:#f59e0b;color:#000}.status-archived{background:#6b7280;color:#fff}.course-stats-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.stats-modal-content{background:#232323;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.stats-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(var(--primary-color-rgb),.1)}.stats-modal-header h3{color:#ffffffe6;margin:0;font-size:18px}.close-modal-btn{background:none;border:none;color:#ffffffb3;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-modal-btn:hover{background:#ffffff1a;color:#ffffffe6}.stats-modal-body{padding:25px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.stat-item{background:#3a38384d;border:1px solid rgba(var(--primary-color-rgb),.1);border-radius:12px;padding:16px;text-align:center}.stat-value{font-size:24px;font-weight:600;color:rgba(var(--primary-color-rgb),1);margin-bottom:4px}.stat-label{font-size:12px;color:#fff9}.stats-details{background:#3a38384d;border:1px solid rgba(var(--primary-color-rgb),.1);border-radius:12px;padding:20px}.stats-details h4{color:#ffffffe6;margin:0 0 12px;font-size:16px}.stats-details p{color:#ffffffb3;margin:8px 0;font-size:14px}.stats-details strong{color:rgba(var(--primary-color-rgb),.8)}.message-toast{position:fixed;top:20px;right:20px;background:#3a3838f2;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:8px;padding:12px 16px;color:#ffffffe6;font-size:14px;z-index:1001;opacity:0;transform:translate(100%);transition:all .3s ease}.message-toast.show{opacity:1;transform:translate(0)}.message-toast.message-success{border-color:#4ade8066;background:#10b9811a}.message-toast.message-error{border-color:#f8717166;background:#ef44441a}.my-courses-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;margin-top:-20px}.stat-card-my-courses{background:#3a38384d;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:16px;padding:20px;text-align:center}.stat-card-my-courses h3{color:rgba(var(--primary-color-rgb),.8);font-size:14px;font-weight:500;margin:0 0 8px;text-transform:none}.stat-number{color:rgba(var(--primary-color-rgb),1);font-size:28px;font-weight:600;margin:5px 0}.stat-change{color:#ffffffb3;font-size:12px}.stat-change.positive{color:#4ade80}.course-filter-tabs{display:flex;gap:8px;margin-bottom:30px;background:#3a38384d;border-radius:12px;padding:4px;border:1px solid rgba(var(--primary-color-rgb),.2)}.my-courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.my-course-card{background:#3a38384d;border:1px solid rgba(var(--primary-color-rgb),.2);border-radius:16px;padding:0;position:relative;overflow:hidden;transition:all .3s ease}.my-course-card:hover{transform:translateY(-2px);border-color:rgba(var(--primary-color-rgb),.4)}.course-thumbnail{width:100%;height:160px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.course-category-icon{color:#ffffffe6;display:flex;align-items:center;justify-content:center}.course-category-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.course-status-badge{position:absolute;top:12px;left:12px;background:#4ade80;color:#000;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.course-card-body{padding:20px}.course-card-title{color:#ffffffe6;font-size:16px;font-weight:600;margin:0 0 8px;line-height:1.3}.course-card-description{color:#ffffffb3;font-size:13px;margin:0 0 16px;line-height:1.4}.course-stats-row{display:flex;justify-content:space-between;margin-bottom:12px}.course-stat{text-align:center;flex:1}.course-stat .stat-number{color:#ffffffe6;font-size:16px;font-weight:600;margin:0 0 2px}.course-stat .stat-label{color:#fff9;font-size:12px}.course-revenue{display:flex;justify-content:space-between;align-items:center;margin:16px 0;padding:8px 0;border-top:1px solid rgba(var(--primary-color-rgb),.1)}.revenue-label{color:#ffffffb3;font-size:13px}.revenue-amount{color:rgba(var(--primary-color-rgb),1);font-size:16px;font-weight:600}.course-actions{display:flex;gap:8px}.course-btn{flex:1;background:rgba(var(--primary-color-rgb),.2);border:1px solid rgba(var(--primary-color-rgb),.3);color:rgba(var(--primary-color-rgb),1);padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.course-btn:hover{background:rgba(var(--primary-color-rgb),.3);border-color:rgba(var(--primary-color-rgb),.5)}.course-btn-delete{background:#ef444433;border-color:#ef44444d;color:#ef4444}.course-btn-delete:hover{background:#ef44444d;border-color:#ef444480}.add-course-section{margin-top:40px}.add-course-card{background:#3a38384d;border:2px dashed rgba(var(--primary-color-rgb),.3);border-radius:16px;padding:40px;text-align:center;cursor:pointer;transition:all .3s ease}.add-course-card:hover{border-color:rgba(var(--primary-color-rgb),.5);background:#3a383866}.add-course-content{display:flex;align-items:center;justify-content:center;gap:12px}.add-course-text{color:rgba(var(--primary-color-rgb),1);font-size:18px;font-weight:600;letter-spacing:1px}.add-course-icon{color:rgba(var(--primary-color-rgb),1);font-size:24px;font-weight:300}.no-courses{text-align:center;color:#fff9;padding:40px;font-size:16px}@media(max-width:1200px){.my-courses-grid,.my-courses-stats,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.my-courses-grid,.my-courses-stats{grid-template-columns:1fr}.course-filter-tabs{flex-wrap:wrap;gap:6px}.filter-tab{font-size:12px;padding:8px 12px}.courses-controls{flex-direction:column;gap:12px}.search-section{max-width:none}.stats-grid{grid-template-columns:1fr}.stats-modal-content{width:95%;margin:10px}.message-toast{right:10px;left:10px;transform:translateY(-100%)}.message-toast.show{transform:translateY(0)}}.figma-menu-children{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .5s ease,margin .5s ease;opacity:0;margin-top:0;margin-bottom:0}.figma-menu-children.hidden{max-height:0!important;opacity:0!important;margin-top:0!important;margin-bottom:0!important}.figma-menu-children:not(.hidden){max-height:600px;opacity:1;margin-top:4px;margin-bottom:4px}.figma-menu-arrow{transition:transform .5s cubic-bezier(.4,0,.2,1);display:inline-block}.figma-menu-parent.expanded .figma-menu-arrow{transform:rotate(90deg)}.figma-menu-child{transition:all .2s ease;transform:translate(0)}.figma-menu-child:hover{transform:translate(4px);background:rgba(var(--primary-color-rgb),.1)}.figma-content-area{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.figma-menu-parent{transition:all .2s ease}.figma-menu-parent:hover{background:rgba(var(--primary-color-rgb),.05)}.figma-dashboard{background:#232323;min-height:100vh;color:var(--text-primary)}.figma-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.figma-sidebar{background:#232323;border-right:1px solid var(--border-color);transition:all .3s ease}.figma-menu-section,.figma-subscription{background:transparent}.figma-menu-parent{color:var(--text-primary);border:1px solid var(--border-color);transition:all .3s ease}.figma-menu-parent:hover{background:var(--card-hover);border-color:var(--primary-color)}.figma-menu-child{color:var(--text-secondary);transition:all .3s ease}.figma-menu-child:hover,.figma-menu-child.active{color:var(--primary-color);background:var(--primary-light)}.figma-content-area{background:#232323;color:var(--text-primary)}.figma-profile-section,.figma-stats-card{background:var(--card-bg);border:1px solid var(--border-color);transition:all .3s ease}.figma-stats-card:hover{background:var(--card-hover);border-color:var(--primary-color)}.figma-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);transition:all .3s ease}.figma-btn:hover{background:var(--card-hover);border-color:var(--primary-color)}.figma-btn-primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.figma-btn-primary:hover{background:var(--primary-hover)!important}.sub-admin-page{background:transparent}.search-wrapper{background:var(--bg-secondary);border-color:var(--border-color)}.search-admin{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.search-admin::placeholder{color:var(--text-secondary)}.search-icon{color:var(--text-secondary)}.add-admin-btn{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.add-admin-btn:hover{background:var(--primary-color);color:#fff}.admin-card{background:var(--card-bg);border-color:var(--border-color)}.admin-card:hover{background:var(--card-hover);border-color:var(--primary-color)}.admin-details h4{color:var(--text-primary)}.admin-details p,.meta-label{color:var(--text-secondary)}.meta-value{color:var(--text-primary)}.add-admin-modal{background:#000c}.modal-content{background:var(--card-bg);border-color:var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-title{color:var(--text-primary)}.form-label{color:var(--text-secondary)}.form-input-admin{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.form-input-admin::placeholder{color:var(--text-secondary)}.btn-cancel{background:transparent;border-color:var(--border-color);color:var(--text-secondary)}.btn-cancel:hover{background:var(--card-hover);color:var(--text-primary)}.btn-submit{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-submit:hover{background:var(--primary-hover)}.delete-confirm-content{background:var(--card-bg);border-color:var(--border-color)}.delete-confirm-title{color:var(--text-primary)}.delete-confirm-message{color:var(--text-secondary)}.delete-confirm-message strong{color:var(--text-primary)}.delete-confirm-cancel{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}.delete-confirm-cancel:hover{background:var(--card-hover);color:var(--text-primary)}.language-page{background:transparent}.language-subtitle{color:var(--text-secondary)}.language-option{background:var(--card-bg);border-color:var(--border-color)}.language-option:hover{background:var(--card-hover);border-color:var(--primary-color)}.language-option.selected{background:var(--primary-light);border-color:var(--primary-color)}.language-name{color:var(--text-primary)}.language-check{border-color:var(--border-color)}.language-option.selected .language-check{background:var(--primary-color);border-color:var(--primary-color)}.btn-apply{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-apply:hover{background:var(--primary-hover)}.customize-ui-page{background:transparent}.customize-subtitle{color:var(--text-secondary)}.customize-section{background:var(--card-bg);border-color:var(--border-color)}.section-title{color:var(--text-primary)}.section-subtitle{color:var(--text-secondary)}.color-preview{border-color:var(--border-color)}.color-input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.preset-colors-label{color:var(--text-secondary)}.theme-toggle-label{color:var(--text-primary)}.font-option{background:var(--bg-secondary);border-color:var(--border-color)}.font-option:hover{background:var(--card-hover);border-color:var(--primary-color)}.font-option.active{background:var(--primary-light);border-color:var(--primary-color)}.font-option.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.font-name{color:var(--text-primary)}.font-preview{color:var(--text-secondary)}.save-btn{background:var(--primary-color);color:#fff}.save-btn:hover{background:var(--primary-hover)}body.light-mode .btn-save,body.light-mode .btn-save-profile{box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.25)}body.light-mode .btn-cancel,body.light-mode .btn-cancel-profile{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}body.light-mode .btn-cancel:hover,body.light-mode .btn-cancel-profile:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}body.light-mode .figma-profile-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}body.light-mode .figma-profile-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}body.light-mode .figma-stat-label,body.light-mode .field-label,body.light-mode .section-title,body.light-mode .figma-stat-value,body.light-mode .figma-bio-text,body.light-mode .upload-instructions p{color:var(--text-primary)}body.light-mode .upload-instructions small,body.light-mode .field-note{color:var(--text-secondary)}body.light-mode .figma-achievement-text{color:var(--text-primary)}body.light-mode .figma-achievement-check{color:var(--primary-color)}body.light-mode .profile-picture-upload{border:2px dashed var(--border-color);background:var(--bg-secondary)}body.light-mode .profile-picture-upload:hover{border-color:var(--primary-color);background:var(--bg-tertiary)}body.light-mode .profile-picture-preview{background:var(--bg-tertiary);color:var(--text-secondary)}body.light-mode .customize-section{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}body.light-mode .color-input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary)}body.light-mode .font-option{background:var(--bg-secondary);border:2px solid var(--border-color)}body.light-mode .font-option:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}body.light-mode .font-option.active{border-color:var(--primary-color);background:var(--primary-light)}body.light-mode .font-option.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background:var(--bg-secondary);border-color:var(--border-color)}input[type=password]{font-family:inherit}input[type=password]:focus{outline:none;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2)!important}input[type=password][autocomplete=new-password]{-webkit-text-security:disc}input[type=password]:-webkit-autofill,input[type=password]:-webkit-autofill:hover,input[type=password]:-webkit-autofill:focus,input[type=password]:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--bg-tertiary) inset!important;-webkit-text-fill-color:var(--text-primary)!important;transition:background-color 5000s ease-in-out 0s}.password-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.password-section h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.password-section p{color:var(--text-secondary);font-size:14px;margin-bottom:16px}body.light-mode .toggle-switch{background:var(--bg-tertiary)}body.light-mode .toggle-switch.active{background:var(--primary-color)}body.light-mode .messages-placeholder h3,body.light-mode .messages-placeholder p{color:var(--text-primary)}body.light-mode .admin-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}body.light-mode .admin-card:hover{background:var(--card-hover);border-color:var(--primary-color);box-shadow:var(--shadow-md)}body.light-mode .search-admin{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary)}body.light-mode .search-admin:focus{border-color:var(--primary-color);background:var(--bg-secondary)}body.light-mode .add-admin-btn{background:var(--primary-light);border:1px solid var(--primary-color);color:var(--primary-color)}body.light-mode .add-admin-btn:hover{background:var(--primary-color);color:#fff}body.light-mode .modal-content{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}body.light-mode .modal-input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary)}body.light-mode .modal-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}body.light-mode .course-section-title{color:var(--primary-color)}body.light-mode .course-section label,body.light-mode .course-section .field-label,body.light-mode .course-section .form-label,body.light-mode .course-section p,body.light-mode .course-section span{color:var(--text-primary)!important}body.light-mode .course-section .field-note,body.light-mode .course-section small{color:var(--text-secondary)!important}body.light-mode .upload-area{border:2px dashed var(--border-color);background:var(--bg-secondary)}body.light-mode .upload-area:hover{border-color:var(--primary-color);background:var(--bg-tertiary)}body.light-mode .radio-option{color:var(--text-primary)}body.light-mode .info-tip{background:var(--primary-light);border-left:3px solid var(--primary-color);color:var(--text-primary)}body.light-mode .module-item{background:var(--card-bg);border:1px solid var(--border-color)}body.light-mode .module-header{background:var(--bg-secondary)}body.light-mode .module-header:hover{background:var(--bg-tertiary)}body.light-mode .action-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}body.light-mode .action-btn:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}body.light-mode .action-btn.delete:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}body.light-mode .figma-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}body.light-mode .figma-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}body.light-mode .figma-btn-primary{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff}body.light-mode .figma-btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}body.light-mode .figma-logo h1{color:var(--text-primary)}body.light-mode .figma-logo span{color:var(--primary-color)}body.light-mode .figma-title h2,body.light-mode .figma-profile-name{color:var(--text-primary)}body.light-mode .figma-profile-title,body.light-mode .figma-profile-location,body.light-mode .figma-rating-text,body.light-mode .figma-joined{color:var(--text-secondary)}body.light-mode .figma-stats-title,body.light-mode .figma-menu-title{color:var(--text-primary)}body.light-mode .figma-menu-arrow{color:var(--text-secondary)}body.light-mode .figma-subscription{background:var(--primary-light);border-top:1px solid var(--border-color)}body.light-mode .edit-bio-btn{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}body.light-mode .edit-bio-btn:hover{background:var(--primary-light)}body.light-mode #bioTextarea{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary)}body.light-mode .checkbox-label,body.light-mode .radio-label,body.light-mode .toggle-label,body.light-mode .switch-label{color:var(--text-primary)}body.light-mode .info-text,body.light-mode .help-text{color:var(--text-secondary)}body.light-mode .module-info h4{color:var(--text-primary)}body.light-mode .module-info p{color:var(--text-secondary)}body.light-mode .lesson-item{color:var(--text-primary);background:var(--bg-secondary)}body.light-mode .lesson-item:hover{background:var(--bg-tertiary)}body.light-mode .add-btn{background:var(--primary-light);color:var(--primary-color);border:1px solid var(--primary-color)}body.light-mode .add-btn:hover{background:var(--primary-color);color:#fff}body.light-mode .dropdown-menu{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}body.light-mode .dropdown-menu a{color:var(--text-primary)}body.light-mode .dropdown-menu a:hover{background:var(--bg-tertiary);color:var(--primary-color)}body.light-mode .upload-icon{color:var(--text-secondary)}body.light-mode .upload-text p{color:var(--text-primary)}body.light-mode .upload-text small{color:var(--text-secondary)}body.light-mode .image-action-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}body.light-mode .image-action-btn:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}body.light-mode .image-action-btn.delete:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}body.light-mode .radio-custom{border:2px solid var(--border-color);background:var(--bg-secondary)}body.light-mode input[type=radio]:checked+.radio-custom{border-color:var(--primary-color);background:var(--primary-color)}body.light-mode .preset-color{border:2px solid var(--border-color)}body.light-mode .preset-color:hover{border-color:var(--primary-color)}body.light-mode .preset-color.active{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}body.light-mode .setting-item{background:transparent}body.light-mode .setting-info h4{color:var(--text-primary)!important}body.light-mode .setting-info p{color:var(--text-secondary)!important}body.light-mode .settings-list{color:var(--text-primary)}body.light-mode .figma-menu-child{color:var(--text-primary)!important}body.light-mode .figma-menu-child.active{color:var(--primary-color)!important;background:var(--primary-light)}body.light-mode .lesson-item span,body.light-mode .module-info h4{color:var(--text-primary)!important}body.light-mode .module-info p{color:var(--text-secondary)!important}body.light-mode .course-card-title{color:var(--text-primary)!important}body.light-mode .course-card-meta,body.light-mode .course-card-stats{color:var(--text-secondary)!important}body.light-mode .figma-content-area.ai-assistant-page{background:#232323!important}body.light-mode .ai-status-card{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}body.light-mode .ai-icon{background:var(--primary-light)!important;color:var(--primary-color)!important}body.light-mode .ai-status-content h3{color:var(--text-primary)!important}body.light-mode .ai-status-content p{color:var(--text-secondary)!important}body.light-mode .ai-metric-card{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}body.light-mode .ai-metric-card:hover{border-color:var(--primary-color)!important;background:var(--card-hover)!important;box-shadow:var(--shadow-md)!important}body.light-mode .ai-metric-card h4{color:var(--primary-color)!important}body.light-mode .ai-metric-value{color:var(--text-primary)!important}body.light-mode .ai-personality-section,body.light-mode .ai-auto-response-section,body.light-mode .ai-responses-section{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}body.light-mode .section-title{color:var(--text-primary)!important}body.light-mode .section-subtitle{color:var(--text-secondary)!important}body.light-mode .personality-option{background:var(--bg-secondary)!important;border:2px solid var(--border-color)!important;color:var(--text-primary)!important}body.light-mode .personality-option:hover{border-color:var(--primary-color)!important;background:var(--bg-tertiary)!important}body.light-mode .personality-option.active{border-color:var(--primary-color)!important;background:var(--primary-light)!important;color:var(--primary-color)!important}body.light-mode .personality-name{color:var(--text-primary)!important}body.light-mode .personality-desc{color:var(--text-secondary)!important}body.light-mode .response-item{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}body.light-mode .response-item:hover{background:var(--bg-tertiary)!important;border-color:var(--primary-color)!important}body.light-mode .response-question{color:var(--text-primary)!important}body.light-mode .response-answer{color:var(--text-secondary)!important}body.light-mode .response-stats{color:var(--text-tertiary)!important}body.light-mode .edit-response-btn,body.light-mode .delete-response-btn{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}body.light-mode .edit-response-btn:hover{background:var(--primary-light)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important}body.light-mode .delete-response-btn:hover{background:#ef44441a!important;border-color:#ef4444!important;color:#ef4444!important}body.light-mode .add-response-btn{background:var(--primary-light)!important;border:1px solid var(--primary-color)!important;color:var(--primary-color)!important}body.light-mode .add-response-btn:hover,body.light-mode .save-ai-btn{background:var(--primary-color)!important;color:#fff!important}body.light-mode .save-ai-btn:hover{background:var(--primary-hover)!important}body.light-mode .lessons-section{background:var(--card-bg)!important;border:1px solid var(--border-color)!important}body.light-mode .lessons-title,body.light-mode .lesson-info h4{color:var(--text-primary)!important}body.light-mode .lesson-info p{color:var(--text-secondary)!important}body.light-mode .lesson-completion{color:var(--text-primary)!important}body.light-mode .lesson-item{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}body.light-mode .lesson-item:hover{background:var(--bg-tertiary)!important;border-color:var(--primary-color)!important}body.light-mode .figma-subscription{background:transparent!important;border:none!important;border-top:1px solid var(--border-color)!important}body.light-mode .figma-subscription .figma-single-link{background:var(--primary-light)!important;border:1px solid var(--primary-color)!important;color:var(--primary-color)!important;border-radius:8px!important;padding:12px 16px!important}body.light-mode .figma-subscription .figma-single-link:hover{background:var(--primary-color)!important;color:#fff!important}body.light-mode .engagement-card{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}body.light-mode .engagement-card h3{color:var(--primary-color)!important}body.light-mode .engagement-value{color:var(--text-primary)!important}body.light-mode .engagement-label{color:var(--text-secondary)!important}body.light-mode .stat-card-engagement{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}body.light-mode .stat-card-engagement h3{color:var(--text-secondary)!important}body.light-mode .stat-card-engagement .stat-number{color:var(--text-primary)!important}body.light-mode .chart-container{background:var(--card-bg)!important;border:1px solid var(--border-color)!important}body.light-mode .chart-title,body.light-mode .admin-details h4{color:var(--text-primary)!important}body.light-mode .admin-details p{color:var(--text-secondary)!important}body.light-mode .admin-info{color:var(--text-primary)!important}body.light-mode .admin-avatar{background:var(--primary-light)!important;color:var(--primary-color)!important;border:2px solid var(--primary-color)!important}body.light-mode .admin-meta,body.light-mode .meta-label{color:var(--text-secondary)!important}body.light-mode .meta-value{color:var(--text-primary)!important}body.light-mode .delete-admin-btn{background:#ef44441a!important;border:1px solid rgba(239,68,68,.3)!important;color:#ef4444!important}body.light-mode .delete-admin-btn:hover{background:#ef444433!important;border-color:#ef4444!important}body.light-mode .analytics-stats-grid{gap:20px}body.light-mode .analytics-stat-card{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}body.light-mode .analytics-stat-title{color:var(--primary-color)!important}body.light-mode .analytics-stat-value{color:var(--text-primary)!important}body.light-mode .students-tabs{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important}body.light-mode .student-tab{background:transparent!important;color:var(--text-secondary)!important;border-bottom:2px solid transparent!important}body.light-mode .student-tab:hover{color:var(--primary-color)!important;background:var(--bg-tertiary)!important}body.light-mode .student-tab.active{color:var(--primary-color)!important;border-bottom-color:var(--primary-color)!important;background:transparent!important}body.light-mode .students-list{background:#232323!important}body.light-mode .student-item{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}body.light-mode .student-item:hover{background:var(--card-hover)!important;border-color:var(--primary-color)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-2px)}body.light-mode .student-avatar{background:var(--primary-light)!important;color:var(--primary-color)!important;border:2px solid var(--primary-color)!important}body.light-mode .student-info h4{color:var(--text-primary)!important}body.light-mode .student-info p,body.light-mode .student-progress{color:var(--text-secondary)!important}body.light-mode .progress-bar{background:var(--bg-tertiary)!important}body.light-mode .progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--primary-hover))!important}body.light-mode .student-stats{color:var(--text-primary)!important}body.light-mode .stat-label{color:var(--text-secondary)!important}body.light-mode .stat-value{color:var(--text-primary)!important}body.light-mode .rating-stats-grid{gap:20px}body.light-mode .rating-stat-card{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}body.light-mode .rating-stat-title{color:var(--text-secondary)!important}body.light-mode .rating-stat-value{color:var(--text-primary)!important}body.light-mode .rating-stat-subtitle{color:var(--text-secondary)!important}body.light-mode .rating-stars{color:#fbbf24!important}body.light-mode .reviews-section{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}body.light-mode .reviews-header{border-bottom:1px solid var(--border-color)!important}body.light-mode .reviews-title{color:var(--text-primary)!important}body.light-mode .review-card{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}body.light-mode .review-card:hover{background:var(--card-hover)!important;border-color:var(--primary-color)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-2px)}body.light-mode .review-user-avatar{background:var(--primary-light)!important;color:var(--primary-color)!important;border:2px solid var(--primary-color)!important}body.light-mode .review-user-name{color:var(--text-primary)!important}body.light-mode .review-date{color:var(--text-secondary)!important}body.light-mode .review-rating{color:#fbbf24!important}body.light-mode .review-text{color:var(--text-primary)!important}body.light-mode .review-course{color:var(--text-secondary)!important}body.light-mode .show-all-btn{background:var(--primary-light)!important;border:1px solid var(--primary-color)!important;color:var(--primary-color)!important}body.light-mode .show-all-btn:hover{background:var(--primary-color)!important;color:#fff!important}body.light-mode .rating-breakdown{background:var(--card-bg)!important;border:1px solid var(--border-color)!important}body.light-mode .rating-row{color:var(--text-primary)!important}body.light-mode .rating-bar{background:var(--bg-tertiary)!important}body.light-mode .rating-bar-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b)!important}body.light-mode .rating-count{color:var(--text-secondary)!important}body.light-mode .messages-container{background:#232323!important}body.light-mode .messages-welcome{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}body.light-mode .messages-header{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important}body.light-mode .messages-header h3{color:var(--text-primary)!important}body.light-mode .create-group-btn{background:var(--primary-light)!important;border:1px solid var(--primary-color)!important;color:var(--primary-color)!important}body.light-mode .create-group-btn:hover{background:var(--primary-color)!important;color:#fff!important;transform:translateY(-2px);box-shadow:var(--shadow-md)!important}body.light-mode .messages-placeholder{background:var(--bg-secondary)!important}body.light-mode .placeholder-icon{color:var(--text-secondary)!important}body.light-mode .messages-placeholder h3{color:var(--text-primary)!important}body.light-mode .messages-placeholder p{color:var(--text-secondary)!important}body.light-mode .chat-list{background:var(--bg-secondary)!important;border-right:1px solid var(--border-color)!important}body.light-mode .chat-item{background:transparent!important;border-bottom:1px solid var(--border-color)!important}body.light-mode .chat-item:hover{background:var(--bg-tertiary)!important}body.light-mode .chat-item.active{background:var(--primary-light)!important;border-left:3px solid var(--primary-color)!important}body.light-mode .chat-avatar{background:var(--primary-light)!important;color:var(--primary-color)!important;border:2px solid var(--primary-color)!important}body.light-mode .chat-name{color:var(--text-primary)!important}body.light-mode .chat-preview{color:var(--text-secondary)!important}body.light-mode .chat-time{color:var(--text-tertiary)!important}body.light-mode .chat-area{background:#232323!important}body.light-mode .chat-header{background:var(--card-bg)!important;border-bottom:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}body.light-mode .chat-messages{background:var(--bg-secondary)!important}body.light-mode .message-bubble{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-sm)!important}body.light-mode .message-bubble.sent{background:var(--primary-light)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important}body.light-mode .message-time{color:var(--text-secondary)!important}body.light-mode .chat-input-area{background:var(--card-bg)!important;border-top:1px solid var(--border-color)!important}body.light-mode .chat-input{background:var(--input-bg)!important;border:1px solid var(--input-border)!important;color:var(--text-primary)!important}body.light-mode .chat-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px var(--primary-light)!important}body.light-mode .send-btn{background:var(--primary-color)!important;color:#fff!important}body.light-mode .send-btn:hover{background:var(--primary-hover)!important;transform:scale(1.05)}body.light-mode .attach-btn{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}body.light-mode .attach-btn:hover{background:var(--bg-tertiary)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important}body.light-mode .my-courses-stats{gap:20px}body.light-mode .stat-card-my-courses{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #00000014!important}body.light-mode .stat-card-my-courses:hover{transform:translateY(-4px);background:#f9fafb!important;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.12)!important;border-color:var(--primary-color)!important}body.light-mode .stat-card-my-courses h3{color:#6b7280!important}body.light-mode .stat-number{color:var(--text-primary)!important}body.light-mode .stat-change{color:var(--text-secondary)!important}body.light-mode .stat-change.positive{color:#22c55e!important}body.light-mode .stat-change.negative{color:#ef4444!important}body.light-mode .course-filter-tabs{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important;padding:16px 24px}body.light-mode .filter-tab{background:transparent!important;border:none!important;color:var(--text-secondary)!important}body.light-mode .filter-tab:hover{background:transparent!important;border:none!important;color:var(--primary-color)!important;transform:translateY(-2px)}body.light-mode .filter-tab.active{background:transparent!important;border:none!important;color:var(--primary-color)!important;font-weight:600!important}body.light-mode .my-courses-grid{background:#232323!important;padding:24px}body.light-mode .course-card-my-courses,body.light-mode .course-card-figma,body.light-mode .my-course-card{background:#fff!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important;border-radius:12px;overflow:hidden;transition:all .3s ease}body.light-mode .course-card-my-courses:hover,body.light-mode .course-card-figma:hover,body.light-mode .my-course-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)!important;border-color:var(--primary-color)!important}body.light-mode .course-thumbnail{background:var(--bg-tertiary)!important}body.light-mode .course-status-badge{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.light-mode .course-status-badge.active{background:#22c55e1a!important;border-color:#22c55e!important;color:#22c55e!important}body.light-mode .course-status-badge.draft{background:#f973161a!important;border-color:#f97316!important;color:#f97316!important}body.light-mode .course-status-badge.archived{background:#6b72801a!important;border-color:#6b7280!important;color:#6b7280!important}body.light-mode .course-info{background:var(--card-bg)!important;padding:16px}body.light-mode .course-title{color:var(--text-primary)!important}body.light-mode .course-category{color:var(--text-secondary)!important}body.light-mode .course-stats{color:var(--text-secondary)!important;border-top:1px solid var(--border-color)!important}body.light-mode .course-stat-item{color:var(--text-primary)!important}body.light-mode .course-stat-label,body.light-mode .revenue-label{color:var(--text-secondary)!important}body.light-mode .revenue-amount{color:var(--text-primary)!important}body.light-mode #courseSearchInput,body.light-mode #courseSortSelect{background:#fff!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}body.light-mode #courseSearchInput::placeholder{color:var(--text-secondary)!important;opacity:.7}body.light-mode #courseSearchInput:focus,body.light-mode #courseSortSelect:focus{border-color:var(--primary-color)!important;background:#fff!important}body.light-mode .figma-content-area.finance-page .finance-card,body.light-mode .figma-content-area.finance-page .finance-section,body.light-mode .figma-content-area.finance-page .payment-method-card,body.light-mode .figma-content-area.finance-page .promo-code-card,body.light-mode .figma-content-area.finance-page .transactions-section{background:#fff!important;border:1px solid #e5e7eb!important}body.light-mode .figma-content-area.finance-page .finance-card:hover,body.light-mode .figma-content-area.finance-page .payment-method-card:hover{border-color:var(--primary-color)!important;box-shadow:0 4px 12px #0000001a!important}body.light-mode .figma-content-area.finance-page .finance-card-title,body.light-mode .figma-content-area.finance-page .section-title{color:var(--primary-color)!important;font-weight:500!important;text-transform:uppercase!important;font-size:12px!important;letter-spacing:.5px!important}body.light-mode .figma-content-area.finance-page .finance-card-subtitle{color:#10b981!important}body.light-mode .figma-content-area.finance-page .payment-card-number,body.light-mode .figma-content-area.finance-page .promo-code-description{color:#6b7280!important}body.light-mode .figma-content-area.assignments-page .assignments-card,body.light-mode .figma-content-area.assignments-page .assignments-section,body.light-mode .figma-content-area.assignments-page .assignment-item,body.light-mode .course-assignment-banner,body.light-mode .course-filter-section{background:#fff!important;border:1px solid #e5e7eb!important}body.light-mode .figma-content-area.assignments-page .assignments-card:hover,body.light-mode .figma-content-area.assignments-page .assignment-item:hover{border-color:var(--primary-color)!important;box-shadow:0 4px 12px #0000001a!important}body.light-mode .figma-content-area.assignments-page .assignments-card-title,body.light-mode .figma-content-area.assignments-page .assignments-section-title,body.light-mode .course-assignment-subtitle,body.light-mode .course-filter-label,body.light-mode .assignment-counter{color:var(--primary-color)!important;font-weight:500!important;text-transform:uppercase!important;font-size:12px!important;letter-spacing:.5px!important}body.light-mode .figma-content-area.assignments-page .assignments-card-amount,body.light-mode .course-assignment-title,body.light-mode .assignment-title{color:#1a1a1a!important}body.light-mode .course-actions{background:transparent!important;border-top:none!important;padding:12px 16px}body.light-mode .course-action-btn,body.light-mode .course-btn{background:transparent!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;padding:6px 12px;border-radius:6px;font-size:13px;transition:all .2s ease}body.light-mode .course-action-btn:hover,body.light-mode .course-btn:hover{background:var(--primary-light)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important;transform:translateY(-1px)}body.light-mode .course-action-btn.primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}body.light-mode .course-action-btn.primary:hover{background:var(--primary-hover)!important;transform:scale(1.05)}body.light-mode .course-action-btn.danger:hover,body.light-mode .course-btn-delete:hover{background:#ef44441a!important;border-color:#ef4444!important;color:#ef4444!important}body.light-mode .figma-content-area.finance-page{background:#232323!important}body.light-mode .figma-content-area.finance-page .finance-card{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #00000014!important}body.light-mode .figma-content-area.finance-page .finance-card:hover{background:#f9fafb!important;border-color:var(--primary-color)!important;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.15)!important}body.light-mode .figma-content-area.finance-page .finance-section{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #00000014!important}body.light-mode .figma-content-area.finance-page .payment-method-card{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 2px #0000000d!important}body.light-mode .figma-content-area.finance-page .payment-method-card:hover{background:#f9fafb!important;border-color:var(--primary-color)!important;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.12)!important}body.light-mode .figma-content-area.finance-page .promo-code-card{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 2px #0000000d!important}body.light-mode .figma-content-area.finance-page .promo-code-card:hover{background:#f9fafb!important;border-color:#d1d5db!important}body.light-mode .figma-content-area.finance-page .transaction-search,body.light-mode .figma-content-area.finance-page .transaction-date-filter,body.light-mode .figma-content-area.finance-page .transaction-type-filter{background:#fff!important;border:1px solid #d1d5db!important;color:#1a1a1a!important}body.light-mode .figma-content-area.finance-page .transaction-search:focus,body.light-mode .figma-content-area.finance-page .transaction-date-filter:focus,body.light-mode .figma-content-area.finance-page .transaction-type-filter:focus{border-color:var(--primary-color)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)!important}body.light-mode .figma-content-area.finance-page .finance-transactions-table th{color:#6b7280!important;border-bottom:1px solid #e5e7eb!important}body.light-mode .figma-content-area.finance-page .finance-transactions-table td{color:#1a1a1a!important;border-bottom:1px solid #f3f4f6!important}body.light-mode .figma-content-area.finance-page .payment-method-options-btn{background:#fff!important;border:1px solid #d1d5db!important}body.light-mode .figma-content-area.finance-page .payment-method-options-btn:hover{background:#f9fafb!important;border-color:var(--primary-color)!important}body.light-mode .figma-content-area.finance-page .three-dots{color:#6b7280!important}body.light-mode .figma-content-area.finance-page .payment-dropdown-menu{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 10px 25px #00000026!important}body.light-mode .figma-content-area.finance-page .dropdown-item{color:#1a1a1a!important}body.light-mode .figma-content-area.finance-page .dropdown-item:hover{background:#f3f4f6!important}body.light-mode .figma-content-area.finance-page .dropdown-item.edit{color:var(--primary-color)!important}body.light-mode .figma-content-area.finance-page .dropdown-item.edit:hover{background:rgba(var(--primary-color-rgb),.1)!important}body.light-mode .figma-content-area.finance-page .section-title{color:#1a1a1a!important}body.light-mode .figma-content-area.finance-page .finance-card-title{color:var(--primary-color)!important}body.light-mode .figma-content-area.finance-page .finance-card-amount,body.light-mode .figma-content-area.finance-page .payment-card-name{color:#1a1a1a!important}body.light-mode .figma-content-area.finance-page .payment-card-number{color:#6b7280!important}body.light-mode .figma-content-area.finance-page .promo-code-name{color:#1a1a1a!important}body.light-mode .figma-content-area.finance-page .promo-code-description{color:#6b7280!important}body.light-mode .figma-content-area.finance-page .promo-code-usage{color:#9ca3af!important}body.light-mode .figma-content-area.assignments-page{background:#232323!important}body.light-mode .course-assignment-banner{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #00000014!important}body.light-mode .course-assignment-title{color:#1a1a1a!important}body.light-mode .course-filter-section{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #00000014!important}body.light-mode .course-filter-label{color:#1a1a1a!important}body.light-mode .course-select{background:#fff!important;border:1px solid #d1d5db!important;color:#1a1a1a!important}body.light-mode .course-select:hover,body.light-mode .course-select:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)!important}body.light-mode .course-select option{background:#fff!important;color:#1a1a1a!important}body.light-mode .assignment-counter{background:rgba(var(--primary-color-rgb),.1)!important;border:1px solid rgba(var(--primary-color-rgb),.3)!important;color:var(--primary-color)!important}body.light-mode .assignments-card{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #00000014!important}body.light-mode .assignments-card:hover{background:#f9fafb!important;border-color:var(--primary-color)!important;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.15)!important}body.light-mode .assignments-card-title{color:var(--primary-color)!important}body.light-mode .assignments-card-amount{color:#1a1a1a!important}body.light-mode .assignment-tab{background:#fff!important;color:#6b7280!important;border:1px solid #e5e7eb!important}body.light-mode .assignment-tab.active{background:rgba(var(--primary-color-rgb),.1)!important;color:var(--primary-color)!important;border-color:var(--primary-color)!important}body.light-mode .assignments-section{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #00000014!important}body.light-mode .assignments-section-title{color:#1a1a1a!important}body.light-mode .assignment-item{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 2px #0000000d!important}body.light-mode .assignment-item:hover{background:#f9fafb!important;border-color:var(--primary-color)!important;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.12)!important}body.light-mode .assignment-title{color:#1a1a1a!important}body.light-mode .assignment-meta{color:#6b7280!important}body.light-mode .assignment-description{color:#374151!important}body.light-mode .grade-btn{background:var(--primary-light)!important;border:1px solid var(--primary-color)!important;color:var(--primary-color)!important}body.light-mode .grade-btn:hover{background:rgba(var(--primary-color-rgb),.2)!important}body.light-mode .view-file-btn{background:var(--primary-light)!important;border:1px solid var(--primary-color)!important;color:var(--primary-color)!important}body.light-mode .view-file-btn:hover{background:rgba(var(--primary-color-rgb),.2)!important}body.light-mode .figma-content-area.quiz-analytics-page{background:#232323!important}body.light-mode .quiz-stat-card{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #00000014!important}body.light-mode .quiz-stat-card:hover{background:#f9fafb!important;border-color:var(--primary-color)!important;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.12)!important}body.light-mode .quiz-stat-title{color:#6b7280!important}body.light-mode .quiz-stat-value{color:#1a1a1a!important}body.light-mode .quiz-tabs{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 2px #0000000d!important}body.light-mode .quiz-tab{color:#6b7280!important}body.light-mode .quiz-tab.active{background:rgba(var(--primary-color-rgb),.1)!important;color:var(--primary-color)!important}body.light-mode .quiz-content-section{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #00000014!important}body.light-mode .quiz-section-header{color:#1a1a1a!important;border-bottom:1px solid #e5e7eb!important}body.light-mode .quiz-item{background:#f9fafb!important;border:1px solid #e5e7eb!important}body.light-mode .quiz-item:hover{background:#fff!important;border-color:var(--primary-color)!important;box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.1)!important}body.light-mode .quiz-title{color:#1a1a1a!important}body.light-mode .quiz-meta,body.light-mode .quiz-description{color:#6b7280!important}body.light-mode .quiz-action-btn{background:#fff!important;border:1px solid var(--primary-color)!important;color:var(--primary-color)!important}body.light-mode .quiz-action-btn:hover{background:rgba(var(--primary-color-rgb),.1)!important;border-color:var(--primary-color)!important}body.light-mode .progress-page{background:#232323!important}body.light-mode .progress-stat-card{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #00000014!important}body.light-mode .progress-stat-card:hover{background:#f9fafb!important;border-color:var(--primary-color)!important;box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.15)!important}body.light-mode .progress-stat-title{color:var(--primary-color)!important}body.light-mode .progress-stat-value{color:#1a1a1a!important}body.light-mode .filter-btn{background:#fff!important;border:1px solid #e5e7eb!important;color:#6b7280!important}body.light-mode .filter-btn.active{background:rgba(var(--primary-color-rgb),.1)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important}body.light-mode .filter-btn:hover{border-color:var(--primary-color)!important;color:#1a1a1a!important}body.light-mode .students-progress-section{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #00000014!important}body.light-mode .section-header{color:#1a1a1a!important}body.light-mode .student-progress-card{background:#f9fafb!important;border:1px solid #e5e7eb!important}body.light-mode .student-progress-card:hover{background:#fff!important;border-color:var(--primary-color)!important;box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.1)!important}body.light-mode .student-avatar-progress{background:rgba(var(--primary-color-rgb),.15)!important;color:var(--primary-color)!important}body.light-mode .student-name-email h4{color:#1a1a1a!important}body.light-mode .student-name-email p{color:#6b7280!important}body.light-mode .action-btn{background:#fff!important;border:1px solid var(--primary-color)!important;color:var(--primary-color)!important}body.light-mode .action-btn:hover{background:rgba(var(--primary-color-rgb),.1)!important;border-color:var(--primary-color)!important}body.light-mode .current-lesson{background:#fff!important;border:1px solid #e5e7eb!important}body.light-mode .lesson-title{color:#1a1a1a!important}body.light-mode .lesson-subtitle{color:#6b7280!important}body.light-mode .lesson-progress-bar{background:#e5e7eb!important}body.light-mode .progress-text,body.light-mode .stat-label{color:#6b7280!important}body.light-mode .stat-value{color:#1a1a1a!important}body.light-mode .show-more-progress-btn{background:#fff!important;border:1px solid var(--primary-color)!important;color:var(--primary-color)!important}body.light-mode .show-more-progress-btn:hover{background:rgba(var(--primary-color-rgb),.1)!important}body.light-mode .progress-stats-row{background:transparent!important}body.light-mode .progress-stats-row .stat-item{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;padding:12px!important;box-shadow:0 1px 2px #0000000d!important}body.light-mode .finance-stats-grid{gap:20px}body.light-mode .finance-card{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important;border-radius:12px;padding:20px;transition:all .3s ease}body.light-mode .finance-card:hover{transform:translateY(-6px)!important;border-color:var(--primary-color)!important;box-shadow:var(--shadow-lg)!important}body.light-mode .finance-card-header{margin-bottom:12px}body.light-mode .finance-card-title{color:var(--primary-color)!important;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}body.light-mode .finance-card-amount{color:var(--text-primary)!important;font-size:32px;font-weight:700;margin:8px 0}body.light-mode .finance-card-subtitle{color:#22c55e!important;font-size:12px;font-weight:500}body.light-mode .finance-card-subtitle.negative{color:#ef4444!important}body.light-mode .transactions-section{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important;border-radius:12px;padding:24px;margin-top:24px}body.light-mode .transactions-header{border-bottom:1px solid var(--border-color)!important;padding-bottom:16px;margin-bottom:20px}body.light-mode .transactions-title{color:var(--text-primary)!important;font-size:20px;font-weight:600}body.light-mode .transaction-item{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:8px;padding:16px;margin-bottom:12px;transition:all .2s ease}body.light-mode .transaction-item:hover{background:var(--bg-tertiary)!important;border-color:var(--primary-color)!important;transform:translate(4px)}body.light-mode .transaction-info h4{color:var(--text-primary)!important}body.light-mode .transaction-info p{color:var(--text-secondary)!important}body.light-mode .transaction-amount{color:var(--text-primary)!important;font-weight:600}body.light-mode .transaction-amount.positive{color:#22c55e!important}body.light-mode .transaction-amount.negative{color:#ef4444!important}body.light-mode .transaction-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}body.light-mode .transaction-status.completed{background:#22c55e1a!important;color:#22c55e!important}body.light-mode .transaction-status.pending{background:#f973161a!important;color:#f97316!important}body.light-mode .transaction-status.failed{background:#ef44441a!important;color:#ef4444!important}body.light-mode .payout-card{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important}body.light-mode .payout-card:hover{border-color:var(--primary-color)!important;box-shadow:var(--shadow-md)!important}body.light-mode .payout-info h4{color:var(--text-primary)!important}body.light-mode .payout-info p{color:var(--text-secondary)!important}body.light-mode .payout-amount{color:var(--text-primary)!important}body.light-mode .withdraw-btn{background:var(--primary-color)!important;color:#fff!important;border:none;padding:10px 20px;border-radius:8px;font-weight:600;transition:all .2s ease}body.light-mode .withdraw-btn:hover{background:var(--primary-hover)!important;transform:scale(1.05)}body.light-mode .withdraw-btn:disabled{background:var(--bg-tertiary)!important;color:var(--text-secondary)!important;cursor:not-allowed}body.light-mode .payment-method-card{background:var(--card-bg)!important;border:1px solid var(--border-color)!important}body.light-mode .payment-method-card:hover{border-color:var(--primary-color)!important;background:var(--card-hover)!important}body.light-mode .payment-method-card.active{border-color:var(--primary-color)!important;background:var(--primary-light)!important}body.light-mode .payment-method-actions{display:flex;gap:8px}body.light-mode .edit-payment-btn,body.light-mode .delete-payment-btn{background:transparent!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;transition:all .2s ease}body.light-mode .edit-payment-btn:hover{background:var(--primary-light)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important;transform:translateY(-1px)}body.light-mode .delete-payment-btn:hover{background:#ef44441a!important;border-color:#ef4444!important;color:#ef4444!important;transform:translateY(-1px)}body.light-mode .modal-overlay{background:#0006!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.light-mode .modal-container,body.light-mode .modal-content{background:#fff!important;border:none!important;border-radius:20px!important;box-shadow:0 25px 50px #00000026!important;padding:32px!important;max-width:480px;margin:auto}body.light-mode .modal-content h3{color:#1a1a1a!important;font-size:24px!important;font-weight:700!important;margin:0 0 24px!important;text-align:left}body.light-mode .modal-header{background:transparent!important;border:none!important;padding:0!important;margin-bottom:24px}body.light-mode .modal-title{color:#1a1a1a!important;font-size:24px!important;font-weight:700!important;margin:0!important}body.light-mode .modal-close{background:transparent!important;border:none;color:#6b7280!important;font-size:28px;cursor:pointer;transition:all .2s ease;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}body.light-mode .modal-close:hover{color:#1a1a1a!important;transform:rotate(90deg);background:#f3f4f6!important;border-radius:50%}body.light-mode .modal-body{background:transparent!important;padding:0!important}body.light-mode .modal-text{color:#4b5563!important;font-size:15px;line-height:1.6;margin-bottom:20px}body.light-mode .modal-warning{color:#ef4444!important;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px;background:#ef44441a;border-radius:8px;border-left:3px solid #ef4444}body.light-mode .form-group label,body.light-mode .modal-label{color:#374151!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important;display:block!important}body.light-mode .form-group input,body.light-mode .modal-input{width:100%!important;background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:10px!important;padding:12px 16px!important;color:#1a1a1a!important;font-size:15px!important;transition:all .2s ease!important;box-sizing:border-box!important}body.light-mode .form-group input:focus,body.light-mode .modal-input:focus{outline:none!important;border-color:var(--primary-color)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)!important}body.light-mode .checkbox-wrapper,body.light-mode .modal-checkbox-wrapper{display:flex;align-items:center;gap:10px;margin:20px 0}body.light-mode input[type=checkbox],body.light-mode .modal-checkbox{width:20px!important;height:20px!important;border:2px solid #d1d5db!important;border-radius:6px!important;cursor:pointer!important;transition:all .2s ease!important}body.light-mode input[type=checkbox]:checked,body.light-mode .modal-checkbox:checked{background:var(--primary-color)!important;border-color:var(--primary-color)!important}body.light-mode .checkbox-wrapper label,body.light-mode .modal-checkbox-label{color:#374151!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important}body.light-mode .modal-actions,body.light-mode .modal-footer{background:transparent!important;border:none!important;padding:0!important;margin-top:28px!important;display:flex!important;gap:12px!important;justify-content:flex-end!important}body.light-mode .modal-actions button,body.light-mode .modal-btn{padding:12px 28px!important;border-radius:10px!important;font-size:15px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;border:none!important}body.light-mode .cancel-btn,body.light-mode .modal-btn-cancel{background:#f3f4f6!important;color:#6b7280!important}body.light-mode .cancel-btn:hover,body.light-mode .modal-btn-cancel:hover{background:#e5e7eb!important;color:#374151!important}body.light-mode .save-btn,body.light-mode .modal-btn-primary{background:var(--primary-color)!important;color:#fff!important}body.light-mode .save-btn:hover,body.light-mode .modal-btn-primary:hover{background:#6a92c4!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)!important}body.light-mode .delete-btn,body.light-mode .modal-btn-danger{background:#ef4444!important;color:#fff!important}body.light-mode .delete-btn:hover,body.light-mode .modal-btn-danger:hover{background:#dc2626!important;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d!important}body.light-mode .modal-btn-success{background:#22c55e!important;color:#fff!important}body.light-mode .modal-btn-success:hover{background:#16a34a!important;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d!important}body.light-mode .figma-content-area.finance-page .card-actions-overlay{background:#fffffffa!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border-radius:12px}body.light-mode .figma-content-area.finance-page .card-action-btn{background:#fff!important;border:1px solid #e5e7eb!important;color:#1a1a1a!important;padding:10px 20px!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;box-shadow:0 2px 8px #0000001a!important}body.light-mode .figma-content-area.finance-page .card-action-btn.edit-btn:hover{background:rgba(var(--primary-color-rgb),.15)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)!important}body.light-mode .figma-content-area.finance-page .card-action-btn.delete-btn{background:#fff!important;border-color:#ef44444d!important;color:#ef4444!important}body.light-mode .figma-content-area.finance-page .card-action-btn.delete-btn:hover{background:#ef444426!important;border-color:#ef4444!important;color:#dc2626!important;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d!important}body.light-mode .figma-content-area.finance-page .modal-overlay{background:#00000080!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}body.light-mode .figma-content-area.finance-page .modal-content{background:#fff!important;border:none!important;border-radius:16px!important;box-shadow:0 20px 40px #00000026!important;padding:32px!important;max-width:480px!important}body.light-mode .figma-content-area.finance-page .modal-content h3{display:none!important}body.light-mode .figma-content-area.finance-page .edit-card-form,body.light-mode .figma-content-area.finance-page .add-card-form{padding:0!important;background:transparent!important}body.light-mode .figma-content-area.finance-page .form-group{margin-bottom:20px!important}body.light-mode .figma-content-area.finance-page .form-group label{color:#374151!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important;display:block!important}body.light-mode .figma-content-area.finance-page .form-group input{width:100%!important;background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:8px!important;padding:12px 14px!important;color:#111827!important;font-size:15px!important;transition:all .2s ease!important;box-sizing:border-box!important}body.light-mode .figma-content-area.finance-page .form-group input:focus{outline:none!important;border-color:var(--primary-color)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)!important}body.light-mode .figma-content-area.finance-page .checkbox-wrapper{display:flex!important;align-items:center!important;gap:10px!important;margin:20px 0!important}body.light-mode .figma-content-area.finance-page .checkbox-wrapper input[type=checkbox]{width:20px!important;height:20px!important;border:2px solid #d1d5db!important;border-radius:4px!important;cursor:pointer!important;margin:0!important}body.light-mode .figma-content-area.finance-page .checkbox-wrapper input[type=checkbox]:checked{background:var(--primary-color)!important;border-color:var(--primary-color)!important}body.light-mode .figma-content-area.finance-page .checkbox-wrapper label{color:#374151!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;margin:0!important}body.light-mode .figma-content-area.finance-page .modal-actions{display:flex!important;gap:12px!important;justify-content:flex-end!important;padding:0!important;margin-top:24px!important}body.light-mode .figma-content-area.finance-page .modal-actions button{padding:12px 24px!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;border:none!important}body.light-mode .figma-content-area.finance-page .cancel-btn{background:#f3f4f6!important;color:#6b7280!important}body.light-mode .figma-content-area.finance-page .cancel-btn:hover{background:#e5e7eb!important;color:#374151!important}body.light-mode .figma-content-area.finance-page .save-btn{background:var(--primary-color)!important;color:#fff!important}body.light-mode .figma-content-area.finance-page .save-btn:hover{background:#6a92c4!important}body.light-mode .figma-content-area.finance-page .delete-confirm-btn{background:#ef4444!important;color:#fff!important}body.light-mode .figma-content-area.finance-page .delete-confirm-btn:hover{background:#dc2626!important}.toast-notification{position:fixed;bottom:20px;right:20px;background:#141414f2;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;min-width:300px;max-width:500px;box-shadow:0 8px 32px #0006;transform:translate(400px);opacity:0;transition:all .3s ease;z-index:10000;border:1px solid var(--primary-color)}.toast-notification.show{transform:translate(0);opacity:1}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.toast-success .toast-icon{background:#4caf50;color:#fff}.toast-error .toast-icon{background:#f44336;color:#fff}.toast-info .toast-icon{background:var(--primary-color);color:#fff}.toast-message{color:#fff;font-size:14px;line-height:1.4}@media(max-width:768px){.toast-notification{bottom:10px;right:10px;left:10px;min-width:auto}}.profile-picture-upload{transition:all .3s ease;border-radius:12px;padding:16px}.profile-picture-upload:hover{background:rgba(var(--primary-color-rgb),.05);transform:translateY(-2px)}.profile-picture-upload:active{transform:translateY(0)}.profile-picture-preview{transition:all .3s ease}.profile-picture-upload:hover .profile-picture-preview{box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.3)}.btn-upload-cert{background:rgba(var(--primary-color-rgb),.2);color:var(--primary-color);border:1px solid rgba(var(--primary-color-rgb),.5);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-upload-cert:hover{background:rgba(var(--primary-color-rgb),.3);border-color:var(--primary-color);transform:translateY(-1px)}.btn-upload-cert:active{transform:translateY(0)}.empty-state-icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff6}.empty-state-icon svg{opacity:.6}body.light-mode .content-type-hint{color:#6b7280}body.light-mode .radio-option{background:var(--bg-tertiary);border-color:var(--border-color)}body.light-mode .assignment-text-content textarea{border:2px solid var(--border-color)!important;background:var(--input-bg)!important}body.light-mode .assignment-text-content textarea:focus{border-color:var(--primary-color)!important;background:var(--bg-secondary)!important}body.light-mode .radio-option:hover{background:var(--card-hover);border-color:var(--primary-color)}body.light-mode .radio-option span{color:var(--text-primary)}body.light-mode .file-upload-area{background:var(--bg-tertiary);border-color:var(--border-color)}body.light-mode .file-upload-area:hover{background:var(--card-hover);border-color:var(--primary-color)}body.light-mode .upload-placeholder svg{color:var(--primary-color)}body.light-mode .upload-placeholder p{color:#1f2937}body.light-mode .upload-placeholder span{color:#6b7280}body.light-mode .file-preview{background:var(--primary-light);border-color:var(--primary-color)}body.light-mode .file-name{color:#1f2937}body.light-mode .file-size{color:#6b7280}body.light-mode .remove-file-btn{background:#ef44441a;border-color:#ef44444d}body.light-mode .remove-file-btn:hover{background:#ef444433;border-color:#ef444480}.create-questions-btn{background:var(--primary-color);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.create-questions-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid var(--border-color);margin-top:20px}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--text-primary)}.modal-body{padding:20px 0}.modal-body .form-group{margin-bottom:16px}.modal-body .form-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-size:14px;font-weight:500}.setting-header{display:flex;align-items:center;gap:8px}.lock-icon{color:var(--primary-color);flex-shrink:0}.coming-soon-badge{display:inline-flex;align-items:center;padding:4px 8px;background:#ffc10726;border:1px solid rgba(255,193,7,.3);border-radius:12px;font-size:11px;font-weight:600;color:#ffc107;text-transform:uppercase;letter-spacing:.5px}.setting-item.disabled{opacity:.6;pointer-events:none;position:relative}.setting-item.disabled:after{content:"";position:absolute;inset:0;background:#0000000d;border-radius:12px;pointer-events:none}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-switch.disabled input{cursor:not-allowed}body.light-mode .coming-soon-badge{background:#ffc1071a;border-color:#ffc10766;color:#f57c00}body.light-mode .setting-item.disabled:after{background:#00000005}.lesson-title-with-icon{display:flex;align-items:center;gap:8px}.lesson-icon{display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.lesson-icon svg{color:var(--primary-color)}.my-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:20px 0}.course-card-modern{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease}.course-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:var(--primary-color)}.course-status-badge-modern{position:absolute;top:12px;left:12px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.course-status-badge-modern.status-active{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.4)}.course-status-badge-modern.status-draft{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.4)}.course-status-badge-modern.status-archived{background:#9ca3af33;color:#9ca3af;border:1px solid rgba(156,163,175,.4)}.course-title-modern{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-description-modern{font-size:13px;color:var(--text-secondary);margin:0 0 16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-stats-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.stat-label-modern-old{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.course-revenue-modern{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--border-color);margin-bottom:16px}.revenue-label-modern{font-size:13px;color:var(--text-secondary)}.revenue-amount-modern{font-size:18px;font-weight:700;color:var(--primary-color)}.course-actions-modern{display:flex;gap:8px}.course-btn-modern{flex:1;padding:10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.course-btn-modern:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.course-btn-delete-modern:hover{background:#ff3b30;border-color:#ff3b30;color:#fff}.courses-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px;flex-wrap:wrap}.search-section{flex:1;min-width:250px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-secondary);pointer-events:none}#courseSearchInput{width:100%;padding:10px 12px 10px 40px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px}#courseSearchInput:focus{outline:none;border-color:var(--primary-color)}.sort-section{display:flex;align-items:center;gap:12px}#courseSortSelect{padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer}#courseSortSelect:focus{outline:none;border-color:var(--primary-color)}.course-filter-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.filter-tab{padding:8px 16px;background:none!important;border:none!important;border-radius:0!important;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:color .2s ease;outline:none!important;display:inline-block;line-height:1.5;box-shadow:none!important;vertical-align:middle;-webkit-tap-highlight-color:transparent!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.filter-tab:focus,.filter-tab:focus-visible,.filter-tab:active,.filter-tab:focus-within{outline:none!important;border:none!important;box-shadow:none!important;background:none!important;-webkit-tap-highlight-color:transparent!important}.filter-tab:hover{background:transparent;color:var(--text-primary)}.filter-tab.active{background:transparent!important;color:var(--primary-color)!important;border:none!important;outline:none!important;font-weight:600!important}body.light-mode .course-card-modern{background:#fff;border-color:#e5e7eb}body.light-mode .course-card-modern:hover{box-shadow:0 8px 24px #00000014}body.light-mode .course-btn-modern{background:#f3f4f6;border-color:#e5e7eb}.course-card-modern{background:var(--card-bg);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s;border:1px solid var(--border-color)}.course-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.course-thumbnail-modern{width:100%;height:180px;background-size:cover;background-position:center;background-color:var(--primary-color);position:relative}.course-status-badge-modern{position:absolute;top:10px;left:10px;padding:4px 12px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.course-status-badge-modern.status-active{background:#10b981;color:#fff}.course-status-badge-modern.status-draft{background:var(--primary-color);color:#fff}.course-status-badge-modern.status-archived{background:#6b7280;color:#fff}.course-card-body-modern{padding:20px}.course-title-modern{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-description-modern{font-size:14px;color:var(--text-secondary);margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;height:42px;min-height:42px}.course-stats-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 32px;margin-bottom:16px;padding:0}.stat-item-modern{text-align:center}.stat-value-modern{font-size:22px;font-weight:700;color:var(--primary-color);margin-bottom:4px;line-height:1}.stat-label-modern{font-size:12px;color:var(--text-secondary);font-weight:400}.course-revenue-modern{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;margin-bottom:20px;border-top:1px solid var(--border-color)}.revenue-label-modern{font-size:14px;color:var(--text-secondary);font-weight:500}.revenue-amount-modern{font-size:22px;font-weight:700;color:var(--primary-color)}.course-actions-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.course-btn-modern{padding:10px 16px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.course-btn-modern:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.course-btn-modern.btn-delete:hover{background:#ef4444;border-color:#ef4444}button.filter-tab,button.filter-tab:focus,button.filter-tab:active,button.filter-tab:focus-visible,button.filter-tab:hover,button.filter-tab:focus-within{background:transparent!important;background-color:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-focus-ring-color:transparent!important}button.filter-tab:before,button.filter-tab:after{display:none!important}button.filter-tab.active{background:transparent!important;background-color:transparent!important}.stats-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card-label{font-size:13px;color:var(--text-secondary);margin-bottom:12px;font-weight:500}.stat-card-value{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1}.stat-card-change{font-size:12px;font-weight:500}.stat-card-change.positive{color:#10b981}.stat-card-change.negative{color:#ef4444}.stat-card-sublabel{font-size:12px;color:var(--text-secondary);margin-top:4px}@media(max-width:1200px){.stats-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-cards-grid{grid-template-columns:1fr}}.course-category-badge{display:inline-block;padding:4px 10px;background:var(--bg-secondary);color:var(--text-secondary);font-size:11px;font-weight:600;border-radius:6px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.lesson-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;margin-bottom:8px;background:var(--card-bg);border:1px solid var(--border-color);transition:all .2s ease}.lesson-item:hover{background:var(--card-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.lesson-title-with-icon{display:flex;align-items:center;gap:10px;flex:1}.lesson-icon{color:var(--primary-color);flex-shrink:0}.lesson-info-actions{display:flex;align-items:center;gap:12px}.lesson-duration{color:var(--text-secondary);font-size:14px;font-weight:500}.view-btn{background:var(--primary-color);color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.lesson-info-actions .view-btn:hover{background:var(--primary-color)!important;color:#fff!important;opacity:.85}.lesson-info-actions .delete-btn:hover{opacity:.85}.edit-btn{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);padding:6px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.video-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-modal-content{background:#232323;border-radius:12px;overflow:hidden;max-width:90vw;max-height:90vh;box-shadow:0 20px 40px #0000004d;border:1px solid var(--border-color)}.video-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.video-modal-header h3{margin:0;color:var(--text-primary);font-size:18px;font-weight:600}.close-modal-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease}.close-modal-btn:hover{background:var(--card-hover);color:var(--text-primary)}.video-container{padding:24px;background:#232323}.video-container video{border-radius:8px;max-width:800px;min-width:400px}.add-question-btn{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.add-answer-btn{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px;margin-top:8px}.question-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:16px;transition:all .2s ease}.question-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.1)}.question-header{display:flex;gap:12px;margin-bottom:12px}.question-input{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px;color:var(--text-primary);font-size:14px;transition:border-color .2s ease}.question-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.remove-question-btn{background:var(--card-hover);color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.remove-question-btn:hover{background:#ef44441a;border-color:#ef4444}.answer-option{display:flex;align-items:center;gap:12px;margin-bottom:8px}.answer-input{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px;color:var(--text-primary);font-size:13px;transition:border-color .2s ease}.answer-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.answer-checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.answer-checkbox:hover{border-color:var(--primary-color)}.answer-checkbox.checked{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.answer-checkbox .checkmark{font-size:12px;font-weight:700;opacity:0;transition:opacity .2s ease}.answer-checkbox.checked .checkmark{opacity:1}.save-lesson-btn:hover,.cancel-lesson-btn:hover,.btn-primary:hover,.btn-secondary:hover,.add-question-btn:hover,.add-answer-btn:hover,.edit-btn:hover,.view-btn:hover,.create-questions-btn:hover,.modal-close-btn:hover,.remove-question-btn:hover{background:inherit!important;color:inherit!important;border-color:inherit!important;transform:none!important;box-shadow:none!important}.lesson-form.assignment-lesson-form .save-lesson-btn:hover,.lesson-form.assignment-lesson-form .save-lesson-btn:focus{background:var(--primary-color)!important;color:#fff!important;opacity:.85}.lesson-form.assignment-lesson-form .cancel-lesson-btn:hover,.lesson-form.assignment-lesson-form .cancel-lesson-btn:focus{background:transparent!important;color:var(--text-secondary)!important;border-color:#ffffff8c!important}.lesson-form .create-questions-btn:hover,.lesson-form .create-questions-btn:focus{background:var(--primary-color)!important;color:#fff!important;opacity:.85}#createQuestionsModal .btn-primary:hover,#createQuestionsModal .btn-primary:focus{background:var(--primary-color)!important;color:#fff!important;opacity:.85}#createQuestionsModal .btn-secondary:hover,#createQuestionsModal .btn-secondary:focus{border-color:#ffffff8c!important}.delete-btn{background:#ff3b30;color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.figma-btn-logout{background:linear-gradient(135deg,#dc3545,#c82333)!important;color:#fff!important;border:none!important;transition:all .3s ease!important}.figma-btn-logout:hover{background:linear-gradient(135deg,#c82333,#bd2130)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #dc354566!important}.figma-btn-logout:active,.figma-btn-logout:focus{color:#fff!important}[data-theme=light] .figma-btn-logout,[data-theme=dark] .figma-btn-logout,[data-theme=light] .figma-btn-logout:hover,[data-theme=dark] .figma-btn-logout:hover{color:#fff!important}.figma-notification-btn{position:relative!important;padding:8px 16px!important;display:flex!important;align-items:center!important;gap:8px!important}.figma-notification-btn svg{flex-shrink:0}.notification-text{font-size:14px;font-weight:500}.notification-badge{position:absolute;top:-4px;right:-4px;background:#dc3545;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d}@media(max-width:768px){body:has(.figma-dashboard){padding-top:0!important;overflow-x:hidden!important}.figma-dashboard{width:100vw!important;overflow-x:hidden!important}.figma-header{padding:10px 15px!important;height:60px!important;width:100%!important;box-sizing:border-box!important}.figma-header .container{padding:0!important}.figma-header-left{gap:10px!important}.figma-logo{height:25px!important}.figma-page-title{font-size:18px!important;display:none}.figma-header-right{gap:8px!important}.figma-header-btn{padding:6px 12px!important;font-size:12px!important;border-radius:6px!important}.figma-notification-btn,.figma-profile-btn{width:35px!important;height:35px!important}.figma-mobile-toggle{display:flex!important;width:35px;height:35px;background:#3a38384d;border:1px solid var(--primary-color);border-radius:6px;cursor:pointer;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.figma-mobile-toggle:hover{background:#3a383880}.figma-mobile-toggle span{width:18px;height:2px;background:#fff;display:block;position:relative;transition:all .3s ease}.figma-mobile-toggle span:before,.figma-mobile-toggle span:after{content:"";position:absolute;width:18px;height:2px;background:#fff;transition:all .3s ease}.figma-mobile-toggle span:before{top:-6px}.figma-mobile-toggle span:after{top:6px}.figma-mobile-toggle.active span{background:transparent}.figma-mobile-toggle.active span:before{transform:rotate(45deg);top:0}.figma-mobile-toggle.active span:after{transform:rotate(-45deg);top:0}.figma-sidebar{position:fixed!important;left:-100%!important;top:60px!important;width:280px!important;max-width:85vw!important;height:calc(100vh - 60px)!important;z-index:999!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;background:#232323fa!important;-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;border-right:1px solid rgba(var(--primary-color-rgb),.3)!important;overflow-y:auto!important;box-sizing:border-box!important}.figma-sidebar.mobile-open{left:0!important}.figma-sidebar-content{padding:20px 15px!important}.figma-menu-parent{margin-bottom:8px!important;padding:12px 15px!important;font-size:14px!important}.figma-menu-child,.figma-single-link{padding:10px 20px!important;font-size:13px!important}.figma-main-layout{display:block!important;width:100%!important;margin-top:60px!important;padding:0!important;gap:0!important;min-height:calc(100vh - 60px)!important}.figma-content-area{margin-left:0!important;padding:15px!important;width:100%!important;min-height:calc(100vh - 60px)!important;background:#232323!important;overflow-x:hidden!important;box-sizing:border-box!important;position:relative!important;z-index:1!important}.figma-content-wrapper{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.figma-profile-section{flex-direction:column!important;gap:20px!important;padding:20px 15px!important;border-radius:16px!important;margin:0 0 25px!important;background:#3a383866!important;border:1px solid rgba(var(--primary-color-rgb),.3)!important;width:100%!important;box-sizing:border-box!important;text-align:center!important;align-items:center!important}.figma-profile-left{text-align:center!important;width:100%!important}.figma-profile-avatar{width:100px!important;height:100px!important;margin:0 auto 15px!important;border-radius:50%!important;border:3px solid var(--primary-color)!important}.figma-profile-info h2{font-size:22px!important;margin-bottom:8px!important;color:#fff!important}.figma-profile-info p{font-size:14px!important;margin-bottom:5px!important;color:#a0a0a0!important}.figma-profile-rating{justify-content:center!important;margin:10px 0!important;gap:5px!important}.figma-profile-rating .star{color:#fbbf24!important;font-size:16px!important}.figma-profile-rating .rating-text{color:#a0a0a0!important;font-size:12px!important;margin-left:8px!important}.figma-profile-right{width:100%!important}.figma-profile-actions{flex-direction:column!important;gap:12px!important;width:100%!important}.figma-profile-btn{width:100%!important;padding:12px 20px!important;font-size:14px!important;border-radius:8px!important;background:rgba(var(--primary-color-rgb),.2)!important;border:1px solid var(--primary-color)!important;color:#fff!important;transition:all .3s ease!important}.figma-profile-btn:hover{background:rgba(var(--primary-color-rgb),.3)!important;transform:translateY(-1px)!important}.figma-stats-grid{display:grid!important;grid-template-columns:1fr!important;gap:15px!important;margin:0!important;width:100%!important}.figma-stats-card{padding:20px 15px!important;border-radius:12px!important;background:#3a38384d!important;border:1px solid rgba(var(--primary-color-rgb),.2)!important;transition:all .3s ease!important;width:100%!important;box-sizing:border-box!important}.figma-stats-card:hover{background:#3a383866!important;border-color:var(--primary-color)!important;transform:translateY(-2px)!important}.figma-stats-title{font-size:11px!important;margin-bottom:8px!important;color:#a0a0a0!important;text-transform:uppercase!important;letter-spacing:.5px!important}.figma-stats-value{font-size:24px!important;font-weight:700!important;color:#fff!important;margin-bottom:4px!important}.figma-stats-label{font-size:10px!important;color:var(--primary-color)!important}.figma-stats-card .revenue-value,.figma-stats-card .balance-value{color:#10b981!important}.figma-bio-section{padding:15px!important;border-radius:12px!important;margin:20px 0!important;background:#3a38384d!important;border:1px solid rgba(var(--primary-color-rgb),.2)!important}.figma-bio-header{flex-direction:column!important;gap:12px!important;align-items:flex-start!important;margin-bottom:15px!important}.figma-bio-title{font-size:18px!important;color:#fff!important;margin:0!important}.figma-bio-actions{width:100%!important;justify-content:flex-end!important}.figma-bio-text{font-size:14px!important;line-height:1.6!important;color:#a0a0a0!important;margin:0!important}.figma-bio-edit-btn{padding:8px 16px!important;font-size:12px!important;background:rgba(var(--primary-color-rgb),.2)!important;border:1px solid var(--primary-color)!important;color:var(--primary-color)!important;border-radius:6px!important;transition:all .3s ease!important}.figma-bio-edit-btn:hover{background:rgba(var(--primary-color-rgb),.3)!important;color:#fff!important}.figma-mobile-overlay{display:none!important;position:fixed!important;top:60px!important;left:0!important;width:100vw!important;height:calc(100vh - 60px)!important;background:#0009!important;z-index:998!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;transition:all .3s ease!important}.figma-mobile-overlay.active{display:block!important}.figma-form-group{margin-bottom:15px!important}.figma-form-label{font-size:13px!important;margin-bottom:6px!important}.figma-form-input,.figma-form-textarea{padding:10px 12px!important;font-size:14px!important;border-radius:8px!important}.figma-form-textarea{min-height:100px!important}.figma-btn{padding:10px 16px!important;font-size:13px!important;border-radius:8px!important}.figma-btn-primary,.figma-btn-secondary{width:100%!important}.figma-modal-content{width:95%!important;max-width:400px!important;margin:20px auto!important;border-radius:12px!important}.figma-modal-header{padding:15px 20px!important}.figma-modal-title{font-size:18px!important}.figma-modal-body{padding:20px!important}.figma-modal-footer{padding:15px 20px!important;flex-direction:column!important;gap:10px!important}.figma-certificates-grid{grid-template-columns:1fr!important;gap:15px!important}.figma-certificate-card{padding:15px!important;border-radius:10px!important}.figma-certificate-title{font-size:14px!important}.figma-certificate-org{font-size:12px!important}.figma-achievements-list{gap:12px!important}.figma-achievement-item{padding:12px 15px!important;border-radius:8px!important}.figma-achievement-text{font-size:13px!important}.figma-subscription-card{padding:20px 15px!important;border-radius:12px!important;margin:20px 0!important}.figma-subscription-title{font-size:18px!important;margin-bottom:15px!important}.figma-subscription-status{font-size:14px!important;padding:8px 12px!important;border-radius:6px!important}.desktop-only{display:none!important}.mobile-only{display:block!important}.figma-table-responsive{overflow-x:auto!important}.figma-table{min-width:600px!important}.figma-table th,.figma-table td{padding:8px 10px!important;font-size:12px!important}.figma-toast{bottom:20px!important;left:15px!important;right:15px!important;width:auto!important;border-radius:10px!important}.figma-loading-spinner{width:30px!important;height:30px!important}.figma-course-grid{grid-template-columns:1fr!important;gap:15px!important}.figma-course-card{padding:15px!important;border-radius:10px!important}.figma-course-title{font-size:16px!important}.figma-course-description{font-size:13px!important;line-height:1.4!important}.figma-student-grid{grid-template-columns:1fr!important;gap:12px!important}.figma-student-card{padding:12px!important;border-radius:8px!important}.figma-chart-container{height:250px!important;margin:15px 0!important}.figma-settings-section{padding:20px 15px!important;margin-bottom:15px!important;border-radius:10px!important}.figma-settings-title{font-size:16px!important;margin-bottom:15px!important}.figma-file-upload{padding:30px 15px!important;border-radius:10px!important}.figma-upload-text{font-size:14px!important}.figma-progress-bar{height:6px!important;border-radius:3px!important}.figma-badge{padding:4px 8px!important;font-size:11px!important;border-radius:4px!important}.figma-dropdown-menu{width:100%!important;max-width:none!important;left:0!important;right:0!important}.figma-dropdown-item{padding:12px 15px!important;font-size:14px!important}}@media(max-width:1024px)and (min-width:769px){.figma-sidebar{width:220px!important}.figma-main-content{margin-left:220px!important;padding:30px 25px!important}.figma-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.figma-profile-section{padding:25px 20px!important}.figma-course-grid,.figma-certificates-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.figma-sidebar:not(.mobile-open){left:-100%!important}.figma-sidebar.mobile-open{left:0!important}.figma-avatar-circle{width:80px!important;height:80px!important;border:2px solid var(--primary-color)!important;box-shadow:0 0 0 1px rgba(var(--primary-color-rgb),.3)!important}.figma-avatar-circle svg{width:32px!important;height:32px!important}.figma-profile-name{font-size:20px!important;text-align:center!important}.figma-profile-title,.figma-profile-location{text-align:center!important;font-size:13px!important}.figma-profile-rating{justify-content:center!important}.figma-profile-buttons{flex-direction:row!important;justify-content:center!important;gap:10px!important}.figma-profile-btn{flex:1!important;min-width:auto!important;padding:10px 16px!important;font-size:12px!important}.figma-stat-row{padding:6px 0!important}.figma-stat-label{font-size:12px!important}.figma-stat-value{font-size:13px!important}.figma-achievement-item{padding:6px 0!important}.figma-achievement-text{font-size:12px!important}.figma-bio-text{font-size:13px!important;line-height:1.5!important}.figma-menu-parent{padding:10px 12px!important;margin-bottom:8px!important}.figma-menu-title{font-size:13px!important}.figma-menu-child{padding:8px 16px!important;font-size:12px!important}.figma-single-link{padding:10px 12px!important;font-size:13px!important}.figma-subscription{margin-top:15px!important;padding-top:15px!important}}@media(min-width:769px){.figma-header{display:flex;align-items:center;justify-content:space-between;padding:15px 30px}.figma-header-left{display:flex;align-items:center;gap:30px;margin-left:30px}.figma-logo h1{margin-left:20px!important}.figma-header-right{display:flex;align-items:center}.figma-mobile-toggle{display:none!important}.figma-title{display:block}.mobile-only{display:none!important}.desktop-only{display:flex!important}}@media(max-width:768px){.figma-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 15px!important;height:60px!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important;background:#232323f2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(var(--primary-color-rgb),.2)!important;box-sizing:border-box!important}.figma-header-left{display:flex!important;align-items:center!important;gap:15px!important;flex:1!important}.figma-header-right{display:flex!important;align-items:center!important;position:relative!important}.figma-mobile-toggle{display:flex!important;order:1!important;width:40px!important;height:40px!important;background:#3a38384d!important;border:1px solid var(--primary-color)!important;border-radius:8px!important;cursor:pointer!important;align-items:center!important;justify-content:center!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;transition:all .3s ease!important}.figma-logo{order:2!important;flex:1!important;text-align:center!important}.figma-logo h1{font-size:24px!important;margin:0!important}.figma-title,.desktop-only{display:none!important}.mobile-only{display:flex!important}.figma-mobile-menu-btn{width:40px;height:40px;background:#3a38384d;border:1px solid var(--primary-color);border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;color:#fff}.figma-mobile-menu-btn:hover{background:#3a383880;border-color:var(--primary-color)}.figma-mobile-menu-btn.active{background:rgba(var(--primary-color-rgb),.3);border-color:var(--primary-color)}.figma-mobile-dropdown{position:absolute!important;top:100%!important;right:0!important;width:280px!important;max-width:90vw!important;background:#232323fa!important;-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;border:1px solid rgba(var(--primary-color-rgb),.3)!important;border-radius:12px!important;box-shadow:0 8px 32px #0006!important;margin-top:8px!important;opacity:0!important;visibility:hidden!important;transform:translateY(-10px)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;z-index:1001!important;overflow:hidden!important;box-sizing:border-box!important}.figma-mobile-dropdown.active{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.figma-mobile-dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:15px 20px;background:transparent;border:none;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.figma-mobile-dropdown-item:last-child{border-bottom:none}.figma-mobile-dropdown-item:hover{background:rgba(var(--primary-color-rgb),.2);color:#fff}.figma-mobile-dropdown-item.primary{background:rgba(var(--primary-color-rgb),.2);color:var(--primary-color);font-weight:600}.figma-mobile-dropdown-item.primary:hover{background:rgba(var(--primary-color-rgb),.3);color:#fff}.figma-mobile-dropdown-item.logout{color:#ef4444}.figma-mobile-dropdown-item.logout:hover{background:#ef444433;color:#fff}.figma-mobile-dropdown-item svg{width:18px;height:18px;flex-shrink:0}.figma-mobile-dropdown-item span{flex:1;text-align:left}.notification-badge-mobile{background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}}@media(max-width:480px){.figma-header{padding:8px 12px!important}.figma-mobile-toggle{width:36px!important;height:36px!important}.figma-logo h1{font-size:20px!important}.figma-sidebar{width:260px!important;max-width:90vw!important}.figma-content-area,.figma-profile-section{padding:12px!important}.figma-stats-card{padding:15px 12px!important}.figma-mobile-dropdown{width:260px!important;max-width:95vw!important}}@media(max-width:768px)and (orientation:landscape){.figma-header{height:50px!important}.figma-sidebar{top:50px!important;height:calc(100vh - 50px)!important}.figma-main-layout{margin-top:50px!important}.figma-mobile-overlay{top:50px!important;height:calc(100vh - 50px)!important}.figma-stats-grid{grid-template-columns:1fr 1fr!important}}@media(hover:none)and (pointer:coarse){.figma-mobile-toggle,.figma-mobile-menu-btn{min-height:44px!important;min-width:44px!important}.figma-profile-btn,.figma-menu-parent{min-height:44px!important}.figma-menu-child{min-height:40px!important}.figma-mobile-dropdown-item{min-height:48px!important;padding:12px 20px!important}}@media(max-width:768px)and (-webkit-min-device-pixel-ratio:2){.figma-header{border-bottom-width:.5px!important}.figma-sidebar{border-right-width:.5px!important}.figma-stats-card,.figma-profile-section{border-width:.5px!important}}@media(max-width:768px)and (prefers-color-scheme:dark){.figma-mobile-overlay{background:#000000b3!important}.figma-sidebar,.figma-mobile-dropdown{background:#141414fa!important}}@media(max-width:768px){.figma-mobile-toggle:focus,.figma-mobile-menu-btn:focus{outline:2px solid var(--primary-color)!important;outline-offset:2px!important}.figma-menu-child:focus,.figma-single-link:focus{outline:1px solid var(--primary-color)!important;outline-offset:1px!important}@media(prefers-reduced-motion:reduce){.figma-sidebar,.figma-mobile-overlay,.figma-mobile-dropdown{transition:none!important}}}@media(max-width:768px){.figma-sidebar{will-change:left!important}.figma-mobile-overlay{will-change:opacity!important}.figma-mobile-dropdown{will-change:opacity,transform!important}.figma-sidebar{scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important}}@media(max-width:768px){html{overflow-x:hidden!important;width:100%!important}body{overflow-x:hidden!important;width:100%!important;position:relative!important}.figma-dashboard{width:100%!important;max-width:100vw!important;overflow-x:hidden!important;position:relative!important}.figma-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important;box-sizing:border-box!important}.figma-sidebar{position:fixed!important;top:60px!important;left:-100%!important;width:280px!important;max-width:85vw!important;height:calc(100vh - 60px)!important;z-index:999!important;box-sizing:border-box!important;transform:translateZ(0)!important}.figma-sidebar.mobile-open{left:0!important}.figma-content-area{margin-left:0!important;margin-top:0!important;padding:15px!important;width:100%!important;box-sizing:border-box!important;min-height:calc(100vh - 60px)!important;position:relative!important;z-index:1!important}.figma-main-layout{margin-top:60px!important;padding:0!important;width:100%!important;box-sizing:border-box!important}.figma-profile-section{margin:0 0 20px!important;padding:15px!important;width:100%!important;box-sizing:border-box!important}.figma-stats-grid{width:100%!important;box-sizing:border-box!important;margin:0!important}.figma-stats-card{width:100%!important;box-sizing:border-box!important}.figma-mobile-overlay{position:fixed!important;top:60px!important;left:0!important;width:100vw!important;height:calc(100vh - 60px)!important;z-index:998!important}.figma-mobile-dropdown{position:absolute!important;top:100%!important;right:0!important;z-index:1001!important;box-sizing:border-box!important}*{max-width:100%!important}.figma-header-left,.figma-header-right{overflow:visible!important}.figma-logo h1{font-size:22px!important;white-space:nowrap!important}.figma-mobile-toggle,.figma-mobile-menu-btn{flex-shrink:0!important}}@media(max-width:480px){.figma-header{padding:8px 10px!important}.figma-logo h1{font-size:18px!important}.figma-sidebar{width:260px!important;max-width:90vw!important}.figma-content-area{padding:10px!important}.figma-mobile-dropdown{width:250px!important;max-width:95vw!important;right:5px!important}}@media(max-width:768px)and (orientation:landscape)and (max-height:500px){.figma-header{height:50px!important;padding:5px 15px!important}.figma-logo h1{font-size:18px!important}.figma-sidebar{top:50px!important;height:calc(100vh - 50px)!important}.figma-main-layout{margin-top:50px!important}.figma-mobile-overlay{top:50px!important;height:calc(100vh - 50px)!important}}@media(max-width:768px){html,body{overflow-x:hidden!important;width:100%!important;max-width:100%!important}.figma-dashboard{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.figma-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 15px!important;height:60px!important;width:100%!important;box-sizing:border-box!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;background:#232323f2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(var(--primary-color-rgb),.2)!important}.figma-header-left{display:flex!important;align-items:center!important;gap:15px!important;flex:1!important;min-width:0!important}.figma-header-right{display:flex!important;align-items:center!important;gap:8px!important;flex-shrink:0!important}.figma-mobile-toggle{display:flex!important;width:40px!important;height:40px!important;background:#3a38384d!important;border:1px solid var(--primary-color)!important;border-radius:8px!important;cursor:pointer!important;align-items:center!important;justify-content:center!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;transition:all .3s ease!important;flex-shrink:0!important;order:1!important}.figma-mobile-toggle:hover{background:#3a383880!important;border-color:var(--primary-color)!important}.figma-mobile-toggle span{width:18px!important;height:2px!important;background:#fff!important;display:block!important;position:relative!important;transition:all .3s ease!important}.figma-mobile-toggle span:before,.figma-mobile-toggle span:after{content:""!important;position:absolute!important;width:18px!important;height:2px!important;background:#fff!important;transition:all .3s ease!important}.figma-mobile-toggle span:before{top:-6px!important}.figma-mobile-toggle span:after{top:6px!important}.figma-mobile-toggle.active span{background:transparent!important}.figma-mobile-toggle.active span:before{transform:rotate(45deg)!important;top:0!important}.figma-mobile-toggle.active span:after{transform:rotate(-45deg)!important;top:0!important}.figma-logo{flex:1!important;text-align:left!important;min-width:0!important;order:2!important;margin-left:10px!important}.figma-logo h1{font-size:22px!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.desktop-only{display:none!important}.mobile-only{display:flex!important}.figma-mobile-menu-btn{width:40px!important;height:40px!important;background:#3a38384d!important;border:1px solid var(--primary-color)!important;border-radius:8px!important;cursor:pointer!important;transition:all .3s ease!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;flex-shrink:0!important}.figma-mobile-menu-btn:hover{background:#3a383880!important;border-color:var(--primary-color)!important}.figma-mobile-menu-btn.active{background:rgba(var(--primary-color-rgb),.3)!important;border-color:var(--primary-color)!important}.figma-sidebar{position:fixed!important;top:60px!important;left:-100%!important;width:280px!important;max-width:85vw!important;height:calc(100vh - 60px)!important;z-index:999!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;background:#232323fa!important;-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;border-right:1px solid rgba(var(--primary-color-rgb),.3)!important;overflow-y:auto!important;box-sizing:border-box!important;padding:20px 15px!important}.figma-sidebar.mobile-open{left:0!important}.figma-main-layout{display:block!important;width:100%!important;margin-top:60px!important;padding:0!important;gap:0!important;min-height:calc(100vh - 60px)!important;box-sizing:border-box!important}.figma-content-area{margin-left:0!important;padding:15px!important;width:100%!important;min-height:calc(100vh - 60px)!important;background:#232323!important;overflow-x:hidden!important;box-sizing:border-box!important;position:relative!important;z-index:1!important}.figma-mobile-overlay{display:none!important;position:fixed!important;top:60px!important;left:0!important;width:100vw!important;height:calc(100vh - 60px)!important;background:#0009!important;z-index:998!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;transition:all .3s ease!important}.figma-mobile-overlay.active{display:block!important}.figma-mobile-dropdown{position:absolute!important;top:100%!important;right:0!important;width:280px!important;max-width:90vw!important;background:#232323fa!important;-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;border:1px solid rgba(var(--primary-color-rgb),.3)!important;border-radius:12px!important;box-shadow:0 8px 32px #0006!important;margin-top:8px!important;opacity:0!important;visibility:hidden!important;transform:translateY(-10px)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;z-index:1001!important;overflow:hidden!important;box-sizing:border-box!important}.figma-mobile-dropdown.active{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.figma-mobile-dropdown-item{width:100%!important;display:flex!important;align-items:center!important;gap:12px!important;padding:15px 20px!important;background:transparent!important;border:none!important;color:#fff!important;font-size:14px!important;cursor:pointer!important;transition:all .3s ease!important;border-bottom:1px solid rgba(255,255,255,.1)!important;position:relative!important;box-sizing:border-box!important}.figma-mobile-dropdown-item:last-child{border-bottom:none!important}.figma-mobile-dropdown-item:hover{background:rgba(var(--primary-color-rgb),.2)!important;color:#fff!important}.figma-mobile-dropdown-item.primary{background:rgba(var(--primary-color-rgb),.2)!important;color:var(--primary-color)!important;font-weight:600!important}.figma-mobile-dropdown-item.primary:hover{background:rgba(var(--primary-color-rgb),.3)!important;color:#fff!important}.figma-mobile-dropdown-item.logout{color:#ef4444!important}.figma-mobile-dropdown-item.logout:hover{background:#ef444433!important;color:#fff!important}}@media(min-width:769px){.mobile-only{display:none!important}.desktop-only{display:block!important}.figma-header-buttons.desktop-only{display:flex!important}.figma-title.desktop-only{display:block!important}}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.figma-header-buttons.desktop-only,.figma-title.desktop-only{display:none!important}.figma-mobile-toggle.mobile-only,.figma-mobile-menu-btn.mobile-only{display:flex!important}.figma-header{height:60px!important;min-height:60px!important;max-height:60px!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important}}@media(max-width:768px){.figma-header-left{justify-content:flex-start!important}.figma-header-right{justify-content:flex-end!important}.figma-mobile-toggle{order:1!important}.figma-logo{order:2!important}.figma-mobile-menu-btn{order:3!important}}.figma-avatar-circle{position:relative;background:#232323cc;border:3px solid var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.3),0 4px 12px #0000004d}.figma-avatar-circle:before{display:none}@media(max-width:768px){.figma-avatar-circle{width:100px!important;height:100px!important;border:2px solid var(--primary-color)!important;box-shadow:0 0 0 1px rgba(var(--primary-color-rgb),.3),0 2px 8px #0003!important;margin:0 auto!important}.figma-avatar-circle svg{width:40px!important;height:40px!important;color:var(--primary-color)!important}.figma-avatar-circle img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}}.figma-avatar-circle img{border-radius:50%;object-fit:cover;width:100%;height:100%}@media(max-width:768px){.figma-profile-section{text-align:center!important;align-items:center!important}.figma-profile-info,.figma-profile-name,.figma-profile-title,.figma-profile-location{text-align:center!important}.figma-profile-rating{justify-content:center!important}.figma-profile-buttons{justify-content:center!important;width:100%!important}}@media(max-width:768px){.figma-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 15px!important;height:60px!important;box-sizing:border-box!important}.figma-header-left{display:flex!important;align-items:center!important;gap:15px!important;flex:1!important;justify-content:flex-start!important}.figma-header-right{display:flex!important;align-items:center!important;flex-shrink:0!important}.figma-mobile-toggle.mobile-only{display:flex!important;width:36px!important;height:36px!important;background:#3a383880!important;border:1px solid var(--primary-color)!important;border-radius:6px!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;flex-shrink:0!important}.figma-logo{position:absolute!important;left:50%!important;transform:translate(-50%)!important;text-align:center!important;margin:0!important}.figma-logo h1{font-size:22px!important;margin:0!important;color:#fff!important}.figma-logo span{color:var(--primary-color)!important}.figma-mobile-menu-btn.mobile-only{display:flex!important;width:36px!important;height:36px!important;background:#3a383880!important;border:1px solid var(--primary-color)!important;border-radius:6px!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;color:#fff!important}.desktop-only{display:none!important;visibility:hidden!important}.mobile-only{display:flex!important;visibility:visible!important}}@media(max-width:480px){.figma-header{padding:8px 12px!important}.figma-header-left{gap:12px!important}.figma-mobile-toggle.mobile-only,.figma-mobile-menu-btn.mobile-only{width:36px!important;height:36px!important}.figma-logo h1{font-size:20px!important}}@media(min-width:769px){.mobile-only{display:none!important;visibility:hidden!important}.desktop-only{display:block!important;visibility:visible!important}.figma-header-buttons.desktop-only{display:flex!important}}@media(min-width:769px){.figma-notification-btn{position:relative;background:transparent;border-color:#fff3;color:#fff}.figma-notification-btn:hover{background:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color);color:#fff}.figma-notification-btn .notification-text{font-weight:500}.figma-header-buttons.desktop-only{gap:20px}.figma-header{padding:15px 40px}.figma-header-left{gap:30px}.figma-logo h1{font-size:32px;margin-left:0}.figma-title h2{font-size:28px;margin-left:40px}}@media(min-width:769px){.notification-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1;border:1px solid #232323;box-shadow:0 2px 4px #0003;z-index:10}}@media(min-width:769px){.figma-header{border-bottom:1px solid rgba(var(--primary-color-rgb),.2);background:#232323fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.figma-header-buttons{align-items:center}.figma-btn{font-weight:500;white-space:nowrap}.figma-btn svg{flex-shrink:0}}@media(min-width:769px){.figma-header{display:flex;align-items:center;justify-content:space-between;padding:15px 40px;height:70px;background:#232323fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(var(--primary-color-rgb),.2)}.figma-header-left{display:flex;align-items:center;gap:60px;flex:1}.figma-header-right{display:flex;align-items:center;justify-content:flex-end}.figma-logo h1{font-family:League Spartan,sans-serif;font-size:32px;font-weight:600;color:#fff;margin:0;letter-spacing:-.5px}.figma-logo span{color:var(--primary-color)}.figma-header-center .figma-title h2{font-size:28px;font-weight:600;color:var(--primary-color);margin:0;text-align:center;white-space:nowrap}.figma-header-buttons.desktop-only{display:flex;align-items:center;gap:15px}.figma-notification-btn{position:relative;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.figma-notification-btn:hover{background:rgba(var(--primary-color-rgb),.2);border-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.figma-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.figma-btn:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-1px)}.figma-btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.figma-btn-primary:hover{background:#6b90c7;border-color:#6b90c7;transform:translateY(-1px)}.figma-btn-logout{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.figma-btn-logout:hover{background:#ef444433;border-color:#ef4444;color:#fff;transform:translateY(-1px)}.notification-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1;border:1px solid #232323;box-shadow:0 2px 4px #0003;z-index:10}.mobile-only{display:none!important;visibility:hidden!important}.desktop-only{display:block!important;visibility:visible!important}.figma-header-buttons.desktop-only{display:flex!important}}@media(min-width:769px){.figma-mobile-toggle,.figma-mobile-menu-btn,.figma-mobile-dropdown,.figma-mobile-overlay{display:none!important;visibility:hidden!important}}@media(min-width:1200px){.figma-header{padding:15px 60px}.figma-header-left{gap:50px}.figma-header-buttons.desktop-only{gap:25px}}@media(min-width:769px)and (max-width:1199px){.figma-header{padding:15px 30px}.figma-header-left{gap:30px}.figma-header-center .figma-title h2{font-size:24px}}@media(min-width:769px)and (max-width:1024px){.figma-logo h1{font-size:28px}.figma-header-center .figma-title h2{font-size:22px}.figma-notification-btn .notification-text{display:none}.figma-notification-btn{padding:10px 12px}.figma-header-buttons.desktop-only{gap:12px}.figma-btn{padding:8px 12px;font-size:13px}.figma-btn-logout{padding:8px 14px}}@media(max-width:768px){.desktop-only{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.mobile-only{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.figma-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 15px!important;height:60px!important;box-sizing:border-box!important}.figma-header-left{display:flex!important;align-items:center!important;gap:15px!important;flex:1!important}.figma-header-right{display:flex!important;align-items:center!important;flex-shrink:0!important}}@media(max-width:480px){.figma-header{padding:8px 12px!important}.figma-header-left{gap:12px!important}.figma-logo h1{font-size:20px!important}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.figma-header{border-bottom-width:.5px}.figma-notification-btn,.figma-btn-logout{border-width:.5px}}@media(min-width:769px){.figma-header-buttons .figma-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.figma-notification-btn{background:transparent!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}.figma-notification-btn:hover{background:rgba(var(--primary-color-rgb),.2)!important;border-color:var(--primary-color)!important;color:#fff!important}.figma-btn:not(.figma-notification-btn):not(.figma-btn-primary):not(.figma-btn-logout){background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.figma-btn:not(.figma-notification-btn):not(.figma-btn-primary):not(.figma-btn-logout):hover{background:#ffffff1a;border-color:#fff6}.figma-btn-primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.figma-btn-primary:hover{background:#6b90c7!important;border-color:#6b90c7!important}.figma-btn-logout{background:#ef44441a!important;border:1px solid rgba(239,68,68,.3)!important;color:#ef4444!important}.figma-btn-logout:hover{background:#ef444433!important;border-color:#ef4444!important;color:#fff!important}.figma-header-buttons .figma-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.figma-header-buttons .figma-btn:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}}@media(min-width:769px)and (max-width:1199px){.figma-header-buttons.desktop-only{gap:12px}.figma-header-buttons .figma-btn{padding:8px 14px;font-size:13px}.figma-notification-btn .notification-text{display:none}}@media(min-width:1200px){.figma-header-buttons.desktop-only{gap:18px}.figma-header-buttons .figma-btn{padding:10px 18px;font-size:14px}}@media(max-width:768px){html,body{overflow-x:hidden!important;width:100%!important;height:100%!important}.figma-dashboard{width:100%!important;min-height:100vh!important;overflow-x:hidden!important}.figma-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 15px!important;height:60px!important;min-height:60px!important;max-height:60px!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100vw!important;z-index:1000!important;background:#232323!important;border-bottom:1px solid rgba(var(--primary-color-rgb),.3)!important;box-sizing:border-box!important}.figma-header-left{display:flex!important;align-items:center!important;gap:12px!important;flex:1!important;justify-content:flex-start!important}.figma-header-right{display:flex!important;align-items:center!important;flex-shrink:0!important;justify-content:flex-end!important}.figma-logo h1{font-size:20px!important;margin:0!important;color:#fff!important}.figma-logo span{color:var(--primary-color)!important}.figma-main-layout{margin-top:56px!important;padding:0!important;width:100%!important;min-height:calc(100vh - 56px)!important}.figma-content-area{padding:12px!important;width:100%!important;box-sizing:border-box!important;min-height:calc(100vh - 56px)!important}.figma-profile-section{background:#3a383899!important;border:1px solid rgba(var(--primary-color-rgb),.4)!important;border-radius:20px!important;padding:25px 20px!important;margin-bottom:20px!important;box-shadow:0 4px 16px #0003!important}.figma-profile-name{font-size:22px!important;font-weight:600!important;color:#fff!important;margin-bottom:8px!important;text-align:center!important}.figma-profile-title,.figma-profile-location{font-size:14px!important;color:#ffffffb3!important;text-align:center!important;margin-bottom:4px!important}.figma-profile-rating{justify-content:center!important;margin:12px 0!important;gap:8px!important}.figma-profile-buttons{display:flex!important;flex-direction:row!important;gap:12px!important;justify-content:center!important;width:100%!important;margin-top:15px!important}.figma-profile-btn{flex:1!important;max-width:140px!important;padding:12px 16px!important;font-size:13px!important;font-weight:500!important;border-radius:8px!important;background:rgba(var(--primary-color-rgb),.2)!important;border:1px solid var(--primary-color)!important;color:#fff!important;transition:all .3s ease!important}.figma-profile-btn:hover{background:rgba(var(--primary-color-rgb),.3)!important;transform:translateY(-1px)!important}.figma-sidebar,.figma-mobile-overlay{top:56px!important;height:calc(100vh - 56px)!important}}@media(max-width:480px){.figma-header{padding:6px 10px!important;height:52px!important;min-height:52px!important;max-height:52px!important}.figma-main-layout{margin-top:52px!important}.figma-sidebar,.figma-mobile-overlay{top:52px!important;height:calc(100vh - 52px)!important}.figma-logo h1{font-size:18px!important}.figma-mobile-toggle.mobile-only,.figma-mobile-menu-btn.mobile-only{width:32px!important;height:32px!important}}@media(max-width:768px){.figma-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 12px!important;height:56px!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important;background:#232323fa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(var(--primary-color-rgb),.2)!important;box-sizing:border-box!important;position:relative!important}.figma-header-left{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:60px!important;flex-shrink:0!important}.figma-logo{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;text-align:center!important;margin:0!important;z-index:1!important}.figma-logo h1{font-size:20px!important;margin:0!important;color:#fff!important;white-space:nowrap!important}.figma-logo span{color:var(--primary-color)!important}.figma-header-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:60px!important;flex-shrink:0!important}.figma-mobile-toggle.mobile-only{display:flex!important;width:36px!important;height:36px!important;background:#3a383880!important;border:1px solid var(--primary-color)!important;border-radius:6px!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;flex-shrink:0!important}.figma-mobile-toggle:hover{background:#3a3838b3!important;border-color:var(--primary-color)!important}.figma-mobile-menu-btn.mobile-only{display:flex!important;width:36px!important;height:36px!important;background:#3a383880!important;border:1px solid var(--primary-color)!important;border-radius:6px!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;color:#fff!important;flex-shrink:0!important}.figma-mobile-menu-btn:hover{background:#3a3838b3!important;border-color:var(--primary-color)!important}.figma-mobile-menu-btn.active{background:rgba(var(--primary-color-rgb),.3)!important;border-color:var(--primary-color)!important}.figma-mobile-toggle span{width:16px!important;height:2px!important;background:#fff!important;display:block!important;position:relative!important;transition:all .3s ease!important}.figma-mobile-toggle span:before,.figma-mobile-toggle span:after{content:""!important;position:absolute!important;width:16px!important;height:2px!important;background:#fff!important;transition:all .3s ease!important}.figma-mobile-toggle span:before{top:-5px!important}.figma-mobile-toggle span:after{top:5px!important}.figma-mobile-toggle.active span{background:transparent!important}.figma-mobile-toggle.active span:before{transform:rotate(45deg)!important;top:0!important}.figma-mobile-toggle.active span:after{transform:rotate(-45deg)!important;top:0!important}}@media(max-width:480px){.figma-header{padding:6px 10px!important;height:52px!important}.figma-header-left,.figma-header-right{width:50px!important}.figma-logo h1{font-size:18px!important}.figma-mobile-toggle.mobile-only,.figma-mobile-menu-btn.mobile-only{width:32px!important;height:32px!important}.figma-mobile-toggle span{width:14px!important}.figma-mobile-toggle span:before,.figma-mobile-toggle span:after{width:14px!important}}@media(max-width:768px){.figma-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 15px!important;height:60px!important;min-height:60px!important;max-height:60px!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important;background:#232323!important;border-bottom:1px solid rgba(var(--primary-color-rgb),.3)!important;box-sizing:border-box!important}.figma-header .figma-header-left{display:flex!important;align-items:center!important;gap:15px!important;flex:1!important;justify-content:flex-start!important}.figma-header .figma-header-right{display:flex!important;align-items:center!important;flex-shrink:0!important;justify-content:flex-end!important}.figma-header .figma-mobile-toggle.mobile-only{display:flex!important;width:40px!important;height:40px!important;background:#3a383880!important;border:1px solid var(--primary-color)!important;border-radius:8px!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;flex-shrink:0!important}.figma-header .figma-mobile-toggle.mobile-only:hover{background:#3a3838b3!important;border-color:var(--primary-color)!important}.figma-header .figma-logo{flex:1!important;text-align:left!important}.figma-header .figma-logo h1{font-size:22px!important;margin:0!important;color:#fff!important;font-weight:600!important}.figma-header .figma-logo span{color:var(--primary-color)!important}.figma-header .figma-mobile-menu-btn.mobile-only{display:flex!important;width:40px!important;height:40px!important;background:#3a383880!important;border:1px solid var(--primary-color)!important;border-radius:8px!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;color:#fff!important;flex-shrink:0!important}.figma-header .figma-mobile-menu-btn.mobile-only:hover{background:#3a3838b3!important;border-color:var(--primary-color)!important}.figma-header .desktop-only{display:none!important;visibility:hidden!important}.figma-header .mobile-only{display:flex!important;visibility:visible!important}.figma-main-layout{margin-top:60px!important;padding:0!important;width:100%!important;min-height:calc(100vh - 60px)!important}.figma-sidebar,.figma-mobile-overlay{top:60px!important;height:calc(100vh - 60px)!important}}@media(max-width:480px){.figma-header{padding:10px 12px!important;height:56px!important;min-height:56px!important;max-height:56px!important}.figma-header .figma-logo h1{font-size:20px!important}.figma-header .figma-mobile-toggle.mobile-only,.figma-header .figma-mobile-menu-btn.mobile-only{width:36px!important;height:36px!important}.figma-main-layout{margin-top:56px!important}.figma-sidebar,.figma-mobile-overlay{top:56px!important;height:calc(100vh - 56px)!important}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none}.toast{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 8px 25px #10b9814d;margin-bottom:10px;transform:translate(400px);opacity:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);pointer-events:auto;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.toast.show{transform:translate(0);opacity:1}.toast.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 25px #ef44444d}.toast-content{display:flex;align-items:center;gap:12px}.toast-icon{font-size:20px;flex-shrink:0}.toast-message{font-size:14px;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;margin-left:auto;opacity:.7;transition:opacity .2s ease}.toast-close:hover{opacity:1}@media(max-width:768px){.toast-container{top:10px;right:10px;left:10px}.toast{max-width:none;transform:translateY(-100px)}.toast.show{transform:translateY(0)}}.login-modal,.register-modal,.password-modal,.otp-modal-overlay{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:9999!important}.login-modal,.register-modal{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important}.login-card,.register-card,.password-card{position:relative!important;transform:none!important;margin:0!important}.theme-toggle{position:relative;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease}.theme-toggle:hover{background:#ffffff1a}.theme-icon{transition:all .3s ease;opacity:.7}.theme-icon.active{opacity:1;color:var(--primary-color)}.theme-icon:not(.active){opacity:.4}.articles-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:300px}.articles-loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:300px}.articles-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(126,162,212,.3);border-top:3px solid #7EA2D4;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.articles-loading .loading-text{text-align:center}.articles-loading .loading-text h3{color:var(--primary-color, #7EA2D4);margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.articles-loading .loading-text p{color:var(--text-secondary, #666);margin:0;font-size:1rem;line-height:1.4}.articles-loading p{color:var(--text-secondary);font-size:1rem;margin:0}.articles-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.articles-error h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem;font-weight:600}.articles-error p{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem;max-width:400px;line-height:1.6}.error-icon{font-size:3rem;margin-bottom:1.5rem;opacity:.8}.articles-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.articles-empty h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem;font-weight:600}.articles-empty p{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem;max-width:400px;line-height:1.6}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.articles-loading h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem;font-weight:600}.btn-retry{background:linear-gradient(135deg,#7ea2d4,#5a8bc4);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7ea2d44d}.btn-retry:active{transform:translateY(0)}.article-card{transition:all .3s ease;position:relative;overflow:hidden;height:240px;display:flex;flex-direction:column;background:#121212b3;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 18px 45px #00000073;z-index:999999}.article-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px #00000080}.article-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.06),transparent 35%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.04),transparent 30%),linear-gradient(135deg,#ffffff0a,#fff0);pointer-events:none}.light-theme .article-card,body.light-mode .article-card{background:#ffffffe6;border:1px solid rgba(0,0,0,.06);box-shadow:0 16px 40px #00000026;backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%)}.article-card[style*="cursor: pointer"]:hover{cursor:pointer}.article-card[style*="cursor: pointer"]:hover .article-header h3{color:#7ea2d4}.article-header{flex-shrink:0;margin-bottom:1rem;position:relative;padding-bottom:.8rem}.article-header:after{content:"";position:absolute;bottom:0;left:-10px;right:-10px;height:2px;background:linear-gradient(90deg,#7ea2d4,#7ea2d480,#7ea2d4);border-radius:1px}.article-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#7ea2d44d}.article-header h3{font-size:1.1rem;line-height:1.3;margin:0;height:2.6rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-content{flex:1;margin-bottom:1rem}.article-content p{font-size:.9rem;line-height:1.4;margin:0;height:4.2rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.article-meta{position:absolute;bottom:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:center}.article-stats{display:flex;align-items:center;justify-content:space-between;width:100%}.article-stats .views{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-secondary)}.article-stats .views svg{width:12px;height:12px;flex-shrink:0}.article-stats .date{font-size:.75rem;color:var(--text-secondary);font-weight:500}.article-stats .category{background:#7ea2d426;color:#7ea2d4;padding:.15rem .4rem;border-radius:8px;font-size:.65rem;font-weight:600;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.fallback-indicator{font-size:.8rem;color:#f39c12;opacity:.8;cursor:help}@media(max-width:768px){.articles-loading,.articles-error{padding:2rem 1rem}.loading-spinner{width:32px;height:32px}.article-card{height:220px;padding:1rem}.article-header{margin-bottom:.8rem;padding-bottom:.6rem}.article-header:after{height:1px}.article-header h3{font-size:1rem;height:2.2rem}.article-content p{font-size:.85rem;height:3.4rem}.article-meta{bottom:.8rem;left:.8rem;right:.8rem}.article-stats .views{font-size:.7rem}.article-stats .views svg{width:10px;height:10px}.article-stats .date{font-size:.7rem}.article-stats .category{font-size:.6rem;padding:.1rem .3rem;max-width:60px}}[data-theme=dark] .articles-loading p,[data-theme=dark] .articles-error p{color:var(--text-secondary-dark)}[data-theme=dark] .loading-spinner{border-color:#7ea2d433;border-top-color:#7ea2d4}[data-theme=dark] .article-stats .views,[data-theme=dark] .article-stats .date{color:var(--text-secondary-dark)}[data-theme=dark] .article-stats .category{background:#7ea2d433;color:#9bb5d6}.article-card{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px)}.article-card:nth-child(1){animation-delay:.1s}.article-card:nth-child(2){animation-delay:.2s}.article-card:nth-child(3){animation-delay:.3s}.article-card:nth-child(4){animation-delay:.4s}.article-card:nth-child(5){animation-delay:.5s}.article-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.articles-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem 0}.skeleton-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;animation:pulse 1.5s ease-in-out infinite alternate}.skeleton-title{height:1.5rem;background:#7ea2d433;border-radius:4px;margin-bottom:1rem}.skeleton-content{height:4rem;background:#7ea2d41a;border-radius:4px;margin-bottom:1rem}.skeleton-meta{display:flex;justify-content:space-between}.skeleton-stat{height:1rem;width:4rem;background:#7ea2d41a;border-radius:4px}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.articles-update-notification{position:fixed;top:20px;right:20px;z-index:1000;animation:slideInRight .3s ease-out}.articles-update-notification .notification-content{background:linear-gradient(135deg,#7ea2d4,#5a8bc4);color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;align-items:center;gap:.75rem;min-width:280px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-icon{font-size:1.2rem;animation:rotate 2s linear infinite}.notification-text{flex:1;font-weight:500;font-size:.9rem}.notification-close{background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;transition:background .2s ease}.notification-close:hover{background:#ffffff4d}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.articles-update-notification{top:10px;right:10px;left:10px}.articles-update-notification .notification-content{min-width:auto;padding:.75rem 1rem}.notification-text{font-size:.85rem}}[data-theme=dark] .articles-update-notification .notification-content{background:linear-gradient(135deg,#4a6b8a,#3a5b7a);box-shadow:0 8px 32px #0006}.article-card.updated{animation:highlightUpdate 2s ease-out;position:relative}.article-card.updated:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#7ea2d4,#5a8bc4);border-radius:14px;z-index:-1;opacity:0;animation:pulseGlow 2s ease-out}@keyframes highlightUpdate{0%{transform:scale(1);box-shadow:0 5px 15px #0000001a}50%{transform:scale(1.02);box-shadow:0 15px 35px #7ea2d44d}to{transform:scale(1);box-shadow:0 5px 15px #0000001a}}@keyframes pulseGlow{0%{opacity:0}50%{opacity:.3}to{opacity:0}}.articles-loading-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--text-color);min-height:200px}.articles-loading-error p{margin-bottom:1rem;font-size:1.1rem}.btn-retry{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.btn-retry:hover{background:var(--primary-hover);transform:translateY(-2px)}.articles-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:300px}.articles-loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.articles-loading .loading-spinner{width:40px;height:40px;border:4px solid rgba(126,162,212,.3);border-top:4px solid #7EA2D4;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.articles-loading .loading-text h3{color:var(--primary-color);margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.articles-loading .loading-text p{color:var(--text-secondary);margin:0;font-size:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.articles-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:300px}.error-icon{font-size:3rem;margin-bottom:1rem}.articles-error h3{color:var(--error-color, #e74c3c);margin-bottom:.5rem;font-size:1.2rem}.articles-error p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem}.articles-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:300px}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.articles-empty h3{color:var(--text-color);margin-bottom:.5rem;font-size:1.2rem}.articles-empty p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem}.articles-update-notification{position:fixed;top:20px;right:20px;background:var(--primary-color);color:#fff;padding:1rem;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.articles-update-notification .notification-content{display:flex;align-items:center;gap:.5rem}.notification-icon{font-size:1.2rem}.notification-text{font-size:.9rem}.notification-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;margin-left:.5rem;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.notification-close:hover{opacity:.8}.fallback-indicator{font-size:.8rem;color:var(--warning-color, #f39c12);margin-left:.5rem}@media(max-width:768px){.articles-update-notification{top:10px;left:10px;right:10px}.articles-loading,.articles-error,.articles-empty{padding:2rem 1rem;min-height:200px}.loading-spinner{width:30px;height:30px}}