@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--primary-green:#10b981;--primary-green-light:#059669;--primary-green-pale:#d1fae5;--btn-dark:#0f172a;--btn-dark-hover:#000;--bg-page:#f8fafc;--bg-input-focus:#eaecf5;--bg-card:#ffffffd9;--text-heading:#0f172a;--text-sub:#475569;--text-placeholder:#b0b8c8;--border-radius-input:12px;--border-radius-btn:14px;--border-radius-page:0px;--error:#dc2626;--success:#16a34a}.auth-bg{align-items:stretch;animation:authPageFadeIn .5s ease-out;background:radial-gradient(at 0 0,#d3f8ec 0,#0000 50%),radial-gradient(at 50% 0,#d8f1fd 0,#0000 50%),radial-gradient(at 100% 0,#d3f8ec 0,#0000 50%),#f8fafc;background:radial-gradient(at 0 0,#d3f8ec 0,#0000 50%),radial-gradient(at 50% 0,#d8f1fd 0,#0000 50%),radial-gradient(at 100% 0,#d3f8ec 0,#0000 50%),var(--bg-page);display:flex;font-family:Inter,sans-serif;font-family:var(--font);justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}@keyframes authPageFadeIn{0%{opacity:0}to{opacity:1}}.auth-bg:before{bottom:0;left:0;opacity:.05;right:0;top:0}.auth-bg:after,.auth-bg:before{content:"";pointer-events:none;position:fixed;z-index:0}.auth-bg:after{background:radial-gradient(circle,#10b98126 0,#0000 70%);border-radius:50%;bottom:-150px;height:500px;right:-100px;width:500px}.auth-card-wrapper{align-items:center;display:flex;justify-content:center;max-width:680px;padding:40px 24px;position:relative;width:100%;z-index:1}.auth-card{animation:authCardSlideUp .6s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffd9;background:var(--bg-card);border:1px solid #ffffff80;border-radius:24px;box-shadow:0 4px 32px #00000014,0 1px 4px #0000000a;max-width:580px;padding:52px 52px 44px;width:100%}@keyframes authCardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-back-btn{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font);gap:10px;margin-bottom:40px;padding:0}.auth-back-btn .back-circle{align-items:center;background:#f1f3f8;border-radius:50%;color:#374151;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;transition:background .2s;width:32px}.auth-back-btn .back-label{color:#374151;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:color .2s}.auth-back-btn:hover .back-circle{background:#e5e7ef}.auth-back-btn:hover .back-label{color:#10b981;color:var(--primary-green)}.auth-progress{display:flex;gap:6px;margin-bottom:44px}.auth-progress-step{background:#e5e7ef;border-radius:2px;flex:1 1;height:4px;transition:background .35s ease}.auth-progress-step.active,.auth-progress-step.completed{background:#10b981;background:var(--primary-green)}.auth-step-label{color:#94a3b8;color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.13em;margin-bottom:10px;text-transform:uppercase}.auth-title{color:#0f172a;color:var(--text-heading);font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:8px}.auth-subtitle{color:#475569;color:var(--text-sub);font-size:.95rem;font-weight:400;line-height:1.5;margin-bottom:40px}.auth-mode-toggle{background:#f1f3f8;background:var(--bg-input);border-radius:12px;border-radius:var(--border-radius-input);display:flex;gap:0;margin-bottom:28px;padding:4px}.auth-mode-btn{background:#0000;border:none;border-radius:9px;color:#94a3b8;color:var(--text-muted);cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font);font-size:.85rem;font-weight:600;letter-spacing:.01em;padding:10px 16px;transition:all .22s ease}.auth-mode-btn.active{background:#fff;box-shadow:0 1px 6px #0000001a}.auth-mode-btn.active,.auth-mode-btn:not(.active):hover{color:#0f172a;color:var(--text-heading)}.input-label{color:#374151;color:var(--text-label);display:block;font-size:.7rem;font-weight:700;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.input-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.input-label-row .input-label{margin-bottom:0}.auth-card input,.auth-card select{-webkit-appearance:none;appearance:none;background:#f1f3f8;background:var(--bg-input);border:none;border-radius:12px;border-radius:var(--border-radius-input);color:#0f172a;color:var(--text-heading);font-family:Inter,sans-serif;font-family:var(--font);font-size:.96rem;font-weight:400;margin-bottom:20px;outline:none;padding:16px 18px;transition:background .18s ease,box-shadow .18s ease;width:100%}.auth-card select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='%236b7280' d='M7 9.5 1.5 4h11z'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;cursor:pointer;padding-right:44px}.auth-card select option{background:#fff;color:#0f172a;color:var(--text-heading)}.auth-card input::placeholder{color:#b0b8c8;color:var(--text-placeholder);font-weight:400}.auth-card input:focus,.auth-card select:focus{background:#eaecf5;background:var(--bg-input-focus);box-shadow:0 0 0 3px #10b9812e}.phone-input-wrapper{display:flex;gap:8px;margin-bottom:20px}.phone-prefix{background:#f1f3f8;background:var(--bg-input);border:none;border-radius:12px;border-radius:var(--border-radius-input);color:#0f172a;color:var(--text-heading);flex-shrink:0;font-family:Inter,sans-serif;font-family:var(--font);font-size:.95rem;font-weight:600;outline:none;padding:16px 12px;text-align:center;transition:background .18s ease,box-shadow .18s ease;width:88px}.phone-prefix:focus{background:#eaecf5;background:var(--bg-input-focus);box-shadow:0 0 0 3px #10b9812e}.phone-input-wrapper input{flex:1 1;margin-bottom:0}.password-wrapper{margin-bottom:20px;position:relative;width:100%}.password-wrapper input{margin-bottom:0;padding-right:52px;width:100%}.eye-icon{align-items:center;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;font-size:1rem;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .2s;-webkit-user-select:none;user-select:none}.eye-icon:hover{color:#0f172a;color:var(--text-heading)}.auth-forgot{color:#10b981;color:var(--primary-green);cursor:pointer;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:color .2s;white-space:nowrap}.auth-forgot:hover{color:#059669;color:var(--primary-green-light)}.auth-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));border:none;border-radius:14px;border-radius:var(--border-radius-btn);box-shadow:0 4px 14px #10b9814d;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font);font-size:.88rem;font-weight:700;gap:10px;justify-content:center;letter-spacing:.1em;margin-top:10px;padding:18px;text-transform:uppercase;transition:all .25s;width:100%}.auth-button:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.auth-button:active{transform:scale(.98)}.auth-button-secondary{background:#f1f3f8;background:var(--bg-input);border:none;border-radius:14px;border-radius:var(--border-radius-btn);color:#374151;color:var(--text-label);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font);font-size:.84rem;font-weight:600;margin-top:10px;padding:15px;transition:background .2s;width:100%}.auth-button-secondary:hover{background:#e5e7ef;color:#0f172a;color:var(--text-heading)}.auth-link{color:#475569;color:var(--text-sub);font-size:.9rem;font-weight:400;margin-top:24px;text-align:center}.auth-link span{color:#10b981;color:var(--primary-green);cursor:pointer;font-weight:600;transition:color .2s}.auth-link span:hover{color:#059669;color:var(--primary-green-light);text-decoration:underline}.error-text{background:#dc262612;border:1px solid #dc262633;border-radius:10px;color:#dc2626;color:var(--error)}.error-text,.success-text{font-size:.84rem;font-weight:500;margin-bottom:20px;padding:12px 16px;text-align:center}.success-text{background:#16a34a12;border:1px solid #16a34a33;border-radius:10px;color:#16a34a;color:var(--success)}.auth-divider{align-items:center;display:flex;gap:12px;margin:24px 0;width:100%}.auth-divider:after,.auth-divider:before{background:#e9ebf0;content:"";flex:1 1;height:1px}.auth-divider span{color:#94a3b8;color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.reset-content{width:100%}.reset-message{color:#475569;color:var(--text-sub);font-size:.9rem;line-height:1.6;margin-bottom:20px}@media (max-width:600px){.auth-card{border-radius:20px;padding:36px 28px 32px}.auth-title{font-size:1.8rem}.auth-button{padding:16px}}@media (max-width:400px){.auth-card{border-radius:16px;padding:28px 20px 24px}.auth-title{font-size:1.55rem}.auth-card input,.auth-card select{padding:13px 14px}.phone-prefix{width:74px}}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:smooth}:root{--primary:#10b981;--primary-light:#d1fae5;--primary-dark:#059669;--accent:#0ea5e9;--accent-light:#e0f2fe;--bg-light:#f8fafc;--bg-card:#fffc;--glass:#ffffffb3;--glass-border:#0000000f;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--radius:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 2px 4px #00000005;--shadow-md:0 10px 15px -3px #0000000d,0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #00000014;--shadow-xl:0 35px 60px -15px #0000001a;--glow-primary:0 0 20px #10b98133}.landing-container{background:radial-gradient(at 0 0,#d3f8ec 0,#0000 50%),radial-gradient(at 50% 0,#d8f1fd 0,#0000 50%),radial-gradient(at 100% 0,#d3f8ec 0,#0000 50%),#f8fafc;background:radial-gradient(at 0 0,#d3f8ec 0,#0000 50%),radial-gradient(at 50% 0,#d8f1fd 0,#0000 50%),radial-gradient(at 100% 0,#d3f8ec 0,#0000 50%),var(--bg-light);color:#0f172a;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,sans-serif;font-family:var(--font);min-height:100vh;position:relative;width:100%}.landing-container:before{bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.landing-navbar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--glass-border);display:flex;height:72px;justify-content:space-between;left:0;padding:0 8%;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.landing-navbar.scrolled{background:#fffffff7;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md)}.landing-navbar.mobile-open:after{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a66;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:999}.landing-logo{align-items:center;color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.4rem;font-weight:800;gap:10px}.logo-text{display:flex;font-weight:900;letter-spacing:-.02em}.logo-text.wave-text span{animation:wave 2s ease-in-out infinite;animation-delay:calc(.1s*var(--i));color:#0f172a;color:var(--text-primary);display:inline-block}@keyframes wave{0%,to{transform:translateY(0)}50%{color:#10b981;color:var(--primary);transform:translateY(-5px)}}.landing-nav-links{align-items:center;display:flex;gap:32px}.nav-link{color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:600;position:relative;transition:all .2s}.nav-link:hover{color:#10b981;color:var(--primary)}.nav-link:after{background:#10b981;background:var(--primary);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .2s;width:0}.nav-link:hover:after{width:100%}.nav-divider{background:#0000000f;background:var(--glass-border);height:24px;width:1px}.landing-nav-right{gap:12px}.desktop-only,.landing-nav-right{align-items:center;display:flex}.mobile-only{display:none}.landing-login{background:#fff;border:1px solid #0000000f;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 22px;transition:all .2s}.landing-login:hover{border-color:#10b981;border-color:var(--primary);box-shadow:0 2px 4px #00000005;box-shadow:var(--shadow-sm);color:#10b981;color:var(--primary)}.landing-signup{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 14px #10b9814d;color:#fff;cursor:pointer;font-size:.92rem;font-weight:800;padding:11px 26px;transition:all .25s}.landing-signup:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.mobile-menu-btn{background:none;border:none;color:#0f172a;color:var(--text-primary);cursor:pointer;display:none;padding:8px;z-index:1001}.hero-section{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1.1fr .9fr;min-height:90vh;padding:160px 8% 100px;position:relative;z-index:1}.hero-section:before{background:radial-gradient(circle,#10b9811f 0,#0000 70%);height:400px;left:-5%;top:10%;width:400px}.hero-section:after,.hero-section:before{content:"";pointer-events:none;position:absolute;z-index:0}.hero-section:after{background:radial-gradient(circle,#0ea5e91a 0,#0000 70%);bottom:5%;height:500px;right:-5%;width:500px}.hero-text{position:relative;text-align:left;z-index:1}.hero-text h1{color:#0f172a;font-size:4.2rem;font-weight:900;letter-spacing:-.04em;line-height:1.05;margin-bottom:24px}.hero-text h1 .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text}.hero-text p{color:#475569;color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:40px}.hero-actions{align-items:center;display:flex;gap:16px}.hero-btn{background:#10b981;background:var(--primary);border:none;border-radius:16px;border-radius:var(--radius);box-shadow:0 10px 25px #10b98140;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:800;padding:16px 44px;transition:all .25s}.hero-btn:hover{background:#059669;background:var(--primary-dark);box-shadow:0 15px 35px #10b98159;transform:translateY(-2px)}.hero-btn-secondary{background:#fff;border:1px solid #0000000f;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:700;padding:16px 32px;transition:all .25s}.hero-btn-secondary:hover{background:#f8fafc;background:var(--bg-light);border-color:#94a3b8;border-color:var(--text-muted)}.hero-image-container{aspect-ratio:4/5;background:#e2e8f0;border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 35px 60px -15px #0000001a;box-shadow:var(--shadow-xl);overflow:hidden;position:relative}.hero-image-container img{height:100%;object-fit:cover;width:100%}.hero-floating-card{align-items:center;animation:float 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:16px;bottom:30px;box-shadow:0 35px 60px -15px #0000001a;box-shadow:var(--shadow-xl);display:flex;gap:15px;left:-40px;padding:20px;position:absolute;z-index:2}.section-label{align-items:center;background:#10b98114;border:1px solid #10b98126;border-radius:50px;color:#10b981;color:var(--primary);display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;letter-spacing:.08em;margin-bottom:20px;padding:8px 20px;text-transform:uppercase}.middle-motto-section{background:#fff;overflow:hidden;padding:140px 8%;position:relative;text-align:center}.motto-container{margin:0 auto;max-width:1000px}.motto-text-large{color:#0f172a;display:flex;flex-wrap:wrap;font-size:5rem;font-weight:900;gap:.3em;justify-content:center;letter-spacing:-.04em;line-height:1.1;margin-bottom:32px}.motto-word{display:inline-block;position:relative}.motto-word:first-child{color:#0f172a}.motto-word:nth-child(2){-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text}.motto-word:nth-child(3){color:#0f172a}.motto-underline{background:#10b981;background:var(--primary);border-radius:3px;box-shadow:0 0 20px #10b98133;box-shadow:var(--glow-primary);height:6px;margin:0 auto;width:120px}@media (max-width:768px){.motto-text-large{font-size:2.8rem}.middle-motto-section{padding:100px 8%}}.section-title{color:#0f172a;font-size:3rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}.section-subtitle{color:#475569;color:var(--text-secondary);font-size:1.15rem;line-height:1.6;margin:0 auto 64px;max-width:600px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.facts-section{background:#fff;padding:120px 8%;text-align:center}.flipping-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}.flip-card-container{height:220px;perspective:1000px}.flip-card-inner{cursor:pointer;height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.flip-card-container:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;justify-content:center;padding:24px;position:absolute;width:100%}.flip-card-front{background:#f8fafc;background:var(--bg-light);border:1px solid #0000000f;border:1px solid var(--glass-border);color:#0f172a;color:var(--text-primary)}.flip-card-back{background:linear-gradient(135deg,#10b981,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;transform:rotateY(180deg)}.card-q-icon{color:#10b981;color:var(--primary);font-size:2rem;font-weight:900;margin-bottom:12px;opacity:.2}.flip-card-front p{font-size:.95rem;font-weight:700;line-height:1.4}.flip-hint{color:#94a3b8;color:var(--text-muted);font-size:.7rem;letter-spacing:1px;margin-top:12px;text-transform:uppercase}.flip-card-back h3{font-size:1.1rem;font-weight:800;margin-bottom:8px}.flip-card-back p{font-size:.85rem;line-height:1.5;opacity:.95}.roles-section{background:#fff;padding:120px 8%;position:relative;text-align:center;z-index:1}.roles-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1100px}.role-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;background:var(--bg-card);border:1px solid #fff6;border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);overflow:hidden;padding:48px 40px;position:relative;text-align:left;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.role-card:before{background:radial-gradient(circle,#d1fae5 0,#0000 70%);background:radial-gradient(circle,var(--primary-light) 0,#0000 70%);content:"";height:150px;opacity:.3;position:absolute;right:-20%;top:-20%;width:150px;z-index:0}.role-card:hover{border-color:#10b981;border-color:var(--primary);box-shadow:0 35px 60px -15px #0000001a,0 0 20px #10b98133;box-shadow:var(--shadow-xl),var(--glow-primary);transform:translateY(-8px)}.role-card .role-icon{align-items:center;background:#d1fae5;background:var(--primary-light);border-radius:18px;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);color:#10b981;color:var(--primary);display:flex;font-size:1.8rem;height:60px;justify-content:center;margin-bottom:24px;width:60px}.role-card h3{color:#0f172a;font-size:1.5rem;font-weight:800;margin-bottom:12px}.role-card p{color:#475569;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:24px}.role-card .role-features{display:flex;flex-direction:column;gap:12px}.role-card .role-feature{align-items:center;color:#475569;color:var(--text-secondary);display:flex;font-size:.95rem;font-weight:500;gap:10px}.role-card .role-check{color:#10b981;color:var(--primary);font-weight:900}.features-section{background:#f8fafc;background:var(--bg-light);padding:120px 8%;text-align:center}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.feature-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;background:var(--bg-card);border:1px solid #fff6;border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);padding:40px 32px;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card:hover{border-color:#10b981;border-color:var(--primary);box-shadow:0 35px 60px -15px #0000001a,0 0 20px #10b98133;box-shadow:var(--shadow-xl),var(--glow-primary);transform:translateY(-10px)}.feature-card .feature-icon{align-items:center;background:#d1fae5;background:var(--primary-light);border-radius:18px;color:#10b981;color:var(--primary);display:flex;font-size:2rem;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.feature-card h3{color:#0f172a;font-size:1.25rem;font-weight:800;margin-bottom:12px}.feature-card p{color:#475569;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.stats-section{background:#0f172a;background:var(--text-primary);color:#fff;padding:100px 8%;text-align:center}.stats-grid{display:flex;flex-wrap:wrap;gap:100px;justify-content:center;margin:0 auto;max-width:1100px}.stat h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d1fae5,#fff);background:linear-gradient(135deg,var(--primary-light),#fff);-webkit-background-clip:text;font-size:3.5rem;font-weight:900;margin-bottom:8px}.stat p{color:#ffffffb3;font-size:1.1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.cta-section{padding:120px 8%}.cta-box{align-items:center;background:linear-gradient(135deg,#10b981,#0ea5e9);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 35px 60px -15px #0000001a;box-shadow:var(--shadow-xl);color:#fff;display:flex;gap:40px;justify-content:space-between;overflow:hidden;padding:80px;position:relative}.cta-box:before{background:#ffffff1a;border-radius:50%;content:"";height:500px;position:absolute;right:-10%;top:-50%;width:500px}.cta-content{max-width:500px;position:relative;text-align:left;z-index:1}.cta-content h2{font-size:3rem;font-weight:900;line-height:1.1;margin-bottom:20px}.cta-content p{font-size:1.2rem;margin-bottom:32px;opacity:.9}.cta-btn{background:#fff;border:none;border-radius:12px;color:#10b981;color:var(--primary);cursor:pointer;font-size:1.1rem;font-weight:800;padding:18px 48px;transition:all .2s}.cta-btn:hover{box-shadow:0 10px 30px #0000001a;transform:scale(1.05)}.landing-footer{background:#fff;border-top:1px solid #0000000f;border-top:1px solid var(--glass-border);padding:100px 8% 50px}.footer-content{grid-gap:64px;display:grid;gap:64px;grid-template-columns:1.5fr 1fr 1fr 1fr;margin:0 auto;max-width:1200px}.footer-contact h3{color:#0f172a;font-size:1.6rem;font-weight:800;margin-bottom:16px}.footer-contact p{color:#475569;color:var(--text-secondary);font-size:1rem;line-height:1.5;margin-bottom:32px}.footer-contact-form{display:flex;flex-direction:column;gap:16px}.footer-contact-form .input-group{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.footer-contact-form input,.footer-contact-form textarea{background:#f8fafc;background:var(--bg-light);border:1px solid #0000000f;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font);font-size:1rem;outline:none;padding:16px 20px;transition:all .2s}.footer-contact-form input:focus,.footer-contact-form textarea:focus{background:#fff;border-color:#10b981;border-color:var(--primary);box-shadow:0 0 0 4px #10b9810d}.footer-contact-form textarea{min-height:120px;resize:none}.contact-submit-btn{align-items:center;align-self:flex-start;background:#0f172a;background:var(--text-primary);border:none;border-radius:16px;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:800;gap:10px;padding:16px 32px;transition:all .2s}.contact-submit-btn:hover{background:#000;box-shadow:0 20px 25px -5px #00000014;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.contact-status-msg{border-radius:10px;font-size:.9rem;font-weight:600;margin-bottom:20px;padding:12px 16px}.contact-status-msg.success{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.contact-status-msg.error{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.footer-links h4{color:#0f172a;font-size:.9rem;font-weight:800;letter-spacing:.1em;margin-bottom:24px;text-transform:uppercase}.footer-links ul{display:flex;flex-direction:column;gap:14px;list-style:none}.footer-links a{color:#475569;color:var(--text-secondary);font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s}.footer-links a:hover{color:#10b981;color:var(--primary);padding-left:4px}.footer-bottom{align-items:center;border-top:1px solid #0000000f;border-top:1px solid var(--glass-border);color:#94a3b8;color:var(--text-muted);display:flex;font-size:.9rem;justify-content:space-between;margin:80px auto 0;max-width:1200px;padding-top:32px}.ai-assistant-section{background:#0000;padding:120px 8%;position:relative;z-index:1}.ai-assistant-container{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 400px;margin:0 auto;max-width:1200px}.ai-questions-list{display:flex;flex-direction:column;gap:16px;margin-top:32px}.ai-q-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--bg-card);border:1px solid #ffffff80;border-radius:16px;border-radius:var(--radius);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;gap:15px;padding:20px 28px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.ai-q-btn:hover{background:#fff;box-shadow:0 20px 25px -5px #00000014;box-shadow:var(--shadow-lg);transform:scale(1.02) translateX(10px)}.ai-q-btn.active,.ai-q-btn:hover{border-color:#10b981;border-color:var(--primary)}.ai-q-btn.active{background:#10b981;background:var(--primary);color:#fff;transform:scale(1.05) translateX(15px)}.ai-model-card{background:#000;border:12px solid #1a1a1a;border-radius:44px;box-shadow:0 50px 100px -20px #00000080;display:flex;flex-direction:column;height:640px;margin:0 auto;overflow:hidden;padding:0;position:relative;width:320px}.ai-model-card:before{background:#000;border-radius:15px;content:"";height:25px;left:50%;position:absolute;top:10px;transform:translateX(-50%);width:100px;z-index:10}.ai-phone-screen{background:#f4f4f9;display:flex;flex:1 1;flex-direction:column;padding-top:40px}.ai-avatar-header{align-items:center;background:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 10px #00000005;display:flex;gap:12px;padding:20px 15px}.ai-avatar-pulse{align-items:center;background:#10b981;background:var(--primary);border-radius:50%;display:flex;height:40px;justify-content:center;position:relative;width:40px}.ai-response-area{flex:1 1;gap:15px;overflow-y:auto;padding:15px}.ai-chat-bubble,.ai-response-area{display:flex;flex-direction:column}.ai-chat-bubble{gap:8px}.user-q{align-self:flex-end;background:#10b981;background:var(--primary);border-radius:18px 18px 2px 18px;box-shadow:0 2px 5px #10b98133;color:#fff;font-size:.85rem;max-width:85%;padding:10px 15px}.ai-a{align-self:flex-start;background:#fff;border:1px solid #f0f0f0;border-radius:18px 18px 18px 2px;box-shadow:0 2px 8px #0000000d;color:#333;font-size:.88rem;line-height:1.5;max-width:90%;padding:12px 16px}.ai-placeholder{align-items:center;color:#999;display:flex;font-size:.85rem;height:100%;justify-content:center;padding:40px;text-align:center}.cursor{animation:blink .8s infinite;color:#10b981;color:var(--primary);font-weight:700}@media (max-width:1024px){.hero-section{gap:40px;grid-template-columns:1fr;padding-top:140px;text-align:center}.hero-text h1{font-size:3.5rem}.hero-actions{justify-content:center}.hero-image-wrapper{margin:0 auto;max-width:500px}.hero-floating-card{bottom:-20px;left:50%;transform:translateX(-50%)}.ai-assistant-container{gap:60px;grid-template-columns:1fr}.features-grid,.flipping-cards-grid,.footer-content{grid-template-columns:repeat(2,1fr)}.footer-content{gap:40px}}@media (max-width:768px){.landing-navbar{padding:0 5%}.mobile-menu-btn{align-items:center;display:flex;justify-content:center}.desktop-only{display:none!important}.mobile-only{display:block}.landing-nav-links{align-items:flex-start;background:#fff;box-shadow:-10px 0 30px #00000026;flex-direction:column;gap:24px;height:100vh;max-width:320px;padding:96px 32px 40px;position:fixed;right:-100%;top:0;transition:right .3s cubic-bezier(.25,.46,.45,.94);width:80%;z-index:1000}.landing-nav-links.active{right:0}.nav-link{font-size:1.15rem;width:100%}.nav-divider{height:1px;margin:4px 0;width:100%}.hero-text h1{font-size:2.8rem}.hero-text p{font-size:1.1rem}.hero-section{min-height:0;min-height:auto;padding-bottom:80px}.section-title{font-size:2.2rem}.section-subtitle{font-size:1rem;margin-bottom:40px}.roles-section{padding:80px 5%}.roles-grid{grid-template-columns:1fr}.role-card{padding:36px 28px}.features-section{padding:80px 5%}.features-grid,.flipping-cards-grid{grid-template-columns:1fr}.stats-section{padding:60px 5%}.stats-grid{gap:40px}.stat h2{font-size:2.8rem}.cta-section{padding:60px 5%}.cta-box{flex-direction:column;padding:40px 28px;text-align:center}.cta-content{max-width:100%;text-align:center}.cta-content h2{font-size:2.2rem}.ai-assistant-section{padding:80px 5%}.ai-q-btn{transform:none!important}.landing-footer{padding:60px 5% 40px}.footer-content{gap:40px}.footer-contact-form .input-group,.footer-content{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:20px;text-align:center}}@media (max-width:480px){.hero-text h1{font-size:2.2rem}.hero-actions{flex-direction:column;width:100%}.hero-btn,.hero-btn-secondary{width:100%}.ai-model-card{height:580px;max-width:300px;width:100%}.ai-q-btn{font-size:.95rem;padding:16px 20px}.section-title{font-size:1.8rem}.hero-text h1{font-size:2rem}.cta-box{padding:32px 20px}.ai-model-card{transform:scale(.9);transform-origin:top center}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-page:#f0f2f8;--bg-card:#fff;--bg-input:#f1f3f8;--bg-hover:#eef0f7;--accent:#4255ff;--accent-hover:#3345ee;--accent-pale:#eceefe;--accent-green:#1a732a;--accent-green-pale:#e8f5eb;--text-heading:#282e3e;--text-body:#586380;--text-muted:#939bb4;--text-label:#374151;--border:#edeff4;--border-focus:#4255ff;--font:"Inter",sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-card:0 2px 8px #00000012,0 0 1px #0000000a;--shadow-card-hover:0 8px 24px #0000001f,0 0 1px #0000000a;--shadow-nav:0 1px 0 var(--border)}.dashboard-wrapper{background:#f0f2f8;background:var(--bg-page);color:#282e3e;color:var(--text-heading);display:flex;flex-direction:column;font-family:Inter,sans-serif;font-family:var(--font);height:100%;inset:0;overflow:hidden;position:fixed;width:100%;z-index:1}.dashboard-wrapper:before{background:radial-gradient(circle,#93b0eb66 0,#0000 70%);filter:blur(40px);height:500px;left:-120px;top:-120px;width:500px}.dashboard-wrapper:after,.dashboard-wrapper:before{border-radius:50%;content:"";pointer-events:none;position:fixed;z-index:0}.dashboard-wrapper:after{background:radial-gradient(circle,#93b0eb59 0,#0000 70%);bottom:-120px;filter:blur(45px);height:560px;right:-120px;width:560px}.dashboard-topbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #edeff4;border-bottom:1px solid var(--border);gap:0;height:62px;padding:0 24px;position:relative;width:100%;z-index:200}.dashboard-topbar,.topbar-logo{align-items:center;display:flex;flex-shrink:0}.topbar-logo{color:#282e3e;color:var(--text-heading);cursor:pointer;font-size:1.1rem;font-weight:800;gap:10px;margin-left:-24px;padding-left:24px;text-decoration:none;width:250px}.topbar-logo-icon{align-items:center;background:#4255ff;background:var(--accent);border-radius:10px;color:#fff;display:flex;font-size:1rem;font-weight:800;height:34px;justify-content:center;width:34px}.topbar-search{align-items:center;display:flex;flex:1 1;height:40px;margin-right:16px;max-width:480px;position:relative}.topbar-search input{background:#f1f3f8;background:var(--bg-input);border:1.5px solid #edeff4;border:1.5px solid var(--border);border-radius:10px;color:#282e3e;color:var(--text-heading);font-family:Inter,sans-serif;font-family:var(--font);font-size:.9rem;height:100%;outline:none;padding:0 16px 0 42px;transition:all .2s;width:100%}.topbar-search input:focus{background:#fff;border-color:#4255ff;border-color:var(--accent);box-shadow:0 0 0 3px #4255ff1f}.topbar-search input::placeholder,.topbar-search-icon{color:#939bb4;color:var(--text-muted)}.topbar-search-icon{font-size:1rem;left:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.topbar-spacer{flex:1 1}.topbar-nav-group{align-items:center;display:flex;gap:6px}.nav-icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#586380;color:var(--text-body);cursor:pointer;display:flex;font-size:1rem;height:38px;justify-content:center;position:relative;transition:background .18s,color .18s;width:38px}.nav-icon-btn:hover{background:#eef0f7;background:var(--bg-hover);color:#282e3e;color:var(--text-heading)}.nav-icon-btn.active{background:#eceefe;background:var(--accent-pale);color:#4255ff;color:var(--accent)}.nav-icon-btn[data-tip]:after{background:#282e3e;background:var(--text-heading);border-radius:4px;bottom:-30px;color:#fff;content:attr(data-tip);font-size:.72rem;left:50%;opacity:0;padding:3px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s;white-space:nowrap}.nav-icon-btn[data-tip]:hover:after{opacity:1}.topbar-create-btn{align-items:center;background:#4255ff;background:var(--accent);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font);font-size:.85rem;font-weight:700;gap:6px;height:38px;margin-left:8px;padding:0 16px;transition:background .18s,transform .12s;white-space:nowrap}.topbar-create-btn:hover{background:#3345ee;background:var(--accent-hover);transform:translateY(-1px)}.topbar-avatar-btn{align-items:center;border:2px solid #edeff4;border:2px solid var(--border);border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-left:8px;overflow:hidden;transition:border-color .18s;width:36px}.topbar-avatar-btn:hover{border-color:#4255ff;border-color:var(--accent)}.topbar-avatar-btn img{height:100%;object-fit:cover;width:100%}.dashboard-body{display:flex;flex:1 1;min-height:0;overflow:hidden;position:relative;width:100%;z-index:1}.dashboard-sidebar{-ms-overflow-style:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border-right:1px solid #edeff4;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:4px;overflow-y:auto;padding:20px 12px;scrollbar-width:none;width:220px}.dashboard-sidebar::-webkit-scrollbar{display:none}.sidebar-section-label{color:#939bb4;color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.1em;padding:12px 12px 6px;text-transform:uppercase}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius-md);color:#586380;color:var(--text-body);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font);font-size:.88rem;font-weight:500;gap:10px;padding:10px 14px;text-align:left;transition:background .18s,color .18s;width:100%}.sidebar-nav-item:hover{background:#eef0f7;background:var(--bg-hover);color:#282e3e;color:var(--text-heading)}.sidebar-nav-item.active{background:#eceefe;background:var(--accent-pale);color:#4255ff;color:var(--accent);font-weight:600}.sidebar-nav-item .nav-item-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.sidebar-divider{background:#edeff4;background:var(--border);height:1px;margin:8px 12px}.sidebar-profile-mini{align-items:center;background:#f1f3f8;background:var(--bg-input);border:1px solid #edeff4;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;margin-top:auto;padding:12px;transition:background .18s}.sidebar-profile-mini:hover{background:#eef0f7;background:var(--bg-hover)}.sidebar-profile-mini img{border:2px solid #edeff4;border:2px solid var(--border);border-radius:50%;height:36px;object-fit:cover;width:36px}.sidebar-profile-mini-info{flex:1 1;min-width:0}.sidebar-profile-mini-name{color:#282e3e;color:var(--text-heading);font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-mini-role{color:#939bb4;color:var(--text-muted);font-size:.72rem;margin-top:1px}.dashboard-content{flex:1 1;height:100%;min-width:0;overflow-x:hidden;overflow-y:auto;padding:28px 32px;position:relative;scrollbar-color:#edeff4 #0000;scrollbar-color:var(--border) #0000;scrollbar-width:thin;z-index:1}.dashboard-content::-webkit-scrollbar{width:5px}.dashboard-content::-webkit-scrollbar-thumb{background:#edeff4;background:var(--border);border-radius:4px}.dash-welcome-banner{align-items:center;background:linear-gradient(135deg,#4255ff0a,#8b5cf60a),#fff;border:1px solid #4255ff26;border-left:5px solid #4255ff;border-left:5px solid var(--accent);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #4255ff0f;display:flex;justify-content:space-between;margin-bottom:30px;overflow:hidden;padding:30px 32px;position:relative}.dash-welcome-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4255ff,#8b5cf6);background:linear-gradient(135deg,var(--accent),#8b5cf6);-webkit-background-clip:text;font-size:1.6rem;font-weight:800;margin-bottom:8px}.dash-welcome-text p{color:#586380;color:var(--text-body);font-size:.95rem;line-height:1.5;max-width:400px}.dash-welcome-actions{display:flex;gap:10px}.dash-action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font);font-size:.85rem;font-weight:600;gap:6px;padding:10px 18px;transition:all .18s}.dash-action-btn.primary{background:#4255ff;background:var(--accent);color:#fff}.dash-action-btn.primary:hover{background:#3345ee;background:var(--accent-hover);transform:translateY(-1px)}.dash-action-btn.secondary{background:#f1f3f8;background:var(--bg-input);border:1px solid #edeff4;border:1px solid var(--border);color:#282e3e;color:var(--text-heading)}.dash-action-btn.secondary:hover{background:#eef0f7;background:var(--bg-hover)}.dash-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.dash-section-title{color:#282e3e;color:var(--text-heading);font-size:1rem;font-weight:700}.dash-section-link{background:none;border:none;color:#4255ff;color:var(--accent);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font);font-size:.82rem;font-weight:600;transition:color .15s}.dash-section-link:hover{color:#3345ee;color:var(--accent-hover);text-decoration:underline}.dash-card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:32px}.dash-post-card{background:#fff;border:1px solid #edeff4;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000012,0 0 1px #0000000a;box-shadow:var(--shadow-card);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.dash-post-card:hover{box-shadow:0 8px 24px #0000001f,0 0 1px #0000000a;box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.dash-post-img{background:#f1f3f8;background:var(--bg-input);display:block;height:140px;object-fit:cover;width:100%}.dash-post-img-placeholder{align-items:center;background:linear-gradient(135deg,#eceefe,#e8f4ff);background:linear-gradient(135deg,var(--accent-pale),#e8f4ff);display:flex;font-size:2.5rem;height:140px;justify-content:center;width:100%}.dash-post-body{display:flex;flex:1 1;flex-direction:column;padding:16px}.dash-post-badge{align-items:center;background:#f1f3f8;background:var(--bg-input);border-radius:50px;color:#586380;color:var(--text-body);display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;margin-bottom:10px;padding:3px 10px;width:-webkit-fit-content;width:fit-content}.dash-post-title{color:#282e3e;color:var(--text-heading);font-size:.92rem;font-weight:700;line-height:1.4;margin-bottom:8px}.dash-post-desc,.dash-post-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dash-post-desc{color:#586380;color:var(--text-body);flex:1 1;font-size:.82rem;line-height:1.5;margin-bottom:12px}.dash-post-footer{align-items:center;border-top:1px solid #edeff4;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:10px}.dash-post-author{align-items:center;display:flex;gap:8px}.dash-post-avatar{background:#f1f3f8;background:var(--bg-input);border:1.5px solid #edeff4;border:1.5px solid var(--border);border-radius:50%;height:26px;object-fit:cover;width:26px}.dash-post-author-name{color:#586380;color:var(--text-body);font-size:.78rem;font-weight:500}.dash-post-actions{display:flex;gap:6px}.dash-post-action-btn{align-items:center;background:#f1f3f8;background:var(--bg-input);border:none;border-radius:6px;color:#586380;color:var(--text-body);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font);font-size:.75rem;font-weight:500;gap:4px;padding:4px 8px;transition:background .15s,color .15s}.dash-post-action-btn:hover{background:#eef0f7;background:var(--bg-hover);color:#282e3e;color:var(--text-heading)}.dash-post-action-btn.liked{background:#ef44441a;color:#ef4444}.dash-stats-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.dash-stat-card{background:#fff;border:1px solid #edeff4;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000012,0 0 1px #0000000a;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:6px;padding:18px 20px}.dash-stat-icon{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:1.1rem;height:36px;justify-content:center;margin-bottom:4px;width:36px}.dash-stat-icon.blue{background:#eceefe;background:var(--accent-pale)}.dash-stat-icon.green{background:#e8f5eb;background:var(--accent-green-pale)}.dash-stat-icon.orange{background:#fff4e6}.dash-stat-value{color:#282e3e;color:var(--text-heading);font-size:1.6rem;font-weight:800;line-height:1}.dash-stat-label{color:#939bb4;color:var(--text-muted);font-size:.78rem;font-weight:500}.follow-btn{background:#0000;border:1.5px solid #4255ff;border:1.5px solid var(--accent);border-radius:6px;color:#4255ff;color:var(--accent);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font);font-size:.76rem;font-weight:600;padding:5px 12px;transition:all .18s;white-space:nowrap}.follow-btn:hover{background:#4255ff;background:var(--accent);color:#fff}.follow-btn.following{background:#eceefe;background:var(--accent-pale);border-color:#eceefe;border-color:var(--accent-pale);color:#4255ff;color:var(--accent)}.comment-input{background:#f1f3f8;background:var(--bg-input);border:1.5px solid #edeff4;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#282e3e;color:var(--text-heading);font-family:Inter,sans-serif;font-family:var(--font);font-size:.82rem;margin-top:8px;outline:none;padding:8px 12px;transition:border .18s;width:100%}.comment-input:focus{background:#fff;border-color:#4255ff;border-color:var(--accent)}.comment-input::placeholder,.dash-loading{color:#939bb4;color:var(--text-muted)}.dash-loading{font-size:.88rem;padding:20px;text-align:center}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;padding:24px}.modal-content{border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000026;max-width:480px;padding:28px}.modal-content h3{color:#282e3e;color:var(--text-heading);font-size:1.1rem;font-weight:700;margin-bottom:20px}.modal-content textarea{background:#f1f3f8;background:var(--bg-input);border:1.5px solid #edeff4;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#282e3e;color:var(--text-heading);font-family:Inter,sans-serif;font-family:var(--font);font-size:.9rem;margin-bottom:16px;min-height:120px;outline:none;padding:12px 14px;resize:vertical;width:100%}.modal-content textarea:focus{background:#fff;border-color:#4255ff;border-color:var(--accent)}.modal-content input[type=file]{color:#586380;color:var(--text-body);display:block;font-size:.85rem;margin-bottom:14px}.modal-content .caption-input{background:#f1f3f8;background:var(--bg-input);border:1.5px solid #edeff4;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#282e3e;color:var(--text-heading);font-family:Inter,sans-serif;font-family:var(--font);font-size:.88rem;margin-bottom:12px;outline:none;padding:10px 14px;width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions button{border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font);font-size:.88rem;font-weight:600;padding:10px 20px;transition:all .18s}.modal-actions button:first-child{background:#4255ff;background:var(--accent);color:#fff}.modal-actions button:first-child:hover{background:#3345ee;background:var(--accent-hover)}.modal-actions button:last-child{background:#f1f3f8;background:var(--bg-input);color:#586380;color:var(--text-body)}.modal-actions button:last-child:hover{background:#eef0f7;background:var(--bg-hover)}.logo-dropdown{background:#fff;border:1px solid #edeff4;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f,0 0 1px #0000000a;box-shadow:var(--shadow-card-hover);display:none;flex-direction:column;gap:4px;min-width:160px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:500}.logo-dropdown.active{display:flex}.logo-dropdown a{align-items:center;border-radius:8px;color:#586380;color:var(--text-body);display:flex;font-size:.85rem;font-weight:500;gap:10px;padding:8px 10px;text-decoration:none;transition:background .15s}.logo-dropdown a:hover{background:#eef0f7;background:var(--bg-hover);color:#282e3e;color:var(--text-heading)}.dropdown-icon{height:18px;object-fit:contain;width:18px}.add-post-dropdown{background:#fff;border:1px solid #edeff4;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f,0 0 1px #0000000a;box-shadow:var(--shadow-card-hover);display:none;flex-direction:column;min-width:130px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:500}.add-post-dropdown.show{display:flex}.add-post-dropdown button{background:#0000;border:none;border-radius:8px;color:#586380;color:var(--text-body);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font);font-size:.85rem;font-weight:500;padding:8px 14px;text-align:left;transition:background .15s}.add-post-dropdown button:hover{background:#eef0f7;background:var(--bg-hover);color:#282e3e;color:var(--text-heading)}.topbar-hamburger{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:#586380;color:var(--text-body);cursor:pointer;display:none;flex-shrink:0;height:36px;justify-content:center;margin-right:8px;transition:background .18s;width:36px}.topbar-hamburger:hover{background:#eef0f7;background:var(--bg-hover)}.sidebar-mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;display:none;inset:0;position:fixed;z-index:150}@media (max-width:1024px){.dashboard-sidebar{width:190px}.dash-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.topbar-hamburger{display:flex}.dashboard-sidebar{bottom:0;box-shadow:4px 0 20px #0000001f;height:100vh;left:0;position:fixed;top:auto;transform:translateX(-100%);width:240px;z-index:200}.dashboard-topbar{flex-wrap:wrap;gap:12px;height:auto;padding:14px 16px}.topbar-spacer{display:none}.topbar-nav-group{margin-left:auto}.dashboard-sidebar.sidebar-open{transform:translateX(0)}.sidebar-mobile-overlay{display:block}.dashboard-content{padding:16px 14px}.dash-welcome-banner{align-items:flex-start;flex-direction:column;gap:16px;padding:24px}.dash-stats-row{grid-template-columns:repeat(2,1fr)}.dash-card-grid{grid-template-columns:1fr}.topbar-search{height:44px;margin-right:0;margin-top:4px;max-width:100%;order:3;width:100%}}@media (max-width:480px){.topbar-logo span{display:none}.dashboard-content{padding:14px 10px}.dash-stats-row{grid-template-columns:1fr}}.article-modal-content{animation:modalIn .3s ease-out;background:#fff;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 20px 80px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:100%}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close-x{align-items:center;background:#0006;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s;width:36px;z-index:10}.modal-close-x:hover{background:#0009}.article-modal-img{flex-shrink:0;height:350px;object-fit:cover;width:100%}.article-modal-body{flex:1 1;overflow-y:auto;padding:32px 40px;scrollbar-width:thin}.article-modal-title{color:#282e3e;color:var(--text-heading);font-size:1.8rem;font-weight:800;line-height:1.3;margin:12px 0 16px}.article-modal-meta{color:#939bb4;color:var(--text-muted);display:flex;font-size:.9rem;font-weight:500;gap:12px;margin-bottom:24px}.article-modal-text{color:#586380;color:var(--text-body);font-size:1.1rem;line-height:1.7}.article-modal-footer{border-top:1px solid #edeff4;border-top:1px solid var(--border);display:flex;gap:12px;margin-top:40px;padding-top:24px}@media (max-width:768px){.article-modal-content{max-height:95vh}.article-modal-img{height:200px}.article-modal-body{padding:20px 24px}.article-modal-title{font-size:1.4rem}}.dark-theme .dashboard-wrapper{background:#0f172a;color:#f1f5f9}.dark-theme .dashboard-wrapper:before{background:radial-gradient(circle,#4255ff14 0,#0000 70%)}.dark-theme .dashboard-wrapper:after{background:radial-gradient(circle,#8b5cf614 0,#0000 70%)}.dark-theme .dashboard-topbar{background:#0f172ae6;border-bottom-color:#1e293b}.dark-theme .article-modal-title,.dark-theme .dash-post-title,.dark-theme .dash-section-title,.dark-theme .dash-stat-value,.dark-theme .dash-welcome-text h2,.dark-theme .sidebar-nav-item,.dark-theme .sidebar-profile-mini-name,.dark-theme .topbar-logo{color:#f1f5f9}.dark-theme .topbar-search input{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark-theme .topbar-search input:focus{background:#0f172a;border-color:#4255ff;border-color:var(--accent)}.dark-theme .dashboard-sidebar{background:#0f172ad9;border-right-color:#1e293b}.dark-theme .sidebar-nav-item.active,.dark-theme .sidebar-nav-item:hover,.dark-theme .sidebar-profile-mini:hover{background:#1e293b}.dark-theme .sidebar-nav-item.active{background:#4255ff26;color:#60a5fa}.dark-theme .sidebar-divider{background:#334155}.dark-theme .sidebar-profile-mini{background:#1e293b;border-color:#334155}.dark-theme .dash-welcome-banner{background:linear-gradient(135deg,#4255ff1a,#8b5cf61a),#1e293b;border-color:#334155;box-shadow:0 8px 24px #0003}.dark-theme .article-modal-content,.dark-theme .dash-post-card,.dark-theme .dash-stat-card,.dark-theme .dash-stat-icon{background:#1e293b;border-color:#334155}.dark-theme .article-modal-footer,.dark-theme .dash-post-footer{border-top-color:#334155}.dark-theme .article-modal-text,.dark-theme .dash-post-author-name,.dark-theme .dash-post-desc,.dark-theme .dash-stat-label,.dark-theme .dash-welcome-text p,.dark-theme .sidebar-profile-mini-role{color:#94a3b8}.dark-theme .comment-input,.dark-theme .dash-action-btn.secondary,.dark-theme .dash-post-action-btn,.dark-theme .dash-post-badge{background:#0f172a;border-color:#334155;color:#94a3b8}.dark-theme .dash-post-action-btn:hover,.dark-theme .dash-post-badge:hover{background:#334155;color:#f1f5f9}.dark-theme .comment-input:focus{background:#0f172a;border-color:#4255ff;border-color:var(--accent);color:#f1f5f9}.dark-theme .nav-icon-btn{color:#94a3b8}.dark-theme .nav-icon-btn:hover{background:#1e293b;color:#f1f5f9}.dark-theme .article-modal-body{scrollbar-color:#334155 #0000}.dark-theme .dashboard-content::-webkit-scrollbar-thumb{background:#334155}.uhc-announcement{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#4255ff12,#8b5cf612);border:1px solid #4255ff33;border-radius:12px;color:#4255ff;color:var(--accent);display:flex;font-size:.875rem;font-weight:500;gap:12px;justify-content:space-between;margin-bottom:20px;padding:11px 18px}.uhc-announcement__close{background:none;border:none;border-radius:6px;color:#939bb4;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:.85rem;line-height:1;padding:2px 8px;transition:background .15s}.uhc-announcement__close:hover{background:#0000000f}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.uhc-stats-bar{background:#fff;border:1px solid #edeff4;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:0;margin-bottom:20px;overflow:hidden}.uhc-stats-bar__item{align-items:center;border-right:1px solid #edeff4;border-right:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;gap:2px;padding:14px 8px;transition:background .18s}.uhc-stats-bar__item:last-child{border-right:none}.uhc-stats-bar__item:hover{background:#eef0f7;background:var(--bg-hover)}.uhc-stats-bar__icon{font-size:1.25rem;line-height:1}.uhc-stats-bar__value{color:#282e3e;color:var(--text-heading);font-size:1.1rem;font-weight:800;line-height:1.2}.uhc-stats-bar__label{color:#939bb4;color:var(--text-muted);font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.uhc-bottom-nav{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffffff7;border-top:1px solid #edeff4;border-top:1px solid var(--border);bottom:0;display:none;height:62px;justify-content:space-around;left:0;padding:0 4px env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:500}.uhc-bottom-nav__item{align-items:center;background:none;border:none;border-radius:10px;color:#939bb4;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;font-size:.6rem;font-weight:600;gap:3px;padding:6px 4px;transition:color .18s}.uhc-bottom-nav__item.active{color:#4255ff;color:var(--accent)}.uhc-bottom-nav__item svg{height:20px;width:20px}@media (max-width:768px){.uhc-bottom-nav{display:flex}.dashboard-sidebar{display:none!important}.dashboard-content{padding:20px 16px 80px}.uhc-stats-bar{flex-wrap:wrap}.uhc-stats-bar__item{border-bottom:1px solid #edeff4;border-bottom:1px solid var(--border);min-width:50%}.uhc-stats-bar__item:nth-child(odd){border-right:1px solid #edeff4;border-right:1px solid var(--border)}.uhc-stats-bar__item:nth-last-child(-n+2){border-bottom:none}}.dash-post-action-btn.bookmarked{background:#eceefe!important;background:var(--accent-pale)!important;color:#4255ff;color:var(--accent)}.search-page-wrap{background:#f0f2f8;background:var(--bg-page);min-height:100%;padding:0 0 40px}.uhc-toast-container{bottom:28px;display:flex;flex-direction:column;gap:10px;max-width:380px;pointer-events:none;position:fixed;right:24px;width:calc(100vw - 48px);z-index:99999}.uhc-toast{align-items:center;animation:uhc-toast-in .35s cubic-bezier(.16,1,.3,1) forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff26;border-radius:14px;box-shadow:0 8px 32px #0000002e,0 2px 8px #0000001a;display:flex;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;gap:12px;line-height:1.4;overflow:hidden;padding:14px 16px;pointer-events:all;position:relative}.uhc-toast:before{border-radius:14px 0 0 14px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.uhc-toast--exit{animation:uhc-toast-out .35s cubic-bezier(.7,0,.84,0) forwards}.uhc-toast--success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e4d;color:#166534}.uhc-toast--success:before{background:#22c55e}.uhc-toast--success .uhc-toast__icon{color:#22c55e}.uhc-toast--error{background:linear-gradient(135deg,#fff1f2,#ffe4e6);border-color:#ef44444d;color:#9f1239}.uhc-toast--error:before{background:#ef4444}.uhc-toast--error .uhc-toast__icon{color:#ef4444}.uhc-toast--warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b4d;color:#92400e}.uhc-toast--warning:before{background:#f59e0b}.uhc-toast--warning .uhc-toast__icon{color:#f59e0b}.uhc-toast--info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#4255ff4d;color:#1e40af}.uhc-toast--info:before{background:#4255ff}.uhc-toast--info .uhc-toast__icon{color:#4255ff}.uhc-toast__icon{align-items:center;display:flex;flex-shrink:0}.uhc-toast__msg{flex:1 1;min-width:0}.uhc-toast__close{align-items:center;background:#0000;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:4px;opacity:.5;padding:2px;transition:opacity .15s}.uhc-toast__close:hover{opacity:1}@keyframes uhc-toast-in{0%{opacity:0;transform:translateX(100%) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes uhc-toast-out{0%{margin-bottom:0;max-height:100px;opacity:1;transform:translateX(0) scale(1)}to{margin-bottom:-10px;max-height:0;opacity:0;transform:translateX(100%) scale(.9)}}@media (max-width:480px){.uhc-toast-container{bottom:80px;left:12px;max-width:none;right:12px;width:auto}@keyframes uhc-toast-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes uhc-toast-out{0%{max-height:100px;opacity:1;transform:translateY(0)}to{max-height:0;opacity:0;transform:translateY(20px)}}}.quiz-page-wrap{background:linear-gradient(135deg,#f0f4ff,#faf5ff);font-family:Inter,sans-serif;min-height:100vh;overflow-y:auto;padding:20px;position:relative}.quiz-page-wrap,.quiz-watermark-overlay{align-items:center;display:flex;justify-content:center}.quiz-watermark-overlay{flex-direction:column;inset:0;opacity:.12;overflow:hidden;pointer-events:none;position:fixed;transform:rotate(-25deg) scale(1.5);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:999}.quiz-watermark-row{color:#4255ff;font-size:clamp(10px,1.2vw,14px);font-weight:800;letter-spacing:2px;line-height:4}.quiz-blur-overlay{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a1ed9;cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.quiz-blur-inner{color:#fff;font-size:1rem;line-height:2;text-align:center}.quiz-blur-inner div:first-child{font-size:3rem}.quiz-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #4255ff1f;max-width:640px;padding:36px 32px;position:relative;width:100%}@media (max-width:480px){.quiz-card{border-radius:16px;padding:24px 16px}.quiz-active-card{padding:20px 14px}}.scrollable-card{max-height:90vh;overflow-y:auto}.quiz-back-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;height:40px;justify-content:center;left:20px;position:absolute;top:20px;transition:background .18s;width:40px}.quiz-back-button:hover{background:#f1f5f9}.quiz-header-badge{align-items:center;background:#4255ff14;border-radius:50px;color:#4255ff;display:inline-flex;font-size:.78rem;font-weight:700;gap:6px;margin-bottom:16px;margin-top:8px;padding:5px 12px}.quiz-card-title{color:#0f172a;font-size:1.5rem;font-weight:800;margin:0 0 6px}.quiz-card-sub{color:#64748b;font-size:.88rem;margin:0 0 24px}.quiz-course-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.quiz-course-card{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;color:#0f172a;cursor:pointer;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;gap:8px;padding:20px 12px;transition:border-color .18s,transform .18s,box-shadow .18s}.quiz-course-card:hover{background:#fff;border-color:#4255ff;box-shadow:0 8px 24px #4255ff1f;transform:translateY(-2px)}.quiz-course-icon{font-size:1.6rem}.quiz-num-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.quiz-num-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:4px;padding:20px 12px;transition:all .2s}.quiz-num-card:hover{background:#4255ff0a;border-color:#4255ff;border-color:var(--nc,#4255ff);box-shadow:0 8px 20px #00000014;transform:translateY(-3px)}.qnc-icon{font-size:1.5rem}.qnc-count{color:#4255ff;color:var(--nc,#4255ff);font-size:1.4rem;font-weight:800}.qnc-label{color:#0f172a;font-size:.78rem;font-weight:700}.qnc-desc{color:#64748b;font-size:.7rem}.book-loader-wrap{align-items:center;display:flex;flex-direction:column;gap:20px;padding:40px 20px}.book-anim{height:70px;position:relative;transform-style:preserve-3d;width:60px}.book-spine{background:linear-gradient(180deg,#4255ff,#8b5cf6);border-radius:3px 0 0 3px;height:70px;left:0;position:absolute;top:0;width:12px}.book-page{animation:flipPage 1.4s ease-in-out infinite;border-radius:0 8px 8px 0;height:62px;left:12px;position:absolute;top:4px;transform-origin:left center;width:44px}.bp1{animation-delay:0s;background:#c7d2fe}.bp2{animation-delay:.35s;background:#a5b4fc}.bp3{animation-delay:.7s;background:#818cf8}@keyframes flipPage{0%{transform:rotateY(0deg)}40%{transform:rotateY(-140deg)}60%{transform:rotateY(-140deg)}to{transform:rotateY(0deg)}}.book-loader-text{animation:pulse 1.4s ease infinite;color:#64748b;font-size:.875rem;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.quiz-active-card{max-width:680px;padding:28px 28px 20px}.quiz-top-bar{justify-content:space-between;margin-bottom:10px}.quiz-tb-left,.quiz-top-bar{align-items:center;display:flex}.quiz-tb-left{gap:10px}.quiz-tb-right{align-items:center;display:flex;gap:8px}.quiz-q-counter{color:#0f172a;font-size:.88rem;font-weight:700}.quiz-streak-badge{animation:streakPulse .8s ease infinite alternate;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50px;color:#fff;font-size:.72rem;font-weight:700;padding:3px 9px}@keyframes streakPulse{0%{transform:scale(1)}to{transform:scale(1.07)}}.quiz-flag-btn,.quiz-nav-toggle-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;font-size:.9rem;height:34px;justify-content:center;transition:all .18s;width:34px}.quiz-flag-btn.flagged{background:#fef3c7}.quiz-flag-btn.flagged,.quiz-flag-btn:hover{border-color:#f59e0b;color:#f59e0b}.quiz-nav-toggle-btn:hover{border-color:#4255ff;color:#4255ff}.circle-timer{align-items:center;display:flex;justify-content:center;position:relative}.circle-timer span{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.quiz-prog-wrap{background:#e2e8f0;border-radius:4px;height:4px;margin-bottom:16px;overflow:hidden}.quiz-prog-bar{background:linear-gradient(90deg,#4255ff,#8b5cf6);border-radius:4px;height:100%;transition:width .4s ease}.quiz-nav-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:16px;padding:14px}.quiz-nav-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.qnd{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:600;height:30px;justify-content:center;transition:all .15s;width:30px}.qnd.cur{background:#4255ff;border-color:#4255ff;color:#fff}.qnd.ok{background:#16a34a1f;border-color:#16a34a4d;color:#16a34a}.qnd.bad{background:#dc26261a;border-color:#dc26264d;color:#dc2626}.qnd.flag{background:#fef3c7;border-color:#fde68a;color:#d97706}.quiz-nav-legend{color:#64748b;display:flex;flex-wrap:wrap;font-size:.7rem;gap:12px}.quiz-nav-legend span{align-items:center;display:flex;gap:5px}.quiz-q-wrap{margin-bottom:20px}.qdiff{border-radius:50px;display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.05em;margin-bottom:8px;padding:2px 9px;text-transform:uppercase}.qdiff-easy{background:#16a34a1f;color:#16a34a}.qdiff-medium{background:#4255ff1a;color:#4255ff}.qdiff-hard{background:#dc26261a;color:#dc2626}.quiz-question{color:#0f172a;font-size:1.05rem;font-weight:700;line-height:1.55;margin:0}.quiz-opts{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.quiz-opt{grid-gap:14px;-webkit-tap-highlight-color:transparent;word-wrap:break-word;align-items:start;background:#fff;border:2px solid #e2e8f0;border-radius:14px;box-sizing:border-box;color:#0f172a;cursor:pointer;display:grid;font-family:Inter,sans-serif;font-size:.95rem;gap:14px;grid-template-columns:36px 1fr auto;grid-template-rows:auto;height:auto!important;min-height:64px;overflow:visible!important;padding:18px 16px;position:relative;text-align:left;transition:all .18s;width:100%!important}@media (min-width:769px){.quiz-opt{align-items:center;display:flex;gap:12px;height:auto;min-height:52px;overflow:hidden;padding:12px 16px}}.quiz-opt:hover:not(:disabled){background:#4255ff0a;border-color:#4255ff}.quiz-opt.selected{background:#4255ff0f;border-color:#4255ff}.quiz-opt.correct{animation:bounceIn .3s ease;background:#16a34a14;border-color:#16a34a}.quiz-opt.wrong{animation:shake .3s ease;background:#dc262612;border-color:#dc2626}.quiz-opt.dimmed{opacity:.45}.quiz-opt:disabled{cursor:default}.opt-letter{align-items:center;background:#f1f5f9;border-radius:10px;color:#64748b;display:flex;flex-shrink:0;font-size:.8rem;font-weight:800;height:32px;justify-content:center;width:32px}.quiz-opt.selected .opt-letter{background:#4255ff;color:#fff}.quiz-opt.correct .opt-letter{background:#16a34a;color:#fff}.quiz-opt.wrong .opt-letter{background:#dc2626;color:#fff}.opt-text{align-self:start;display:block;font-weight:500;line-height:1.5;min-width:0;overflow-wrap:break-word!important;white-space:normal!important;width:100%;word-break:break-word!important}@media (min-width:769px){.opt-text{display:block;flex:1 1;overflow:visible;white-space:normal}}.opt-check{color:#16a34a;flex-shrink:0;margin-top:4px}@keyframes bounceIn{0%{transform:scale(.97)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.quiz-explanation{background:#4255ff0f;border:1px solid #4255ff33;border-radius:12px;color:#334155;font-size:.83rem;line-height:1.6;margin-bottom:16px;padding:12px 16px}.quiz-act-row{display:flex;gap:10px;margin-bottom:14px}.quiz-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;padding:13px 20px;transition:all .18s}.quiz-btn.primary{background:#4255ff;color:#fff}.quiz-btn.primary:hover:not(:disabled){background:#3345ee;transform:translateY(-1px)}.quiz-btn.primary:disabled{cursor:not-allowed;opacity:.4}.quiz-btn.success{background:linear-gradient(135deg,#16a34a,#10b981);color:#fff}.quiz-btn.success:hover{box-shadow:0 6px 20px #16a34a4d;transform:translateY(-1px)}.quiz-btn.ghost{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.quiz-btn.ghost:hover{background:#e2e8f0}.quiz-mini-stats{color:#94a3b8;display:flex;flex-wrap:wrap;font-size:.75rem;font-weight:500;gap:16px;justify-content:center}.quiz-result-card{padding:40px 32px;text-align:center}.qr-avatar{align-items:center;border-radius:50%;box-shadow:0 8px 24px #00000026;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.qr-avatar,.qr-title{font-size:1.6rem;font-weight:800}.qr-title{color:#0f172a;margin:0 0 24px}.qr-ring-wrap{display:inline-flex;margin-bottom:16px;position:relative}.qr-ring-label{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.qr-big{color:#0f172a;font-size:1.6rem;font-weight:800}.qr-small{color:#64748b;font-size:.78rem}.qr-grade{color:#0f172a;font-size:1.1rem;font-weight:700;margin-bottom:24px}.qr-stats-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:28px}.qrs{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;flex-direction:column;gap:4px;min-width:80px;padding:14px 18px}.qrs-ic,.qrs-vl{font-size:1.2rem}.qrs-vl{color:#0f172a;font-weight:800}.qrs-lb{color:#64748b;font-size:.7rem}.qr-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.qr-actions .quiz-btn{flex:none;min-width:150px}@media (max-width:600px){.quiz-card{border-radius:20px;padding:24px 18px}.quiz-course-grid{gap:8px;grid-template-columns:1fr 1fr}.quiz-num-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.quiz-act-row{flex-direction:column}}.dark-theme .quiz-page-wrap{background:linear-gradient(135deg,#0f172a,#1e293b)}.dark-theme .quiz-card{background:#1e293b;border-color:#334155;box-shadow:0 20px 60px #0006}.dark-theme .qr-big,.dark-theme .qr-grade,.dark-theme .qr-title,.dark-theme .qrs-vl,.dark-theme .quiz-card-title,.dark-theme .quiz-opt,.dark-theme .quiz-q-counter,.dark-theme .quiz-question{color:#f1f5f9}.dark-theme .book-loader-text,.dark-theme .qnc-desc,.dark-theme .qr-small,.dark-theme .qrs-lb,.dark-theme .quiz-card-sub,.dark-theme .quiz-nav-legend{color:#94a3b8}.dark-theme .qnd,.dark-theme .qrs,.dark-theme .quiz-back-button,.dark-theme .quiz-course-card,.dark-theme .quiz-flag-btn,.dark-theme .quiz-nav-toggle-btn,.dark-theme .quiz-num-card,.dark-theme .quiz-opt{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-theme .quiz-course-card:hover,.dark-theme .quiz-num-card:hover,.dark-theme .quiz-opt.selected,.dark-theme .quiz-opt:hover:not(:disabled){background:#1e293b;border-color:var(--accent)}.dark-theme .quiz-nav-panel{background:#0f172a80;border-color:#334155}.dark-theme .opt-letter{background:#1e293b;color:#94a3b8}.dark-theme .quiz-explanation{background:#4255ff1a;color:#cbd5e1}.dark-theme .quiz-btn.ghost{background:#334155;border-color:#475569;color:#f1f5f9}.dark-theme .quiz-btn.ghost:hover{background:#475569}.dark-theme .quiz-prog-wrap{background:#334155}.dark-theme .qnd.ok{background:#22c55e33}.dark-theme .qnd.bad{background:#ef444433}.dark-theme .qnd.flag{background:#f59e0b33}.no-screenshot-mode{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.no-screenshot-mode img,.no-screenshot-mode svg{pointer-events:none}@media print{.no-screenshot-mode,body{display:none!important}}body.dark-theme{--bg-page:#0f172a;--bg-card:#1e293b;--bg-input:#263347;--bg-hover:#334155;--accent:#4255ff;--accent-hover:#3345ee;--accent-pale:#4255ff2e;--accent-green-pale:#10b98126;--text-heading:#f1f5f9;--text-body:#94a3b8;--text-muted:#64748b;--text-label:#cbd5e1;--border:#334155;--border-focus:#4255ff;--shadow-card:0 2px 8px #0006;--shadow-card-hover:0 8px 24px #00000080}body.dark-theme .dashboard-topbar{background:#0f172af2;border-bottom-color:#334155}body.dark-theme .dashboard-sidebar{background:#0f172af2;border-right-color:#334155}body.dark-theme .sidebar-profile-mini,body.dark-theme .topbar-search input{background:#1e293b;border-color:#334155}body.dark-theme .topbar-search input{color:#f1f5f9}body.dark-theme .topbar-search input:focus{background:#263347;border-color:#4255ff}body.dark-theme .dash-welcome-banner{background:linear-gradient(135deg,#4255ff14,#8b5cf614),#1e293b;border-color:#4255ff40}body.dark-theme .dash-post-card{background:#1e293b;border-color:#334155}body.dark-theme .dash-post-action-btn{background:#263347;color:#94a3b8}body.dark-theme .dash-post-action-btn:hover{background:#334155;color:#f1f5f9}body.dark-theme .modal-content{background:#1e293b;color:#f1f5f9}body.dark-theme .modal-content h3{color:#f1f5f9}body.dark-theme .dash-stat-card{background:#1e293b;border-color:#334155}body.dark-theme .dash-stat-value{color:#f1f5f9}body.dark-theme .dash-stat-label{color:#64748b}body.dark-theme .uhc-bottom-nav{background:#0f172af7;border-top-color:#334155}body.dark-theme .uhc-announcement{background:linear-gradient(135deg,#4255ff33,#8b5cf633);border-color:#4255ff66;color:#a5b4fc}body.dark-theme .profile-page-v2{background:#0f172a}body.dark-theme .info-card-v2,body.dark-theme .leaderboard-row,body.dark-theme .profile-avatar-card,body.dark-theme .settings-modal,body.dark-theme .stat-pill{background:#1e293b;border-color:#334155}body.dark-theme .info-card-v2 label{color:#94a3b8}body.dark-theme .info-card-v2 input,body.dark-theme .info-card-v2 p,body.dark-theme .info-card-v2 select{background:#263347;border-color:#334155;color:#f1f5f9}body.dark-theme .quiz-page-wrap{background:#0f172a}body.dark-theme .quiz-card{background:#1e293b;border-color:#334155;color:#f1f5f9}body.dark-theme .quiz-opt{background:#263347;border-color:#334155;color:#f1f5f9}body.dark-theme .quiz-opt:hover{background:#334155}body.dark-theme .quiz-opt.correct{background:#10b98126;border-color:#10b981}body.dark-theme .quiz-opt.wrong{background:#ef44441f;border-color:#ef4444}body.dark-theme .library-wrapper{background:#0f172a}body.dark-theme .book-card,body.dark-theme .course-card-classic{background:#1e293b;border-color:#334155}body.dark-theme .book-title,body.dark-theme .course-card-info h3{color:#f1f5f9}body.dark-theme .book-author{color:#94a3b8}body.dark-theme .uhc-stats-bar{background:#1e293b;border-color:#334155}body.dark-theme .uhc-stats-bar__item{border-color:#334155}body.dark-theme .search-page-wrap{background:#0f172a}body.dark-theme .search-result-card{background:#1e293b;border-color:#334155}body.dark-theme .search-result-card:hover{background:#263347}.profile-page-v2{background:#f8fafc;min-height:100vh;overflow-x:hidden;padding:40px 20px;position:relative;transition:background .3s;width:100%}.profile-bg-glow{background:radial-gradient(circle at 10% 20%,#4255ff08 0,#0000 50%),radial-gradient(circle at 90% 80%,#8b5cf608 0,#0000 50%);height:100vh;left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:100vw;z-index:0}.profile-bg-shape{animation:float 20s ease-in-out infinite alternate;border-radius:50%;filter:blur(80px);opacity:.4;position:fixed;z-index:0}.profile-bg-shape.s1{background:#4255ff;height:400px;right:-100px;top:-100px;width:400px}.profile-bg-shape.s2{animation-delay:-5s;background:#8b5cf6;bottom:-50px;height:300px;left:-50px;width:300px}@keyframes float{0%{transform:translate(0) rotate(0deg)}to{transform:translate(100px,50px) rotate(30deg)}}.profile-container{grid-gap:32px;display:grid;gap:32px;grid-template-columns:340px 1fr;margin:0 auto;max-width:1100px;position:relative;z-index:1}.profile-sidebar{display:flex;flex-direction:column;gap:24px}.profile-avatar-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:32px;box-shadow:0 10px 40px #00000008;display:flex;flex-direction:column;padding:40px 32px;text-align:center}.avatar-outer-ring{align-items:center;background:conic-gradient(var(--rank-color) var(--progress),#f1f5f9 0deg);border-radius:50%;display:flex;height:160px;justify-content:center;margin-bottom:24px;padding:8px;position:relative;width:160px}.avatar-outer-ring:after{background:#fff;border-radius:50%;content:"";inset:6px;position:absolute;z-index:1}.profile-avatar-main{align-items:center;border-radius:50%;box-shadow:0 8px 25px #0000001a;color:#fff;display:flex;font-size:4rem;font-weight:900;height:130px;justify-content:center;position:relative;width:130px;z-index:2}.rank-info-v2{display:flex;flex-direction:column;gap:16px;width:100%}.rank-badge-v2{align-items:center;align-self:center;border-radius:50px;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;font-size:.9rem;font-weight:800;gap:8px;padding:8px 20px}.rank-progress-wrap{text-align:left;width:100%}.progress-text{color:#64748b;display:flex;font-size:.75rem;font-weight:700;justify-content:space-between;margin-bottom:8px;text-transform:uppercase}.progress-track-v2{background:#f1f5f9;border-radius:10px;height:8px;overflow:hidden;width:100%}.progress-fill-v2{border-radius:10px;height:100%;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.profile-points-display{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;margin-top:24px;padding-top:24px;width:100%}.points-number{color:#0f172a;font-size:2.2rem;font-weight:900}.points-label{color:#94a3b8;font-size:.75rem;font-weight:700;text-transform:uppercase}.profile-settings-v2-btn{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:20px;color:#475569;cursor:pointer;display:flex;font-weight:800;gap:10px;justify-content:center;padding:16px;transition:all .2s}.profile-settings-v2-btn:hover{background:#f8fafc;border-color:var(--accent);color:var(--accent)}.profile-main-content{display:flex;flex-direction:column;gap:32px}.profile-header-v2{align-items:flex-end;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;padding-bottom:24px}.header-text h1{color:#0f172a;font-size:2.8rem;font-weight:900;letter-spacing:-1px;margin:0}.header-text p{color:#64748b;font-size:1.1rem;font-weight:500;margin:4px 0 0}.edit-toggle-v2{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;color:#0f172a;cursor:pointer;display:flex;font-weight:800;gap:10px;padding:12px 24px;transition:all .2s}.edit-toggle-v2:hover{background:#f8fafc;border-color:#cbd5e1}.edit-toggle-v2.active{background:var(--accent);border-color:var(--accent);box-shadow:0 8px 20px #4255ff33;color:#fff}.profile-grid-v2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-card-v2{background:#fff;border:1px solid #f1f5f9;border-radius:24px;display:flex;gap:20px;padding:24px;transition:all .3s}.info-card-v2:hover{box-shadow:0 12px 30px #0000000a;transform:translateY(-4px)}.card-icon{align-items:center;background:#f1f5f9;border-radius:14px;color:#475569;display:flex;font-size:1.2rem;height:48px;justify-content:center;width:48px}.card-body{display:flex;flex:1 1;flex-direction:column}.card-body label{color:#94a3b8;font-size:.75rem;font-weight:800;margin-bottom:4px;text-transform:uppercase}.card-body p{color:#0f172a;font-size:1.05rem;font-weight:700;margin:0}.card-body input,.card-body select{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#0f172a;font-weight:700;outline:none;padding:8px 12px;width:100%}.card-body input:focus{background:#fff;border-color:var(--accent)}.stats-section-v2{background:#0f172a;border-radius:32px;color:#fff;padding:32px}.section-title-v2{color:#94a3b8;font-size:1rem;font-weight:800;letter-spacing:1.5px;margin-bottom:24px;text-transform:uppercase}.stats-mini-grid{display:flex;flex-wrap:wrap;gap:24px}.stat-pill{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex:1 1;gap:16px;min-width:140px;padding:16px 24px}.pill-icon{font-size:1.5rem}.pill-text{display:flex;flex-direction:column}.pill-val{font-size:1.4rem;font-weight:900}.pill-lab{color:#94a3b8;font-size:.7rem;font-weight:700;text-transform:uppercase}.editing-mode .info-card-v2{background:#4255ff05;border-color:var(--accent)}.editing-actions-v2{display:flex;justify-content:center;margin-top:10px}.cancel-btn-v2{background:none;border:none;border-radius:10px;color:#ef4444;cursor:pointer;font-weight:700;padding:10px 20px}.cancel-btn-v2:hover{background:#fef2f2}.dark-theme .profile-page-v2{background:#0f172a}.dark-theme .edit-toggle-v2,.dark-theme .info-card-v2,.dark-theme .profile-avatar-card,.dark-theme .profile-settings-v2-btn{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark-theme .card-body input,.dark-theme .card-body p,.dark-theme .card-body select,.dark-theme .header-text h1,.dark-theme .points-number{color:#fff}.dark-theme .card-icon{background:#334155;color:#94a3b8}.dark-theme .avatar-outer-ring:after{background:#1e293b}.dark-theme .progress-track-v2{background:#334155}.dark-theme .card-body input,.dark-theme .card-body select{background:#0f172a;border-color:#334155}@media (max-width:900px){.profile-container{gap:20px;grid-template-columns:1fr}.profile-header-v2,.profile-sidebar{flex-direction:column}.profile-header-v2{align-items:flex-start;border-bottom-width:1px;gap:20px}.header-text h1{font-size:2rem}.profile-avatar-card{border-radius:24px;padding:24px 20px}.info-card-v2{border-radius:16px;gap:14px;padding:16px}.card-icon{font-size:1rem;height:40px;width:40px}.stats-section-v2{border-radius:24px;padding:20px}.stat-pill{gap:10px;min-width:120px;padding:12px 16px}.pill-val{font-size:1.1rem}}@media (max-width:450px){.profile-page-v2{padding:20px 12px}.header-text h1{font-size:1.6rem}.header-text p{font-size:.9rem}.edit-toggle-v2{font-size:.85rem;justify-content:center;padding:10px;width:100%}.profile-avatar-main{font-size:3rem;height:100px;width:100px}.avatar-outer-ring{height:130px;width:130px}.points-number{font-size:1.8rem}.stat-pill{flex:none;width:100%}}.settings-overlay{align-items:center;animation:profileFadeIn .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172a66;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.settings-modal{animation:profileSlideUp .4s cubic-bezier(.16,1,.3,1);background:#ffffffe6;border:1px solid #fff6;border-radius:32px;box-shadow:0 25px 60px -12px #0003;display:flex;flex-direction:column;max-width:520px;overflow:hidden;width:100%}@keyframes profileFadeIn{0%{opacity:0}to{opacity:1}}@keyframes profileSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-header{align-items:center;border-bottom:1px solid #e2e8f099;display:flex;justify-content:space-between;padding:28px 32px}.settings-title-wrap{align-items:center;display:flex;gap:16px}.settings-title-icon{align-items:center;background:#f1f5f9;border-radius:14px;color:#3b82f6;display:flex;font-size:1.2rem;height:44px;justify-content:center;width:44px}.settings-header h3{color:#0f172a;font-size:1.4rem;font-weight:900;letter-spacing:-.5px;margin:0}.close-settings{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.close-settings:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.settings-content{display:flex;flex-direction:column;gap:20px;max-height:70vh;overflow-y:auto;padding:32px}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.setting-card{align-items:center;background:#f8fafccc;border:1px solid #f1f5f9;border-radius:24px;display:flex;justify-content:space-between;padding:24px;transition:all .3s ease}.setting-card:hover{background:#fff;border-color:#3b82f6;box-shadow:0 4px 20px #3b82f60d;transform:translateX(4px)}.setting-info{align-items:center;display:flex;gap:18px}.setting-icon-box{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;color:#64748b;display:flex;font-size:1.3rem;height:48px;justify-content:center;width:48px}.setting-text{display:flex;flex-direction:column;gap:2px}.setting-name{color:#0f172a;font-size:1rem;font-weight:800}.setting-hint{color:#94a3b8;font-size:.8rem;font-weight:600}.custom-toggle{background:#e2e8f0;border:2px solid #0000;border-radius:50px;cursor:pointer;height:30px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:56px}.custom-toggle.active{background:#3b82f6}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026;height:20px;left:3px;position:absolute;top:3px;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:20px}.custom-toggle.active .toggle-slider{box-shadow:-2px 2px 8px #00000026;left:calc(100% - 23px)}.setting-dropdown{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;color:#0f172a;cursor:pointer;font-family:inherit;font-weight:700;outline:none;padding:10px 18px;transition:all .2s}.setting-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.settings-sub-title{color:#94a3b8;font-size:.8rem;font-weight:800;letter-spacing:1.5px;margin:15px 0 5px 10px;text-transform:uppercase}.setting-action-btn{align-items:center;background:#0f172a;border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:800;gap:8px;padding:12px 24px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.setting-action-btn:hover{background:#1e293b;box-shadow:0 8px 15px #0000001a;transform:translateY(-2px)}.setting-action-btn.success{background:#10b981;box-shadow:0 8px 15px #10b98133}.settings-footer{background:#f8fafc66;border-top:1px solid #e2e8f099;display:flex;justify-content:flex-end;padding:28px 32px}.settings-done-btn{background:#3b82f6;border:none;border-radius:16px;box-shadow:0 10px 25px #3b82f640;color:#fff;cursor:pointer;font-size:1rem;font-weight:800;padding:14px 40px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.settings-done-btn:hover{background:#2563eb;box-shadow:0 15px 30px #3b82f659;transform:translateY(-3px)}.dark-theme .settings-modal{background:#1e293bf2;border-color:#ffffff14}.dark-theme .settings-footer,.dark-theme .settings-header{background:#0f172a33;border-color:#ffffff0d}.dark-theme .setting-dropdown,.dark-theme .setting-name,.dark-theme .settings-header h3{color:#f1f5f9}.dark-theme .setting-card{background:#0f172a66;border-color:#ffffff0d}.dark-theme .setting-card:hover{background:#0f172a99;border-color:#3b82f6}.dark-theme .close-settings,.dark-theme .setting-dropdown,.dark-theme .setting-icon-box,.dark-theme .settings-title-icon{background:#334155;color:#94a3b8}.dark-theme .setting-icon-box{box-shadow:0 4px 12px #0003}.dark-theme .setting-dropdown:focus{background:#1e293b}.dark-theme .close-settings:hover{background:#ef4444;color:#fff}.leaderboard-container{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-card);overflow:hidden}.leaderboard-row{align-items:center;border-bottom:1px solid var(--border);display:flex;padding:16px 20px;transition:background .2s}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row.highlight{background:var(--accent-pale)}.dark-theme .leaderboard-container{background:#1e293b;border-color:#334155}.dark-theme .leaderboard-row{border-color:#334155}.dark-theme .leaderboard-row.highlight{background:#4255ff26}.library-wrapper{margin:0 auto;max-width:1200px;padding:32px}.library-header{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.library-title{color:var(--text-heading);font-size:2.2rem;font-weight:800;margin:0}.library-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.search-input-wrapper{flex:1 1;max-width:400px;position:relative}.search-icon{color:var(--text-muted);left:14px;position:absolute;top:50%;transform:translateY(-50%)}.library-search-input{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-heading);outline:none;padding:12px 16px 12px 42px;transition:all .2s;width:100%}.library-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #4255ff1a}.course-filter-group{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.course-filter-group::-webkit-scrollbar{display:none}.course-pill{background:#fff;border:1.5px solid var(--border);border-radius:50px;color:var(--text-body);cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 20px;transition:all .2s;white-space:nowrap}.course-pill:hover{border-color:var(--accent);color:var(--accent)}.course-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.library-topics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.course-card-classic{align-items:center;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.course-card-classic:hover{border-color:var(--accent);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.course-card-icon{align-items:center;background:var(--accent-pale);border-radius:16px;color:var(--accent);display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.course-card-info{flex:1 1}.course-card-info h3{color:var(--text-heading);font-size:1.2rem;font-weight:800;margin:0 0 6px}.book-count-badge{background:var(--bg-input);border-radius:50px;color:var(--text-body);display:inline-block;font-size:.75rem;font-weight:700;padding:4px 12px}.course-card-classic:hover .book-count-badge{background:var(--accent);color:#fff}.course-arrow{color:var(--border);transition:transform .2s,color .2s}.course-card-classic:hover .course-arrow{color:var(--accent);transform:translateX(4px)}.empty-library{color:var(--text-muted);grid-column:1/-1;padding:80px 20px;text-align:center}.document-list-container{display:flex;flex-direction:column;gap:12px}.document-list-item{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:16px;padding:16px 20px;transition:all .2s}.document-list-item:hover{border-color:var(--accent);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.doc-icon{align-items:center;background:var(--bg-body);border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;height:48px;justify-content:center;position:relative;width:48px}.doc-ext-badge{color:var(--text-muted);font-size:.55rem;font-weight:800;margin-top:2px}.doc-info{flex:1 1;min-width:0}.doc-title{color:var(--text-heading);font-size:1rem;font-weight:700;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-author{color:var(--text-muted);font-size:.8rem;margin:0}.doc-actions{gap:8px}.doc-actions,.doc-bookmark-btn{align-items:center;display:flex}.doc-bookmark-btn{border:none;border-radius:8px;cursor:pointer;justify-content:center;padding:8px;transition:all .2s}.doc-bookmark-btn:hover{background:var(--accent-pale)!important;color:var(--accent)!important}@media (max-width:768px){.library-wrapper{padding:20px}.library-header{gap:16px;margin-bottom:24px}.library-title{font-size:1.6rem}.library-controls{align-items:flex-start;flex-direction:column}.library-topics-grid{gap:16px;grid-template-columns:1fr}.course-card-classic{gap:14px;padding:16px}.course-card-icon{height:48px;width:48px}.course-card-info h3{font-size:1rem}}.dark-theme .book-btn,.dark-theme .book-title,.dark-theme .course-card-info h3,.dark-theme .library-search-input,.dark-theme .library-title{color:#f1f5f9}.dark-theme .course-card-classic,.dark-theme .course-pill,.dark-theme .document-list-item,.dark-theme .library-search-input{background:#1e293b;border-color:#334155}.dark-theme .library-search-input:focus{background:#0f172a}.dark-theme .course-card-classic:hover,.dark-theme .course-pill:hover,.dark-theme .document-list-item:hover{border-color:var(--accent)}.dark-theme .course-pill.active{background:var(--accent);color:#fff}.dark-theme .book-btn,.dark-theme .book-count-badge{background:#0f172a;color:#94a3b8}.dark-theme .book-btn:hover{background:var(--accent);color:#fff}.dark-theme .doc-author{color:#94a3b8}.dark-theme .doc-icon{background:#0f172a}.dark-theme .course-card-icon{background:#4255ff26}.book-viewer-page{background:#f0f2f8;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh}.viewer-header{align-items:center;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 2px 10px #0000000d;display:flex;height:70px;justify-content:space-between;padding:0 24px;z-index:100}.viewer-header-left{align-items:center;display:flex;gap:20px}.viewer-back-btn{align-items:center;background:var(--bg-hover);border:none;border-radius:50%;color:var(--text-heading);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.viewer-back-btn:hover{background:var(--accent-pale);color:var(--accent)}.viewer-title-info h1{color:var(--text-heading);font-size:1.1rem;font-weight:800;margin:0;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-title-info span{color:var(--text-muted);font-size:.75rem;font-weight:500}.viewer-header-right{align-items:center;display:flex;gap:12px}.viewer-action-btn{align-items:center;background:#fff;border:1.5px solid var(--border);border-radius:8px;color:var(--text-heading);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.viewer-action-btn:hover{border-color:var(--accent);color:var(--accent)}.viewer-action-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.viewer-container{-webkit-overflow-scrolling:touch;background:#525659;display:flex;flex:1 1;justify-content:center;overflow:auto}.pdf-iframe{background:#fff;border:none;box-shadow:0 0 40px #0000004d;height:100%;max-width:1000px;width:100%}.viewer-error,.viewer-loading{color:var(--text-body);font-weight:600;height:100vh}.unsupported-viewer,.viewer-error,.viewer-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center}.unsupported-viewer{color:#fff;padding:40px;text-align:center}.unsupported-viewer h2{font-size:2rem;margin:0}.unsupported-viewer p{line-height:1.6;max-width:500px;opacity:.8}.dark-theme .book-viewer-page{background:#0f172a}.dark-theme .viewer-header{background:#1e293b;border-bottom-color:#334155;box-shadow:0 2px 10px #0000004d}.dark-theme .viewer-action-btn,.dark-theme .viewer-title-info h1{color:#f1f5f9}.dark-theme .viewer-action-btn{background:#0f172a;border-color:#334155}.dark-theme .viewer-action-btn:hover{border-color:var(--accent)}.dark-theme .viewer-container{background:#0f172a}@media (max-width:768px){.viewer-header{height:60px;padding:0 12px}.viewer-header-left{gap:12px}.viewer-back-btn{height:32px;width:32px}.viewer-title-info h1{font-size:.95rem;max-width:150px}.viewer-title-info span{font-size:.65rem}.viewer-header-right{gap:8px}.viewer-action-btn{font-size:.75rem;gap:4px;padding:6px 10px}.viewer-action-btn svg{height:14px;width:14px}.pdf-iframe{box-shadow:none}}.review-page-container{background:linear-gradient(135deg,#0f172a,#1e1b4b);color:#f8fafc;font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;padding:40px 20px}.review-max-width{margin:0 auto;max-width:900px}.review-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 50px #0000004d;margin-bottom:40px;padding:40px;text-align:center}.review-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4ade80,#2dd4bf);-webkit-background-clip:text;font-size:2.5rem;font-weight:900;margin:0 0 10px}.score-display{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:20px}.stat-box{align-items:center;display:flex;flex-direction:column}.stat-value{color:#fff;font-size:2rem;font-weight:800}.stat-label{color:#94a3b8;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.review-list{display:flex;flex-direction:column;gap:24px}.review-q-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1)}.review-q-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-4px)}.review-q-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.q-number{background:#ffffff1a;border-radius:20px;color:#94a3b8;font-size:.75rem;font-weight:800;padding:4px 12px}.review-q-text{color:#f1f5f9;flex:1 1;font-size:1.15rem;font-weight:600;line-height:1.6}.review-opts-grid{display:flex;flex-direction:column;gap:12px}.review-opt-item{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;font-size:.95rem;gap:12px;line-height:1.5;padding:16px 20px;white-space:normal!important;word-break:break-word!important}.review-opt-item.selected-wrong{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.review-opt-item.is-correct{background:#10b9811a;border-color:#10b9814d;color:#6ee7b7}.opt-indicator{align-items:center;border:2px solid #fff3;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;width:20px}.is-correct .opt-indicator{background:#10b981;border-color:#10b981;color:#fff}.selected-wrong .opt-indicator{background:#ef4444;border-color:#ef4444;color:#fff}.report-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#f87171;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;gap:6px;padding:6px 12px;transition:all .2s}.report-btn:hover{background:#ef444433;transform:scale(1.05)}.review-actions{display:flex;gap:20px;justify-content:center;margin-top:50px}.action-btn{border:none;border-radius:16px;font-size:1rem;font-weight:700;padding:16px 40px;transition:all .3s}.primary-btn{background:linear-gradient(90deg,#4ade80,#2dd4bf);color:#064e3b}.primary-btn:hover{box-shadow:0 10px 25px #4ade804d;transform:translateY(-2px)}@media (max-width:600px){.review-header{padding:30px 20px}.score-display{gap:20px}.stat-value{font-size:1.5rem}.review-q-header{align-items:flex-start;flex-direction:column;gap:10px}.report-btn{align-self:flex-end}}.bulk-upload-container{display:flex;flex-direction:column;gap:24px}.upload-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.upload-card{align-items:flex-start;background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:24px}.upload-card h3{align-items:center;color:var(--admin-text);display:flex;font-size:1.1rem;gap:8px;margin:0}.upload-card p{color:var(--admin-muted);font-size:.85rem;margin:0}.upload-card.info{background:#4255ff08;border-color:#4255ff26}.code-snippet{background:#0f172a;border-radius:8px;color:#94a3b8;font-size:.75rem;margin:0;overflow-x:auto;padding:12px;width:100%}.manual-input-section h3{color:var(--admin-text);font-size:1rem;margin-bottom:12px}.json-textarea{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:12px;color:var(--admin-text);font-family:Courier New,Courier,monospace;font-size:.85rem;min-height:200px;outline:none;padding:16px;resize:vertical;transition:border-color .2s;width:100%}.json-textarea:focus{border-color:var(--admin-accent)}.status-banner{align-items:center;border-radius:12px;display:flex;font-size:.9rem;gap:12px;padding:12px 20px;position:relative}.status-banner.success{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.status-banner.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.status-banner .close-btn{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;opacity:.7;padding:4px}.status-banner .close-btn:hover{opacity:1}.preview-section{margin-top:12px}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.preview-table-wrapper{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:16px;overflow:hidden}.preview-table{border-collapse:collapse;width:100%}.preview-table th{background:#ffffff05;color:var(--admin-muted);font-size:.8rem;padding:12px 16px;text-align:left}.preview-table td,.preview-table th{border-bottom:1px solid var(--admin-border)}.preview-table td{color:var(--admin-text);font-size:.85rem;padding:14px 16px}.bulk-q-text{max-width:300px}.bulk-opt-text,.bulk-q-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-opt-text{color:var(--admin-muted);max-width:200px}.table-more{background:#ffffff03;color:var(--admin-muted);font-size:.8rem;padding:12px;text-align:center}@media (max-width:768px){.upload-options{grid-template-columns:1fr}.preview-header{align-items:stretch;flex-direction:column;gap:12px}.preview-header button{width:100%}.preview-table td:nth-child(4),.preview-table th:nth-child(4){display:none}}.messages-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:350px 1fr;height:calc(100vh - 200px)}.message-detail-card,.messages-list-card{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.search-box{align-items:center;background:#ffffff05;border-bottom:1px solid var(--admin-border);display:flex;gap:10px;padding:16px}.search-box input{background:none;border:none;color:var(--admin-text);font-size:.9rem;outline:none;width:100%}.messages-scroll{flex:1 1;overflow-y:auto}.message-item{border-bottom:1px solid var(--admin-border);cursor:pointer;padding:16px;transition:background .2s}.message-item:hover{background:#4255ff0d}.message-item.selected{background:#4255ff14;border-left:4px solid var(--admin-accent)}.message-item.unread .sender-name{color:var(--admin-text);font-weight:800}.message-item-header{display:flex;justify-content:space-between;margin-bottom:4px}.sender-name{color:var(--admin-text);font-size:.9rem}.msg-time{font-size:.75rem}.msg-preview,.msg-time{color:var(--admin-muted)}.msg-preview{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-detail-view{display:flex;flex-direction:column;height:100%;padding:32px}.detail-header{align-items:flex-start;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.sender-info{gap:16px}.sender-avatar,.sender-info{align-items:center;display:flex}.sender-avatar{background:linear-gradient(135deg,var(--admin-accent),#0ea5e9);border-radius:14px;color:#fff;font-size:1.2rem;font-weight:800;height:48px;justify-content:center;width:48px}.sender-info h2{color:var(--admin-text);font-size:1.25rem;margin:0}.sender-info p{color:var(--admin-muted);font-size:.9rem;margin:0}.detail-meta{display:flex;flex-direction:column;gap:8px;text-align:right}.meta-item{align-items:center;color:var(--admin-muted);display:flex;font-size:.8rem;gap:6px;justify-content:flex-end}.status-badge.unread{background:#ef44441a;border-radius:50px;color:#ef4444;font-size:.7rem;font-weight:700;padding:2px 8px;text-transform:uppercase}.message-body{color:var(--admin-text);flex:1 1;font-size:1rem;line-height:1.6;white-space:pre-wrap}.detail-actions{border-top:1px solid var(--admin-border);display:flex;gap:12px;padding-top:24px}.no-selection{align-items:center;color:var(--admin-muted);display:flex;flex:1 1;flex-direction:column;justify-content:center}.muted-icon{margin-bottom:16px;opacity:.2}.text-red{color:#ef4444!important}@media (max-width:1024px){.messages-layout{grid-template-columns:1fr}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a66;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-content{animation:modalEnter .4s cubic-bezier(.16,1,.3,1);background:#fff;border:none;border-radius:20px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a,0 0 0 1px #0000000d;max-width:400px;padding:32px;position:relative;width:100%}.admin-wrapper.admin-dark .modal-content{background:#1e293b;box-shadow:0 20px 25px -5px #0000004d,0 0 0 1px #ffffff1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.library-admin-controls{margin-bottom:24px}.search-bar{align-items:center;background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:12px;display:flex;gap:12px;height:48px;max-width:500px;padding:0 16px}.search-bar input{background:none;border:none;color:var(--admin-text);font-size:.9rem;outline:none;width:100%}.book-cell{gap:12px}.book-cell,.book-icon-sm{align-items:center;display:flex}.book-icon-sm{background:#4255ff1a;border-radius:8px;color:var(--admin-accent);height:32px;justify-content:center;width:32px}.form-group{margin-bottom:16px}.form-group label{color:var(--admin-text);display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:8px;color:var(--admin-text);outline:none;padding:10px 14px;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--admin-accent)}.file-drop-area{align-items:center;background:#00000005;border:2px dashed var(--admin-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:30px;transition:all .2s}.file-drop-area:hover{background:#4255ff0d;border-color:var(--admin-accent)}.file-drop-area span{color:var(--admin-muted);font-size:.85rem;text-align:center}.toggle-wrapper{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 0}.toggle-switch{background:var(--admin-border);border-radius:20px;height:22px;position:relative;transition:background .3s;width:44px}.toggle-switch.on{background:var(--admin-accent)}.toggle-handle{background:#fff;border-radius:50%;height:18px;left:2px;position:absolute;top:2px;transition:transform .3s;width:18px}.toggle-switch.on .toggle-handle{transform:translateX(22px)}.toggle-label{color:var(--admin-text);font-size:.88rem;font-weight:500}.upload-progress-bar{align-items:center;background:var(--admin-border);border-radius:12px;display:flex;height:24px;justify-content:center;margin:16px 0;overflow:hidden;position:relative}.progress-fill{background:var(--admin-accent);height:100%;left:0;position:absolute;top:0;transition:width .3s}.upload-progress-bar span{color:#fff;font-size:.75rem;font-weight:800;position:relative;z-index:1}.table-actions{align-items:center;display:flex;gap:8px}@media (max-width:768px){.admin-table td:last-child,.admin-table th:last-child{background:inherit;position:-webkit-sticky;position:sticky;right:0;z-index:2}.admin-table td:last-child{background:#fff}.admin-wrapper.admin-dark .admin-table td:last-child{background:#1e293b}}.action-btn{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#334155;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.action-btn:hover{background:#fff;border-color:var(--admin-accent);box-shadow:0 4px 12px #4255ff26;color:var(--admin-accent);transform:translateY(-2px)}.action-btn.delete:hover{background:#fef2f2;border-color:#fca5a5;box-shadow:0 4px 12px #ef444426;color:#ef4444}.admin-wrapper.admin-dark .action-btn{background:#1e293b80;border-color:#ffffff0d;color:#94a3b8}.admin-wrapper.admin-dark .action-btn:hover{background:#1e293b;border-color:#60a5fa;color:#60a5fa}.admin-wrapper.admin-dark .action-btn.delete:hover{background:#ef444433;border-color:#fca5a5;color:#fca5a5}:root{--admin-bg:#f1f5f9;--admin-sidebar-bg:#fff;--admin-card:#fff;--admin-border:#e2e8f0;--admin-accent:#4255ff;--admin-accent-pale:#4255ff1a;--admin-green:#16a34a;--admin-red:#dc2626;--admin-orange:#d97706;--admin-text:#0f172a;--admin-muted:#64748b;--admin-font:"Inter",sans-serif;--admin-radius:14px;--admin-shadow:0 4px 20px #00000014}.admin-wrapper{background:#f1f5f9;background:var(--admin-bg);color:#0f172a;color:var(--admin-text);display:flex;font-family:Inter,sans-serif;font-family:var(--admin-font);inset:0;overflow:hidden;position:fixed}.admin-sidebar{background:#fff;background:var(--admin-sidebar-bg);border-right:1px solid #e2e8f0;border-right:1px solid var(--admin-border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:0;scrollbar-width:none;width:230px}.admin-sidebar::-webkit-scrollbar{display:none}.admin-logo{align-items:center;border-bottom:none;display:flex;flex-shrink:0;gap:10px;height:60px;padding:0 20px}.logo-animated-text{display:flex;font-size:1.4rem;font-weight:900;gap:2px;letter-spacing:-.5px}.logo-letter{animation:colorShift 4s infinite alternate;display:inline-block}.logo-letter:first-child{animation-delay:0s;color:#4255ff}.logo-letter:nth-child(2){animation-delay:.5s;color:#8b5cf6}.logo-letter:nth-child(3){animation-delay:1s;color:#ec4899}@keyframes colorShift{0%{color:#4255ff;filter:hue-rotate(0deg);transform:translateY(0)}25%{color:#8b5cf6;transform:translateY(-2px)}50%{color:#ec4899;filter:hue-rotate(90deg);transform:translateY(0)}75%{color:#10b981;transform:translateY(2px)}to{color:#f59e0b;filter:hue-rotate(180deg);transform:translateY(0)}}.admin-logo-icon{align-items:center;background:#4255ff;background:var(--admin-accent);border-radius:10px;color:#fff;display:flex;font-size:1rem;font-weight:800;height:34px;justify-content:center;width:34px}.admin-logo h2{color:#0f172a;color:var(--admin-text);font-size:1rem;font-weight:700;margin:0}.admin-logo span{color:#64748b;color:var(--admin-muted);font-size:.7rem;font-weight:400}.admin-nav{border-top:1px solid #e2e8f0;border-top:1px solid var(--admin-border);display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:12px 10px;scrollbar-width:none}.admin-nav a,.admin-nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;color:var(--admin-muted);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--admin-font);font-size:.875rem;font-weight:500;gap:10px;padding:10px 14px;text-decoration:none;transition:background .18s,color .18s;width:100%}.admin-nav a:hover,.admin-nav-item:hover{background:#4255ff0f;color:#0f172a;color:var(--admin-text)}.admin-nav a.active{background:#4255ff1a;background:var(--admin-accent-pale);color:#4255ff;color:var(--admin-accent);font-weight:600}.admin-nav-section{color:#64748b;color:var(--admin-muted);font-size:.65rem;font-weight:700;letter-spacing:.1em;padding:12px 14px 6px;text-transform:uppercase}.sidebar-badge{background:#ef4444;border-radius:10px;box-shadow:0 2px 4px #ef444433;color:#fff;font-size:.65rem;font-weight:700;margin-left:auto;padding:1px 6px}.admin-nav-logout{border-top:1px solid #e2e8f0;border-top:1px solid var(--admin-border);padding:12px 10px}.admin-content{flex:1 1;height:100%;min-width:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:#e2e8f0 #0000;scrollbar-color:var(--admin-border) #0000;scrollbar-width:thin}.admin-content::-webkit-scrollbar{width:5px}.admin-content::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--admin-border);border-radius:4px}.admin-topbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);box-shadow:0 1px 8px #0000000f;display:flex;height:60px;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-topbar-title{color:#0f172a;color:var(--admin-text);font-size:1rem;font-weight:700}.admin-topbar-actions{align-items:center;display:flex;gap:10px}.admin-hamburger{display:none}.admin-page{padding:24px 28px}.admin-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:28px}.admin-stat-card{background:#fff;background:var(--admin-card);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:14px;border-radius:var(--admin-radius);display:flex;flex-direction:column;gap:8px;padding:20px;transition:transform .18s,box-shadow .18s}.admin-stat-card:hover{box-shadow:0 4px 20px #00000014;box-shadow:var(--admin-shadow);transform:translateY(-2px)}.admin-stat-icon{align-items:center;border-radius:10px;display:flex;font-size:1.1rem;height:38px;justify-content:center;width:38px}.admin-stat-icon.blue{background:#4255ff1f}.admin-stat-icon.green{background:#16a34a1f}.admin-stat-icon.orange{background:#d977061f}.admin-stat-icon.red{background:#dc26261f}.admin-stat-value{color:#0f172a;color:var(--admin-text);font-size:1.8rem;font-weight:800;line-height:1}.admin-stat-label{color:#64748b;color:var(--admin-muted);font-size:.78rem;font-weight:500}.admin-stat-trend{align-items:center;color:#16a34a;color:var(--admin-green);display:flex;font-size:.75rem;font-weight:600;gap:3px}.admin-stat-trend.down{color:#dc2626;color:var(--admin-red)}.admin-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.admin-section-title{color:#0f172a;color:var(--admin-text);font-size:1rem;font-weight:700}.admin-table-wrap{background:#fff;background:var(--admin-card);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:14px;border-radius:var(--admin-radius);margin-bottom:28px;overflow:hidden}.admin-table{border-collapse:collapse;font-size:.875rem;width:100%}.admin-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border)}.admin-table th{color:#64748b;color:var(--admin-muted);font-size:.78rem;font-weight:600;letter-spacing:.06em;padding:12px 16px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);color:#0f172a;color:var(--admin-text);padding:13px 16px;vertical-align:middle}.admin-table tbody tr:hover{background:#f8fafc}.admin-table tbody tr:last-child td{border-bottom:none}.admin-badge{align-items:center;border-radius:50px;display:inline-flex;font-size:.72rem;font-weight:600;padding:3px 10px}.admin-badge.green{background:#16a34a1f;color:#16a34a}.admin-badge.red{background:#dc26261f;color:#dc2626}.admin-badge.blue{background:#4255ff1a;background:var(--admin-accent-pale);color:#4255ff;color:var(--admin-accent)}.admin-badge.orange{background:#d977061f;color:#d97706}.admin-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--admin-font);font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .18s}.admin-btn.primary{background:#4255ff;background:var(--admin-accent);color:#fff}.admin-btn.primary:hover{background:#3345ee;transform:translateY(-1px)}.admin-btn.secondary{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--admin-border);color:#0f172a;color:var(--admin-text)}.admin-btn.secondary:hover{background:#f1f5f9}.admin-btn.danger{background:#dc262614;border:1px solid #dc262633;color:#dc2626}.admin-btn.danger:hover{background:#dc262626}.admin-btn.sm{border-radius:8px;font-size:.78rem;padding:5px 12px}.admin-input{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:10px;color:#0f172a;color:var(--admin-text);font-family:Inter,sans-serif;font-family:var(--admin-font);font-size:.9rem;outline:none;padding:10px 14px;transition:border .18s,background .18s}.admin-input:focus{background:#fff;border-color:#4255ff;border-color:var(--admin-accent);box-shadow:0 0 0 3px #4255ff1a}.admin-input::placeholder{color:#94a3b8}.admin-select{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:10px;color:#0f172a;color:var(--admin-text);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--admin-font);font-size:.875rem;outline:none;padding:9px 14px}.admin-charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));margin-bottom:28px}.admin-chart-card{background:#fff;background:var(--admin-card);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:14px;border-radius:var(--admin-radius);padding:20px}.admin-chart-card h3{font-size:.9rem;font-weight:700;margin-bottom:16px}.admin-bell-btn,.admin-chart-card h3{color:#0f172a;color:var(--admin-text)}.admin-bell-btn{align-items:center;background:#ffffff0d;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:10px;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:background .18s;width:36px}.admin-bell-btn:hover{background:#ffffff1a}.admin-notif-count{align-items:center;background:#dc2626;background:var(--admin-red);border-radius:50%;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:16px;justify-content:center;position:absolute;right:-4px;top:-4px;width:16px}.admin-notif-panel{background:#fff;background:var(--admin-card);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:14px;border-radius:var(--admin-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--admin-shadow);max-height:400px;overflow:hidden;overflow-y:auto;position:absolute;right:28px;top:52px;width:320px;z-index:500}.admin-notif-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);font-size:.9rem;font-weight:700;padding:14px 16px}.admin-notif-item{border-bottom:1px solid #ffffff0a;color:#64748b;color:var(--admin-muted);font-size:.82rem;line-height:1.4;padding:10px 16px}.admin-notif-item:last-child{border-bottom:none}.admin-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.admin-modal{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:20px;box-shadow:0 20px 60px #0000001f;max-width:500px;padding:28px;width:100%}.admin-modal h3{font-size:1.1rem;font-weight:700;margin-bottom:20px}@media (max-width:768px){.admin-sidebar{box-shadow:4px 0 24px #0006;height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);width:240px;z-index:300}.admin-sidebar.sidebar-open{transform:translateX(0)}.admin-hamburger{display:flex}.admin-page{padding:16px}.admin-charts-grid{grid-template-columns:1fr}.admin-stats-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.admin-topbar{padding:0 16px}.admin-section-header{align-items:flex-start;flex-direction:column;gap:12px}.admin-table-wrap{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}}@media (max-width:480px){.admin-stats-grid{gap:12px;grid-template-columns:1fr}.admin-page,.admin-stat-card{padding:12px}.admin-stat-value{font-size:1.4rem}.admin-topbar-title{font-size:.82rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-topbar-actions{display:none}.admin-btn{font-size:.8rem;padding:8px 14px}.admin-btn.primary,.admin-btn.secondary{flex:1 1;justify-content:center}.admin-section-title{font-size:.9rem}}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}@media (min-width:769px){.mobile-only{display:none!important}}.admin-wrapper.admin-dark{background:#0f172a;color:#f1f5f9}.admin-wrapper.admin-dark .admin-card,.admin-wrapper.admin-dark .admin-chart-card,.admin-wrapper.admin-dark .admin-modal,.admin-wrapper.admin-dark .admin-notif-panel,.admin-wrapper.admin-dark .admin-sidebar,.admin-wrapper.admin-dark .admin-stat-card,.admin-wrapper.admin-dark .admin-table-wrap,.admin-wrapper.admin-dark .admin-topbar,.admin-wrapper.admin-dark .modal-content{background:#1e293b;border-color:#334155;color:#f1f5f9}.admin-wrapper.admin-dark .admin-chart-card h3,.admin-wrapper.admin-dark .admin-input,.admin-wrapper.admin-dark .admin-logo h2,.admin-wrapper.admin-dark .admin-modal h3,.admin-wrapper.admin-dark .admin-nav a:hover,.admin-wrapper.admin-dark .admin-nav-item:hover,.admin-wrapper.admin-dark .admin-section-title,.admin-wrapper.admin-dark .admin-stat-value,.admin-wrapper.admin-dark .admin-table td,.admin-wrapper.admin-dark .admin-topbar-title{color:#f1f5f9}.admin-wrapper.admin-dark .admin-logo span,.admin-wrapper.admin-dark .admin-muted,.admin-wrapper.admin-dark .admin-nav-section,.admin-wrapper.admin-dark .admin-notif-item,.admin-wrapper.admin-dark .admin-stat-label,.admin-wrapper.admin-dark .admin-table th{color:#94a3b8}.admin-wrapper.admin-dark .admin-nav a:hover,.admin-wrapper.admin-dark .admin-nav-item:hover{background:#334155}.admin-wrapper.admin-dark .admin-nav a.active{background:#4255ff33;border-left:3px solid #4255ff;border-left:3px solid var(--admin-accent);color:#60a5fa}.admin-wrapper.admin-dark .admin-nav,.admin-wrapper.admin-dark .admin-nav-logout,.admin-wrapper.admin-dark .admin-notif-header,.admin-wrapper.admin-dark .admin-table td,.admin-wrapper.admin-dark .admin-table thead tr,.admin-wrapper.admin-dark .admin-topbar{border-color:#334155}.admin-wrapper.admin-dark .admin-input,.admin-wrapper.admin-dark .admin-select,.admin-wrapper.admin-dark .admin-table tbody tr:hover,.admin-wrapper.admin-dark .admin-table thead tr{background:#0f172a}.admin-wrapper.admin-dark .admin-input:focus{background:#0f172a;border-color:#4255ff;border-color:var(--admin-accent)}.admin-wrapper.admin-dark .admin-content::-webkit-scrollbar-thumb{background:#334155}.admin-wrapper.admin-dark .admin-bell-btn{border-color:#334155;color:#f1f5f9}.admin-card,.admin-nav a,.admin-sidebar,.admin-stat-card,.admin-topbar,.admin-wrapper{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.admin-nav a.active{border-left:3px solid #0000}.live-toast-container{animation:slideInNotif .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:24px;top:24px;z-index:1000}@keyframes slideInNotif{0%{opacity:0;transform:translateX(100%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.live-toast{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:16px;box-shadow:0 10px 40px #0000001f;display:flex;gap:14px;overflow:hidden;padding:16px;pointer-events:auto;position:relative;width:320px}.live-toast:before{background:#4255ff;background:var(--admin-accent);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.live-toast.SUCCESS:before{background:#22c55e}.live-toast.DANGER:before{background:#ef4444}.live-toast-icon{align-items:center;background:#4255ff1a;background:var(--admin-accent-pale);border-radius:12px;display:flex;flex-shrink:0;font-size:1.2rem;height:42px;justify-content:center;width:42px}.live-toast-content{flex:1 1;min-width:0}.live-toast-title{color:#0f172a;color:var(--admin-text);font-size:.82rem;font-weight:800;margin-bottom:2px}.live-toast-msg{font-size:.78rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-toast-close,.live-toast-msg{color:#64748b;color:var(--admin-muted)}.live-toast-close{background:#0000;border:none;border-radius:6px;cursor:pointer;padding:4px}.live-toast-close:hover{background:#f1f5f9;color:#0f172a;color:var(--admin-text)}.admin-wrapper.admin-dark .live-toast{background:#1e293b;border-color:#334155;box-shadow:0 10px 40px #0006}.admin-wrapper.admin-dark .live-toast-title{color:#f1f5f9}.admin-wrapper.admin-dark .live-toast-close:hover{background:#334155}.admin-sidebar{overflow:hidden;transition:width .25s cubic-bezier(.4,0,.2,1)}.admin-sidebar .admin-nav a,.admin-sidebar .admin-nav-logout button{transition:padding .2s,justify-content .2s,background .18s,color .18s}.sidebar-collapsed .admin-logo h2,.sidebar-collapsed .admin-logo span,.sidebar-collapsed .admin-nav a span{display:none}.sidebar-collapsed .admin-nav a{justify-content:center;padding:10px 0}.admin-badge.gray{background:#64748b1a;color:#64748b}.admin-badge.purple{color:#8b5cf6}.admin-badge.purple,.admin-stat-icon.purple{background:#8b5cf61f}.admin-wrapper.admin-dark .admin-btn.secondary{background:#1e293b;border-color:#334155;color:#f1f5f9}.admin-wrapper.admin-dark .admin-btn.secondary:hover{background:#334155}.admin-wrapper.admin-dark .admin-modal-overlay .admin-modal{background:#1e293b;border-color:#334155}.admin-wrapper.admin-dark .admin-modal h3,.admin-wrapper.admin-dark .admin-modal p{color:#f1f5f9}.admin-profile-card-clickable{transition:background .15s}.admin-profile-card-clickable:hover{background:#4255ff1a!important;background:var(--admin-accent-pale)!important;cursor:pointer}
/*# sourceMappingURL=main.195d3a1b.css.map*/