[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293be6;--bg-input:#1e293b;--bg-hover:#ffffff0d;--bg-navbar:#0f172af2;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--border-color:#334155;--border-light:#1e293b;--shadow-color:#0006;--shadow-hover:#0009;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 1px 3px 0 #0000004d, 0 1px 2px -1px #0000004d;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0000004d, 0 8px 10px -6px #0000004d;--primary-50:#6366f126;--primary-100:#6366f133;--primary-200:#6366f14d;--primary-300:#818cf8;--primary-400:#a5b4fc;--primary-500:#818cf8;--primary-600:#6366f1;--primary-700:#4f46e5;--success:#34d399;--success-bg:#10b98126;--danger:#f87171;--danger-bg:#ef444426;--warning:#fbbf24;--warning-bg:#f59e0b26;--info:#60a5fa;--info-bg:#3b82f626}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background .3s,color .3s}#root{background:var(--bg-primary);flex-direction:column;min-height:100vh;transition:background .3s;display:flex}.page-wrapper{padding-top:var(--navbar-height);background:var(--bg-primary);flex:1;min-height:100vh;transition:background .3s}@media (width<=640px){.page-wrapper{padding-top:var(--navbar-height-mobile)}}.container{z-index:1;max-width:1280px;margin:0 auto;padding:2rem 2rem 3rem;position:relative}@media (width<=640px){.container{padding:1.25rem 1rem 2rem}}@media (width<=640px){.page-title .icon{width:40px;height:40px;font-size:1.5rem}.page-title h1{font-size:1.5rem}.page-subtitle{padding-left:0;font-size:.875rem}}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#ffffffd9;--bg-input:#fff;--bg-hover:#00000008;--bg-navbar:#fffffff2;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--border-color:#e5e7eb;--border-light:#f3f4f6;--shadow-color:#0000001a;--shadow-hover:#00000026;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--success:#10b981;--success-bg:#d1fae5;--danger:#ef4444;--danger-bg:#fee2e2;--warning:#f59e0b;--warning-bg:#fef3c7;--info:#3b82f6;--info-bg:#dbeafe;--radius-sm:8px;--radius:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--navbar-height:70px;--navbar-height-mobile:64px;--transition:.3s ease}[data-theme=dark]{--shadow-color:#0006;--shadow-hover:#0009;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 1px 3px 0 #0000004d, 0 1px 2px -1px #0000004d;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0000004d, 0 8px 10px -6px #0000004d;--primary-50:#6366f126;--primary-100:#6366f133;--primary-200:#6366f14d;--primary-300:#818cf8;--primary-400:#a5b4fc;--primary-500:#818cf8;--primary-600:#6366f1;--primary-700:#4f46e5;--success:#34d399;--success-bg:#10b98126;--danger:#f87171;--danger-bg:#ef444426;--warning:#fbbf24;--warning-bg:#f59e0b26;--info:#60a5fa;--info-bg:#3b82f626;--bg-primary:#0f172a!important;--bg-secondary:#1e293b!important;--bg-card:#1e293bf2!important;--bg-input:#1e293b!important;--bg-hover:#ffffff0d!important;--bg-navbar:#0f172afa!important;--text-primary:#f1f5f9!important;--text-secondary:#94a3b8!important;--text-muted:#64748b!important;--text-inverse:#0f172a!important;--border-color:#334155!important;--border-light:#1e293b!important}html,body{scroll-behavior:smooth;height:100%}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background .3s,color .3s}#root{flex-direction:column;min-height:100vh;transition:background .3s;display:flex;background:var(--bg-primary)!important}.page-wrapper{padding-top:var(--navbar-height);flex:1;min-height:100vh;transition:background .3s;background:var(--bg-primary)!important}@media (width<=640px){.page-wrapper{padding-top:var(--navbar-height-mobile)}}.container{z-index:1;background:0 0;max-width:1280px;margin:0 auto;padding:2rem 2rem 3rem;position:relative}@media (width<=640px){.container{padding:1.25rem 1rem 2rem}}.page-header{margin-bottom:2rem}.page-title{align-items:center;gap:1rem;display:flex}.page-title .icon{background:linear-gradient(135deg, var(--primary-500), #7c3aed);border-radius:var(--radius);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex;box-shadow:0 4px 12px #6366f14d}.page-title h1{color:var(--text-primary);letter-spacing:-.025em;font-size:2rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:.25rem;padding-left:4rem;font-size:1rem}@media (width<=640px){.page-title .icon{width:40px;height:40px;font-size:1.5rem}.page-title h1{font-size:1.5rem}.page-subtitle{padding-left:0;font-size:.875rem}}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:all var(--transition)}.glass-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.btn{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-secondary{background:var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background:var(--text-muted);transform:translateY(-2px)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-outline:hover{background:var(--primary-500);color:#fff;transform:translateY(-2px)}.btn-sm{padding:.375rem 1rem;font-size:.75rem}.btn-lg{padding:.75rem 2rem;font-size:1rem}.badge{text-transform:uppercase;letter-spacing:.025em;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.7rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-approved{background:var(--success-bg);color:var(--success)}.badge-rejected{background:var(--danger-bg);color:var(--danger)}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-primary);margin-bottom:.375rem;font-size:.875rem;font-weight:600;display:block}.form-input,.form-select{border:2px solid var(--border-color);border-radius:var(--radius);background:var(--bg-input);width:100%;color:var(--text-primary);transition:all var(--transition);padding:.75rem 1rem;font-family:inherit;font-size:.875rem}.form-input:focus,.form-select:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 4px #6366f11a}.form-input::placeholder{color:var(--text-muted)}.form-input:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{min-height:300px;color:var(--text-muted);justify-content:center;align-items:center;font-size:1rem;display:flex}.empty-state{text-align:center;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:2px dashed var(--border-color);padding:4rem 2rem}.empty-state .icon{opacity:.5;margin-bottom:1rem;font-size:4rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.empty-state p{color:var(--text-secondary);max-width:400px;margin:0 auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg, var(--primary-500), #7c3aed);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg, var(--primary-600), #6d28d9)}.page-transition{opacity:0;width:100%;min-height:100vh;transition:opacity .4s,transform .4s;transform:translateY(20px)}.page-transition.visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;animation:.5s forwards staggerFadeIn}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .page-transition{background:var(--bg-primary)}.bottom-nav{z-index:998;background:var(--bg-secondary);border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);padding:.25rem 0;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014}[data-theme=dark] .bottom-nav{border-top-color:var(--border-color);background:#0f172af2}.bottom-nav-container{justify-content:space-around;align-items:center;max-width:600px;margin:0 auto;padding:.25rem .5rem;display:flex}.bottom-nav-item{color:var(--text-secondary);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:.15rem;max-width:70px;padding:.4rem .6rem;text-decoration:none;transition:all .2s;display:flex;position:relative}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.active{color:var(--primary-500)}.bottom-nav-item .bottom-nav-icon{font-size:1.4rem;transition:transform .2s}.bottom-nav-item:hover .bottom-nav-icon{transform:translateY(-2px)scale(1.05)}.bottom-nav-item .bottom-nav-label{letter-spacing:.025em;text-align:center;font-size:.6rem;font-weight:500}.bottom-nav-indicator{background:linear-gradient(90deg, var(--primary-500), var(--secondary-500));border-radius:0 0 3px 3px;width:20px;height:3px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.admin-item .bottom-nav-icon{filter:drop-shadow(0 0 4px #7c3aed4d)}@media (width<=768px){.bottom-nav{display:block}.page-wrapper{padding-bottom:70px}}@media (width<=480px){.bottom-nav{padding:.15rem 0}.bottom-nav-item{max-width:60px;padding:.3rem .4rem}.bottom-nav-item .bottom-nav-icon{font-size:1.2rem}.bottom-nav-item .bottom-nav-label{font-size:.5rem}}.error-boundary{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.error-boundary-content{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);max-width:500px;box-shadow:var(--shadow-xl);padding:3rem 2.5rem;animation:.5s fadeInUp}.error-icon{margin-bottom:1rem;font-size:4rem;display:block}.error-boundary-content h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.error-boundary-content p{color:var(--text-secondary);margin-bottom:1.5rem}.error-details{text-align:left;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-color);margin-bottom:1.5rem;padding:.75rem}.error-details summary{cursor:pointer;color:var(--text-secondary);font-weight:500}.error-details pre{color:var(--danger);white-space:pre-wrap;word-wrap:break-word;background:var(--bg-primary);border-radius:4px;margin-top:.5rem;padding:.5rem;font-size:.75rem;overflow-x:auto}.error-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.error-actions .btn{min-width:120px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.error-boundary-content{padding:2rem 1.5rem}.error-icon{font-size:3rem}.error-actions{flex-direction:column}.error-actions .btn{width:100%}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:3rem 0 1.5rem}[data-theme=dark] .footer{background:#0f172a;border-top-color:#1e293b}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.footer-brand{max-width:300px}.footer-logo{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.2rem;font-weight:700;display:flex}.footer-logo .logo-icon{font-size:1.4rem}.footer-logo .logo-text{color:var(--text-primary)}.footer-logo .logo-text span{background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.footer-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.6}.footer-social{gap:.75rem;display:flex}.social-link{background:var(--bg-hover);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.social-link:hover{background:var(--primary-50);border-color:var(--primary-400);color:var(--primary-500);box-shadow:var(--shadow-md);transform:translateY(-3px)}[data-theme=dark] .social-link:hover{border-color:var(--primary-400);color:var(--primary-400);background:#6366f126}.social-link svg{width:20px;height:20px}.footer-links h4{color:var(--text-primary);margin-bottom:.75rem;font-size:.9rem;font-weight:600}.footer-links ul{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.footer-links ul li a{color:var(--text-secondary);transition:color var(--transition);font-size:.85rem;text-decoration:none}.footer-links ul li a:hover{color:var(--primary-500)}.footer-bottom{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:1.5rem;font-size:.8rem;display:flex}.footer-version{background:var(--bg-hover);border-radius:4px;padding:.2rem .6rem;font-size:.7rem}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}@media (width<=640px){.footer-grid{text-align:center;grid-template-columns:1fr}.footer-brand{max-width:100%}.footer-social{justify-content:center}.footer-bottom{text-align:center;flex-direction:column;gap:.5rem}}:root{--primary:#6c63ff;--primary-dark:#5a52d5;--primary-light:#8b83ff;--secondary:#00d4ff;--accent:#ff6b6b;--gradient-1:linear-gradient(135deg, #6c63ff, #00d4ff);--gradient-2:linear-gradient(135deg, #6c63ff, #ff6b6b);--text-primary:#0a0a1a;--text-secondary:#4a4a6a;--text-light:#8a8aaa;--bg-primary:#fff;--bg-secondary:#f8f9fe;--bg-dark:#0a0a1a;--bg-card:#fff;--border-color:#e8e8f0;--shadow-sm:0 2px 8px #6c63ff14;--shadow-md:0 8px 32px #6c63ff1f;--shadow-lg:0 16px 64px #6c63ff29;--shadow-xl:0 24px 80px #6c63ff33;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.landing-page{overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-large{padding:.875rem 2.5rem;font-size:1rem}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 16px #6c63ff4d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 32px #6c63ff66}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--text-primary);border:2px solid var(--border-color);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--primary)}.btn-ghost-light{color:#fff;background:#ffffff1a;border:2px solid #fff3}.btn-ghost-light:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.landing-nav{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border-bottom:1px solid #0000000d;align-items:center;height:72px;display:flex;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.nav-brand{align-items:center;gap:.5rem;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.brand-icon{font-size:1.6rem}.brand-text{color:var(--text-primary)}.brand-text span{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--text-secondary);transition:var(--transition);font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--gradient-1);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:100%}.nav-actions{align-items:center;gap:.75rem;display:flex}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:none}.mobile-menu-btn span{background:var(--text-primary);width:24px;height:2px;transition:var(--transition);border-radius:2px}.hero-section{background:var(--bg-primary);align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#6c63ff0f,#0000 70%);border-radius:50%;width:800px;height:800px;position:absolute;top:-50%;right:-20%}.hero-container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;position:relative}.hero-badge{color:var(--primary);background:#6c63ff14;border:1px solid #6c63ff1f;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.375rem 1rem;font-size:.8rem;font-weight:600;animation:.6s fadeInUp;display:inline-flex}.hero-title{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1;animation:.6s .1s both fadeInUp}.gradient-text{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:var(--text-secondary);max-width:480px;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.8;animation:.6s .2s both fadeInUp}.hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;animation:.6s .3s both fadeInUp;display:flex}.hero-trust{align-items:center;gap:1.5rem;animation:.6s .4s both fadeInUp;display:flex}.trust-avatars{align-items:center;display:flex}.trust-avatars img{object-fit:cover;width:40px;height:40px;box-shadow:var(--shadow-sm);border:3px solid #fff;border-radius:50%;margin-right:-12px}.trust-avatars img:last-child{margin-right:0}.trust-count{background:var(--gradient-1);color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.7rem;font-weight:700;display:flex}.trust-text{flex-direction:column;display:flex}.stars{color:#fbbf24;letter-spacing:2px;font-size:.9rem}.trust-text span{color:var(--text-secondary);font-size:.8rem}.hero-visual{animation:.6s .2s both fadeInUp;position:relative}.hero-illustration{border-radius:var(--radius-lg);position:relative;overflow:hidden}.hero-image{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:480px;box-shadow:var(--shadow-xl)}.floating-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fff;border:1px solid #0000000a;align-items:center;gap:.75rem;padding:1rem 1.5rem;animation:6s ease-in-out infinite float;display:flex;position:absolute}.floating-card .card-icon{font-size:1.5rem}.floating-card h4{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:700}.floating-card p{color:var(--text-secondary);margin:0;font-size:.75rem}.card-1{animation-delay:0s;top:20px;left:-20px}.card-2{animation-delay:1s;bottom:60px;right:-20px}.card-3{animation-delay:2s;bottom:-20px;left:50%;transform:translate(-50%)}.features-section{background:var(--bg-secondary);padding:5rem 0}.section-header{text-align:center;max-width:640px;margin:0 auto 4rem}.section-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);background:#6c63ff14;border-radius:50px;margin-bottom:1rem;padding:.25rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.section-title{letter-spacing:-.02em;margin-bottom:1rem;font-size:2.8rem;font-weight:800;line-height:1.2}.section-description{color:var(--text-secondary);font-size:1.05rem}.features-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.feature-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:var(--transition);text-align:center;padding:2.5rem 2rem}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-8px)}.feature-icon-wrapper{width:64px;height:64px;transition:var(--transition);background:#6c63ff14;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;font-size:1.8rem;display:flex}.feature-card:hover .feature-icon-wrapper{background:var(--primary);transform:scale(1.05)}.feature-card:hover .feature-icon{filter:brightness(10)}.feature-title{margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.feature-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.stats-section{background:var(--bg-primary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:3rem 0}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.stat-card{padding:.5rem}.stat-card .stat-number{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.15rem;font-size:2.2rem;font-weight:800;line-height:1.2}.stat-card .stat-label{color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;font-size:.8rem;font-weight:500}.pricing-section{background:var(--bg-secondary);padding:5rem 0}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.pricing-card{background:var(--bg-card);border-radius:var(--radius-lg);border:2px solid var(--border-color);transition:var(--transition);flex-direction:column;padding:2.5rem 2rem;display:flex;position:relative}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.pricing-card.popular{border-color:var(--primary);background:var(--bg-card);box-shadow:var(--shadow-md)}.pricing-card.popular:hover{box-shadow:var(--shadow-lg)}.popular-badge{background:var(--gradient-1);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:50px;padding:.25rem 1.5rem;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header{text-align:center;margin-bottom:2rem}.plan-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.plan-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.plan-price{justify-content:center;align-items:baseline;gap:.25rem;display:flex}.plan-price .price{color:var(--text-primary);font-size:3rem;font-weight:800}.plan-price .period{color:var(--text-secondary);font-size:1rem}.plan-features{flex:1;margin:0 0 2rem;padding:0;list-style:none}.plan-features li{color:var(--text-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9rem;display:flex}.plan-features li:last-child{border-bottom:none}.plan-features li svg{color:var(--primary);flex-shrink:0}.pricing-btn{justify-content:center;width:100%;margin-top:auto}.testimonials-section{background:var(--bg-secondary);padding:5rem 0}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.testimonial-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:var(--transition);padding:2.5rem}.testimonial-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.testimonial-stars{color:#fbbf24;letter-spacing:2px;margin-bottom:1rem;font-size:1rem}.testimonial-content{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;font-style:italic;line-height:1.8}.testimonial-author{align-items:center;gap:1rem;display:flex}.author-image{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:48px;height:48px}.testimonial-author h4{margin:0;font-size:.95rem;font-weight:700}.testimonial-author p{color:var(--text-secondary);margin:0;font-size:.8rem}.cta-section{background:var(--bg-dark);padding:5rem 0;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle,#6c63ff14,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.cta-container{z-index:1;max-width:900px;margin:0 auto;padding:0 2rem;position:relative}.cta-content{text-align:center}.cta-title{color:#fff;letter-spacing:-.02em;margin-bottom:1rem;font-size:3.5rem;font-weight:800;line-height:1.2}.cta-description{color:#ffffffb3;max-width:560px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.15rem}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-actions .btn{min-width:220px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=1024px){.hero-container{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-description{max-width:100%;margin-left:auto;margin-right:auto}.hero-actions,.hero-trust{justify-content:center}.hero-image{height:400px}.features-grid,.testimonials-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-card:last-child{grid-column:span 2;max-width:400px;margin:0 auto}.hero-title{font-size:3.2rem}.floating-card{display:none}}@media (width<=768px){.nav-links{display:none}.mobile-menu-btn{display:flex}.hero-title{font-size:2.8rem}.hero-section{padding:100px 0 60px}.hero-image{height:320px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card .stat-number{font-size:1.8rem}.stat-card .stat-label{font-size:.7rem}.features-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.testimonials-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.pricing-card:last-child{grid-column:span 1}.section-title{font-size:2.2rem}.cta-title{font-size:2.5rem}.btn-large{padding:.75rem 2rem}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{justify-content:center;width:100%;max-width:300px}.cta-actions{flex-direction:column;align-items:center}.cta-actions .btn{justify-content:center;width:100%;max-width:300px}.pricing-card{padding:2rem 1.5rem}.plan-price .price{font-size:2.5rem}}@media (width<=480px){.container,.nav-container{padding:0 1rem}.hero-title{font-size:2.2rem}.hero-description{font-size:1rem}.hero-image{height:240px}.section-title{font-size:1.8rem}.cta-title{font-size:2rem}.stat-card .stat-number{font-size:1.5rem}.stat-card .stat-label{font-size:.6rem}.trust-avatars img{width:32px;height:32px}.trust-count{width:32px;height:32px;font-size:.6rem}.pricing-section{padding:3rem 0}.pricing-card{padding:1.5rem 1rem}.plan-price .price{font-size:2rem}}.courses-section{background:var(--bg-primary);padding:5rem 0}.courses-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.course-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;transition:var(--transition);padding:2rem;position:relative}.course-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-6px)}.course-icon{margin-bottom:1rem;font-size:2.5rem}.course-card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.course-card p{color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem}.course-badge{text-transform:uppercase;background:var(--primary);color:#fff;border-radius:50px;padding:.2rem .8rem;font-size:.65rem;font-weight:700;display:inline-block}.about-section{background:var(--bg-secondary);padding:5rem 0}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-content .section-tag{margin-bottom:.5rem}.about-content .section-title{margin-bottom:1rem}.about-description{color:var(--text-secondary);margin-bottom:2rem;font-size:1.05rem;line-height:1.8}.about-features{flex-direction:column;gap:1.25rem;display:flex}.about-feature{align-items:flex-start;gap:1rem;display:flex}.about-feature span:first-child{flex-shrink:0;font-size:1.5rem}.about-feature h4{color:var(--text-primary);margin:0 0 .15rem;font-size:1rem;font-weight:700}.about-feature p{color:var(--text-secondary);margin:0;font-size:.9rem}.about-image img{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:400px;box-shadow:var(--shadow-lg)}@media (width<=1024px){.courses-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:2rem}.about-image{order:-1}.about-image img{height:300px}}@media (width<=768px){.courses-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.about-image img{height:250px}}.auth-page{background:linear-gradient(135deg,#f8fafc 0%,#dbeafe 50%,#ede9fe 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(#3b82f614 0%,#0000 70%);width:80%;height:80%;position:absolute;top:-50%;right:-30%}.auth-page:after{content:"";pointer-events:none;background:radial-gradient(#8b5cf614 0%,#0000 70%);width:80%;height:80%;position:absolute;bottom:-50%;left:-30%}.auth-container{z-index:1;width:100%;max-width:440px;position:relative}.auth-card{-webkit-backdrop-filter:blur(30px);border-radius:var(--radius-xl);background:#ffffffd9;border:1px solid #ffffff80;padding:2.5rem 2.5rem 2rem;animation:.6s slideUp;box-shadow:0 25px 60px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-brand{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.auth-logo{font-size:2.5rem}.auth-brand-text{color:var(--gray-900);font-size:1.5rem;font-weight:700}.auth-brand-text span{background:linear-gradient(135deg, var(--primary-500), var(--secondary-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:var(--gray-900);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.auth-header p{color:var(--gray-500);font-size:.95rem}.auth-error{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.auth-form .form-group{margin-bottom:1.25rem}.auth-form .form-label{color:var(--gray-700);margin-bottom:.375rem;font-size:.875rem;font-weight:600;display:block}.auth-form .form-input{border:2px solid var(--gray-200);border-radius:var(--radius);width:100%;transition:all var(--transition);background:#fffc;padding:.75rem 1rem;font-size:.95rem}.auth-form .form-input:focus{border-color:var(--primary-500);background:#fff;outline:none;box-shadow:0 0 0 4px #3b82f61a}.auth-form .btn{width:100%;margin-top:.5rem;padding:.75rem;font-size:1rem}.auth-footer{text-align:center;border-top:1px solid var(--gray-200);color:var(--gray-500);margin-top:1.5rem;padding-top:1.5rem;font-size:.9rem}.auth-footer a{color:var(--primary-600);transition:color var(--transition);font-weight:600;text-decoration:none}.auth-footer a:hover{color:var(--primary-700)}.loading-spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@media (width<=480px){.auth-card{padding:1.75rem 1.25rem}.auth-header h1{font-size:1.5rem}.auth-brand-text{font-size:1.25rem}.auth-logo{font-size:2rem}}.auth-register-card{max-width:480px}.auth-register-card .auth-form{margin-top:.5rem}.form-hint{color:var(--gray-400);margin-top:.25rem;font-size:.7rem;display:block}.password-strength{gap:.25rem;margin-top:.25rem;display:flex}.password-strength-bar{background:var(--gray-200);height:3px;transition:background var(--transition);border-radius:2px;flex:1}.password-strength-bar.active{background:var(--success)}.password-strength-bar.active.weak{background:var(--danger)}.password-strength-bar.active.medium{background:var(--warning)}.password-strength-bar.active.strong{background:var(--success)}.social-login{border-top:1px solid var(--gray-200);text-align:center;margin-top:1.5rem;padding-top:1.5rem}.social-login p{color:var(--gray-400);margin-bottom:.75rem;font-size:.8rem}.social-buttons{justify-content:center;gap:.75rem;display:flex}.social-btn{border:1px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);color:var(--gray-700);background:#fff;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;display:flex}.social-btn:hover{border-color:var(--primary-400);background:var(--gray-50);box-shadow:var(--shadow-md);transform:translateY(-2px)}.social-btn .social-icon{font-size:1.2rem}.terms-checkbox{align-items:flex-start;gap:.5rem;margin:1rem 0;display:flex}.terms-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-500);cursor:pointer;margin-top:.2rem}.terms-checkbox label{color:var(--gray-600);font-size:.85rem}.terms-checkbox label a{color:var(--primary-600);font-weight:500;text-decoration:none}.terms-checkbox label a:hover{text-decoration:underline}@media (width<=480px){.auth-register-card{padding:1.5rem 1.25rem}.social-buttons{flex-direction:column}.social-btn{width:100%}}.register-page{color:#fff;background:#0b0b1a;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.register-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex}.header-logo{color:#fff;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:700;text-decoration:none;transition:transform .3s;display:flex}.header-logo:hover{transform:scale(1.02)}.header-logo span:first-child{font-size:1.6rem}.header-actions{color:#fff9;align-items:center;gap:1rem;font-size:.9rem;display:flex}.signin-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem 1.5rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s}.signin-btn:hover{background:#ffffff26;transform:translateY(-1px)}.register-main{justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:2rem;display:flex}.register-content{background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;grid-template-columns:1fr 1.2fr;gap:3rem;width:100%;max-width:1200px;padding:2.5rem;display:grid}.register-illustration{justify-content:center;align-items:center;display:flex}.illustration-box{background:linear-gradient(145deg,#6c63ff14,#2d1b6914);border:1px solid #6c63ff1a;border-radius:20px;width:100%;max-width:440px;padding:2.5rem}.illustration-content{text-align:center;flex-direction:column;align-items:center;display:flex}.illustration-icon{margin-bottom:1rem;font-size:4rem;animation:3s ease-in-out infinite float}.illustration-box h2{color:#fff;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.illustration-box p{color:#fff9;margin-bottom:2rem;line-height:1.6}.illustration-features{flex-direction:column;gap:.75rem;width:100%;margin-bottom:2rem;display:flex}.feature-item{color:#fffc;cursor:default;background:#ffffff08;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem;font-size:.95rem;transition:all .3s;display:flex}.feature-item:hover{background:#ffffff0f;transform:translate(5px)}.feature-check{color:#6c63ff;background:#6c63ff33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex}.illustration-testimonial{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;width:100%;padding:1rem}.testimonial-avatars{justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.testimonial-avatars img{object-fit:cover;border:2px solid #0b0b1a;border-radius:50%;width:36px;height:36px;margin-right:-8px}.testimonial-avatars img:last-child{margin-right:0}.testimonial-count{color:#6c63ff;background:#6c63ff33;border:2px solid #0b0b1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.7rem;font-weight:700;display:flex}.illustration-testimonial p{color:#ffffffb3;margin:0;font-size:.85rem;font-style:italic}.register-form-wrapper{justify-content:center;align-items:center;display:flex}.form-card{width:100%;max-width:440px}.form-card-header{margin-bottom:2rem}.form-card-header h1{color:#fff;margin-bottom:.25rem;font-size:2.2rem;font-weight:800}.form-card-header p{color:#ffffff80;font-size:.95rem}.register-form{flex-direction:column;gap:1.25rem;display:flex}.form-field{flex-direction:column;gap:.3rem;display:flex}.form-field label{color:#ffffffb3;font-size:.8rem;font-weight:600}.form-field input{color:#fff;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:.65rem .9rem;font-family:inherit;font-size:.9rem;transition:all .3s}.form-field input::placeholder{color:#fff3}.form-field input:focus{background:#ffffff0f;border-color:#6c63ff;outline:none;box-shadow:0 0 0 3px #6c63ff14}.form-field input.error{border-color:#ef4444}.form-field input.error:focus{box-shadow:0 0 0 3px #ef444414}.error-msg{color:#ef4444;font-size:.75rem}.password-wrapper{position:relative}.password-wrapper input{width:100%;padding-right:4.5rem}.toggle-visibility{color:#ffffff4d;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-family:inherit;font-size:.75rem;transition:all .3s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.toggle-visibility:hover{color:#fff9;background:#ffffff0d}.password-rules{flex-wrap:wrap;gap:.75rem;margin-top:.2rem;display:flex}.password-rules span{color:#fff3;font-size:.7rem;transition:all .3s}.password-rules span.valid{color:#10b981}.checkbox-field{margin-top:.25rem}.checkbox-label{cursor:pointer;color:#ffffff80;align-items:flex-start;gap:.6rem;font-size:.8rem;display:flex}.checkbox-label input[type=checkbox]{accent-color:#6c63ff;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:.15rem}.checkbox-label a{color:#6c63ff;font-weight:600;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff 0%,#4a3fcf 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #6c63ff59}.submit-button:disabled{opacity:.7;cursor:not-allowed}.loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-footer{text-align:center;color:#fff6;margin-top:.5rem;font-size:.85rem}.form-footer a{color:#6c63ff;font-weight:600;text-decoration:none}.form-footer a:hover{text-decoration:underline}@media (width<=1024px){.register-content{grid-template-columns:1fr;gap:2rem;padding:2rem}.register-illustration{order:2}.register-form-wrapper{order:1}.illustration-box{max-width:100%}}@media (width<=768px){.register-header{padding:1rem 1.5rem}.register-main{padding:1rem}.register-content{padding:1.5rem}.form-card-header h1{font-size:1.8rem}}@media (width<=480px){.register-header{flex-direction:column;gap:1rem;padding:1rem}.register-content{padding:1rem}.illustration-box{padding:1.5rem}.form-card{padding:0}.form-card-header h1{font-size:1.5rem}}[data-theme=dark] .login-page,[data-theme=dark] .register-page{background:var(--bg-primary)}[data-theme=dark] .login-header,[data-theme=dark] .register-header{background:var(--bg-navbar);border-bottom-color:var(--border-color)}[data-theme=dark] .header-logo{color:var(--text-primary)}[data-theme=dark] .form-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .form-card-header h1{color:var(--text-primary)}[data-theme=dark] .form-card-header p,[data-theme=dark] .form-field label{color:var(--text-secondary)}[data-theme=dark] .form-field input{background:var(--bg-input);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .form-field input:focus{border-color:var(--primary-400);background:var(--bg-input)}[data-theme=dark] .form-field input::placeholder{color:var(--text-muted)}[data-theme=dark] .illustration-box{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .illustration-box h2{color:var(--text-primary)}[data-theme=dark] .illustration-box p,[data-theme=dark] .feature-item{color:var(--text-secondary)}[data-theme=dark] .feature-item:hover{background:var(--bg-hover)}[data-theme=dark] .illustration-stats{background:var(--bg-hover);border-color:var(--border-color)}[data-theme=dark] .stat-item .stat-number{color:var(--text-primary)}[data-theme=dark] .stat-item .stat-label{color:var(--text-secondary)}[data-theme=dark] .stat-divider{background:var(--border-color)}[data-theme=dark] .illustration-testimonial{background:var(--bg-hover);border-color:var(--border-color)}[data-theme=dark] .illustration-testimonial p{color:var(--text-secondary)}[data-theme=dark] .success-message{background:var(--success-bg);color:var(--success);border-color:#10b98133}[data-theme=dark] .error-message-box{background:var(--danger-bg);color:var(--danger);border-color:#ef444433}[data-theme=dark] .login-button,[data-theme=dark] .submit-button{background:linear-gradient(135deg, var(--primary-500), var(--primary-600))}[data-theme=dark] .login-button:hover:not(:disabled),[data-theme=dark] .submit-button:hover:not(:disabled){box-shadow:0 8px 32px #6366f159}[data-theme=dark] .forgot-password{color:var(--primary-400)}[data-theme=dark] .register-link{color:var(--text-secondary)}[data-theme=dark] .register-link a{color:var(--primary-400)}[data-theme=dark] .form-footer{color:var(--text-secondary)}[data-theme=dark] .form-footer a{color:var(--primary-400)}[data-theme=dark] .signin-btn{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .signin-btn:hover{background:var(--bg-card)}[data-theme=dark] .toggle-visibility{color:var(--text-muted)}[data-theme=dark] .toggle-visibility:hover{background:var(--bg-hover);color:var(--text-secondary)}[data-theme=dark] .checkbox-label{color:var(--text-secondary)}[data-theme=dark] .checkbox-label a{color:var(--primary-400)}[data-theme=dark] .testimonial-count{color:var(--primary-400);background:#6366f133}[data-theme=dark] .password-rules span{color:var(--text-muted)}[data-theme=dark] .password-rules span.valid{color:var(--success)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e5e7eb80;height:64px;transition:background .3s,border-color .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #0000000d}.navbar-container{justify-content:space-between;align-items:center;max-width:1280px;height:100%;margin:0 auto;padding:0 1.5rem;display:flex}.navbar-logo{flex-shrink:0;align-items:center;gap:.5rem;text-decoration:none;display:flex}.logo-icon-wrapper{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .3s;display:flex}.navbar-logo:hover .logo-icon-wrapper{transform:scale(1.05)}.logo-icon{font-size:1.1rem}.logo-text-wrapper{letter-spacing:-.5px;align-items:baseline;gap:.05rem;font-size:1.1rem;font-weight:700;display:flex}.logo-text{color:#111827}.logo-highlight{background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar-desktop{flex:1;justify-content:center;align-items:center;gap:.5rem;margin:0 1rem;display:flex}.nav-links-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:.1rem;display:flex}.nav-link{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-link:hover,.nav-link.active{color:#4f46e5;background:#eef2ff}.nav-link-icon{font-size:.85rem}.nav-link-indicator{background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:0 0 3px 3px;width:14px;height:2.5px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.dropdown-wrapper{position:relative}.dropdown-toggle{align-items:center;gap:.3rem;display:flex}.dropdown-arrow{width:14px;height:14px;transition:transform .3s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{opacity:0;visibility:hidden;background:#fff;border:1px solid #e5e7eb80;border-radius:12px;min-width:200px;padding:.4rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 6px);right:0;transform:translateY(-8px)scale(.95);box-shadow:0 10px 40px #00000026}.dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.dropdown-item{color:#6b7280;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.dropdown-item:hover,.dropdown-item.active{color:#4f46e5;background:#eef2ff}.dropdown-item-icon{font-size:.85rem}.dropdown-active-indicator{background:#4f46e5;border-radius:50%;width:5px;height:5px;margin-left:auto}.dropdown-divider{background:#f3f4f6;height:1px;margin:.2rem .4rem}.dropdown-section-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .7rem .15rem;font-size:.6rem;font-weight:600}.admin-dropdown-item{color:#7c3aed}.admin-dropdown-item:hover,.admin-dropdown-item.active{color:#6d28d9;background:#7c3aed14}.admin-indicator{background:#7c3aed}.navbar-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.logout-btn{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef44441f;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .9rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.logout-btn:hover{background:#ef444426;border-color:#ef444440}.logout-icon{width:15px;height:15px}.mobile-toggle{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.4rem;display:none}.mobile-toggle:hover{background:#f3f4f6}.hamburger{flex-direction:column;gap:4px;width:22px;display:flex}.hamburger span{background:#374151;border-radius:2px;height:2px;transition:all .3s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(4.5px,4.5px)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(4.5px,-4.5px)}.mobile-menu-overlay{z-index:999;background:#fff;transition:transform .3s;display:none;position:fixed;inset:64px 0 0;overflow-y:auto;transform:translate(100%)}.mobile-menu-overlay.open{transform:translate(0)}.mobile-menu-container{max-width:400px;margin:0 auto;padding:1rem 1.5rem 1.5rem}.mobile-user-profile{border-bottom:1px solid #f3f4f6;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.mobile-user-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:600;display:flex}.mobile-user-info{flex-direction:column;display:flex}.mobile-user-name{color:#111827;font-size:.9rem;font-weight:600}.mobile-user-role{color:#6b7280;font-size:.75rem}.mobile-nav-link{color:#6b7280;border-radius:10px;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{color:#4f46e5;background:#eef2ff}.mobile-divider{background:#f3f4f6;height:1px;margin:.25rem .5rem}.mobile-section-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;padding:.5rem .75rem .25rem;font-size:.7rem;font-weight:600}.mobile-logout-btn{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef44441f;border-radius:10px;align-items:center;gap:.75rem;width:100%;margin-top:1rem;padding:.6rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.mobile-logout-btn:hover{background:#ef444426}.mobile-footer{text-align:center;color:#d1d5db;border-top:1px solid #f3f4f6;margin-top:1rem;padding-top:.75rem;font-size:.7rem}.navbar-backdrop{z-index:998;opacity:0;background:#0000004d;transition:opacity .3s;display:none;position:fixed;inset:0}.navbar-backdrop.open{opacity:1;display:block}[data-theme=dark] .navbar{border-bottom:1px solid var(--border-color);background:#0f172af2}[data-theme=dark] .logo-text{color:#f1f5f9}[data-theme=dark] .nav-link{color:#94a3b8}[data-theme=dark] .nav-link:hover,[data-theme=dark] .nav-link.active{color:#818cf8;background:#6366f126}[data-theme=dark] .dropdown-menu{background:#1e293b;border-color:#334155}[data-theme=dark] .dropdown-item{color:#94a3b8}[data-theme=dark] .dropdown-item:hover,[data-theme=dark] .dropdown-item.active{color:#818cf8;background:#6366f126}[data-theme=dark] .logout-btn{color:#f87171;background:#ef444426;border-color:#ef444433}[data-theme=dark] .logout-btn:hover{background:#ef444440}[data-theme=dark] .mobile-menu-overlay{background:#0f172a}[data-theme=dark] .mobile-user-name{color:#f1f5f9}[data-theme=dark] .mobile-user-role,[data-theme=dark] .mobile-nav-link{color:#94a3b8}[data-theme=dark] .mobile-nav-link:hover,[data-theme=dark] .mobile-nav-link.active{color:#818cf8;background:#6366f126}[data-theme=dark] .mobile-divider{background:#1e293b}[data-theme=dark] .mobile-section-title{color:#64748b}[data-theme=dark] .mobile-logout-btn{color:#f87171;background:#ef444426;border-color:#ef444433}[data-theme=dark] .mobile-logout-btn:hover{background:#ef444440}[data-theme=dark] .mobile-footer{color:#475569;border-top-color:#1e293b}[data-theme=dark] .hamburger span{background:#94a3b8}@media (width<=1024px){.navbar-desktop{display:none}.mobile-toggle,.mobile-menu-overlay{display:block}.navbar-container{padding:0 1rem}}@media (width<=640px){.navbar{height:60px}.mobile-menu-overlay{top:60px}.logo-icon-wrapper{width:28px;height:28px}.logo-icon{font-size:.9rem}.logo-text-wrapper{font-size:1rem}.mobile-menu-container{padding:.75rem 1rem 1rem}.mobile-nav-link,.mobile-logout-btn{padding:.5rem .65rem;font-size:.8rem}}.theme-toggle{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;font-size:1.3rem;transition:all .3s;display:flex}.theme-toggle:hover{background:#0000000d}[data-theme=dark] .theme-toggle:hover{background:#ffffff1a}.theme-toggle{cursor:pointer;width:40px;height:40px;color:var(--text-secondary);background:0 0;background:var(--bg-secondary);border:none;border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;padding:8px;font-size:1.3rem;transition:all .3s;display:flex}.theme-toggle:hover{background:var(--bg-hover);transform:scale(1.05)}.theme-toggle-icon{transition:transform .5s cubic-bezier(.68,-.55,.265,1.55)}.theme-toggle:hover .theme-toggle-icon{transform:rotate(30deg)scale(1.2)}.toast-container{z-index:9999;flex-direction:column;gap:10px;width:100%;max-width:400px;display:flex;position:fixed;top:80px;right:20px}.toast{background:#fff;border-left:4px solid;border-radius:12px;align-items:center;gap:12px;padding:14px 20px;transition:all .3s;animation:.4s cubic-bezier(.68,-.55,.265,1.55) slideInRight;display:flex;box-shadow:0 10px 40px #00000026}.toast.hide{animation:.3s forwards slideOutRight}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-info{border-left-color:#3b82f6}.toast-icon{flex-shrink:0;font-size:1.5rem}.toast-message{color:#1f2937;flex:1;font-size:.9rem;font-weight:500}.toast-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.5rem;transition:color .2s}.toast-close:hover{color:#374151}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@media (width<=640px){.toast-container{max-width:none;top:70px;left:10px;right:10px}}.dashboard-wrapper{min-height:100vh;padding-top:70px;transition:background .3s;background:var(--bg-primary)!important}.dashboard-container{background:0 0;max-width:1280px;margin:0 auto;padding:2rem}.dashboard-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding-top:70px;display:flex;background:var(--bg-primary)!important}.dashboard-loading .loading-spinner{border:3px solid var(--border-color);border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.dashboard-loading p{color:var(--text-secondary)}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.dashboard-header h1{color:var(--text-primary);margin:0;font-size:2rem;font-weight:700}.dashboard-header p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.95rem}.dashboard-date{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:.5rem 1rem;font-size:.85rem}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem;display:grid}.stat-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.stat-box:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-box-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.stat-box-info{flex-direction:column;display:flex}.stat-box-value{color:var(--text-primary);font-size:1.6rem;font-weight:700;line-height:1.2}.stat-box-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.dashboard-main-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.charts-section{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.chart-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:1.5rem}.chart-box h3{color:var(--text-primary);margin:0 0 1rem;font-size:.95rem;font-weight:600}.empty-charts{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;grid-column:1/-1;padding:3rem}.empty-charts span:first-child{margin-bottom:.5rem;font-size:3rem;display:block}.empty-charts p{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.empty-charts span:last-child{color:var(--text-secondary);font-size:.85rem}.activity-section{flex-direction:column;gap:1.5rem;display:flex}.activity-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:1.5rem}.activity-box-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.activity-box-header h3{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600}.activity-badge{color:#fff;background:#6366f1;border-radius:9999px;padding:.15rem .6rem;font-size:.7rem}.activity-list{flex-direction:column;gap:.25rem;max-height:350px;display:flex;overflow-y:auto}.activity-row{border-radius:10px;align-items:center;gap:.75rem;padding:.6rem .75rem;transition:background .2s;display:flex}.activity-row:hover{background:var(--bg-hover)}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.activity-dot.upload{background:#6366f1}.activity-dot.bookmark{background:#8b5cf6}.activity-dot.download{background:#10b981}.activity-dot.rating{background:#f59e0b}.activity-row-content{flex:1;min-width:0}.activity-row-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;font-weight:500;overflow:hidden}.activity-row-time{color:var(--text-muted);font-size:.7rem}.activity-row-link{color:var(--text-secondary);border-radius:6px;flex-shrink:0;padding:.2rem .4rem;font-size:1rem;text-decoration:none;transition:all .2s}.activity-row-link:hover{background:var(--bg-hover);color:var(--primary-500)}.empty-activity{text-align:center;color:var(--text-secondary);padding:2rem 1rem}.empty-activity span{margin-bottom:.5rem;font-size:2.5rem;display:block}.empty-activity p{margin:0}.quick-actions{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.quick-action{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.quick-action:hover{box-shadow:var(--shadow-md);border-color:#6366f1;transform:translateY(-2px)}.quick-action span{font-size:1.1rem}.activity-list::-webkit-scrollbar{width:4px}.activity-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.activity-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}[data-theme=dark] .dashboard-wrapper,[data-theme=dark] .dashboard-loading{background:var(--bg-primary)!important}[data-theme=dark] .stat-box{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .stat-box-value{color:var(--text-primary)}[data-theme=dark] .stat-box-label{color:var(--text-secondary)}[data-theme=dark] .chart-box{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .chart-box h3{color:var(--text-primary)}[data-theme=dark] .activity-box{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .activity-box-header h3,[data-theme=dark] .activity-row-title{color:var(--text-primary)}[data-theme=dark] .activity-row-time{color:var(--text-muted)}[data-theme=dark] .activity-row:hover{background:var(--bg-hover)}[data-theme=dark] .quick-action{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .quick-action:hover{border-color:var(--primary-400);background:var(--bg-hover)}[data-theme=dark] .dashboard-date{background:var(--bg-card);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .dashboard-header h1{color:var(--text-primary)}[data-theme=dark] .dashboard-header p{color:var(--text-secondary)}[data-theme=dark] .empty-charts{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .empty-charts p{color:var(--text-primary)}[data-theme=dark] .empty-charts span:last-child,[data-theme=dark] .empty-activity{color:var(--text-secondary)}@media (width<=1024px){.dashboard-main-grid{grid-template-columns:1fr}.charts-section{grid-template-columns:1fr 1fr}}@media (width<=768px){.dashboard-container{padding:1rem}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.charts-section{grid-template-columns:1fr}.dashboard-header{flex-direction:column}.dashboard-date{text-align:center;width:100%}.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.dashboard-stats{grid-template-columns:1fr 1fr;gap:.75rem}.stat-box{padding:1rem}.stat-box-value{font-size:1.2rem}.stat-box-icon{width:36px;height:36px;font-size:1.1rem}.dashboard-header h1{font-size:1.5rem}.activity-row{padding:.5rem}.quick-action{padding:.6rem;font-size:.75rem}}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.skeleton-card{background:var(--bg-secondary);box-shadow:var(--shadow-sm);border-radius:12px;padding:1.5rem}.skeleton-image{background:linear-gradient(90deg, var(--border-color) 25%, var(--bg-primary) 50%, var(--border-color) 75%);background-size:200% 100%;border-radius:8px;height:120px;margin-bottom:1rem;animation:1.5s infinite shimmer}.skeleton-title{background:linear-gradient(90deg, var(--border-color) 25%, var(--bg-primary) 50%, var(--border-color) 75%);background-size:200% 100%;border-radius:4px;width:70%;height:20px;margin-bottom:.75rem;animation:1.5s infinite shimmer}.skeleton-text{background:linear-gradient(90deg, var(--border-color) 25%, var(--bg-primary) 50%, var(--border-color) 75%);background-size:200% 100%;border-radius:4px;width:90%;height:14px;margin-bottom:.5rem;animation:1.5s infinite shimmer}.skeleton-text.short{width:60%}.skeleton-actions{gap:.5rem;margin-top:1rem;display:flex}.skeleton-button{background:linear-gradient(90deg, var(--border-color) 25%, var(--bg-primary) 50%, var(--border-color) 75%);background-size:200% 100%;border-radius:8px;flex:1;height:36px;animation:1.5s infinite shimmer}.skeleton-stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.skeleton-stat{background:var(--bg-secondary);border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.skeleton-stat-icon{background:linear-gradient(90deg, var(--border-color) 25%, var(--bg-primary) 50%, var(--border-color) 75%);background-size:200% 100%;border-radius:12px;flex-shrink:0;width:56px;height:56px;animation:1.5s infinite shimmer}.skeleton-stat-content{flex:1}.skeleton-stat-value{background:linear-gradient(90deg, var(--border-color) 25%, var(--bg-primary) 50%, var(--border-color) 75%);background-size:200% 100%;border-radius:4px;width:60px;height:28px;margin-bottom:6px;animation:1.5s infinite shimmer}.skeleton-stat-label{background:linear-gradient(90deg, var(--border-color) 25%, var(--bg-primary) 50%, var(--border-color) 75%);background-size:200% 100%;border-radius:4px;width:80px;height:14px;animation:1.5s infinite shimmer}.skeleton-profile{background:var(--bg-secondary);text-align:center;border-radius:16px;max-width:400px;margin:0 auto;padding:2rem}.skeleton-avatar{background:linear-gradient(90deg, var(--border-color) 25%, var(--bg-primary) 50%, var(--border-color) 75%);background-size:200% 100%;border-radius:50%;width:100px;height:100px;margin:0 auto 1rem;animation:1.5s infinite shimmer}.skeleton-name{background:linear-gradient(90deg, var(--border-color) 25%, var(--bg-primary) 50%, var(--border-color) 75%);background-size:200% 100%;border-radius:4px;width:60%;height:24px;margin:0 auto .5rem;animation:1.5s infinite shimmer}.skeleton-email{background:linear-gradient(90deg, var(--border-color) 25%, var(--bg-primary) 50%, var(--border-color) 75%);background-size:200% 100%;border-radius:4px;width:70%;height:16px;margin:0 auto 1.5rem;animation:1.5s infinite shimmer}.skeleton-stats{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.skeleton-stat-item{background:linear-gradient(90deg, var(--border-color) 25%, var(--bg-primary) 50%, var(--border-color) 75%);background-size:200% 100%;border-radius:8px;height:60px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (width<=768px){.skeleton-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.skeleton-stats-grid{grid-template-columns:1fr}}.share-buttons{flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.share-label{color:var(--text-secondary);margin-right:.25rem;font-size:.8rem;font-weight:500}.share-buttons-grid{flex-wrap:wrap;gap:.5rem;display:flex}.share-btn{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:.3rem;padding:.35rem .7rem;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.share-btn:hover{box-shadow:var(--shadow-md);border-color:var(--primary-400);transform:translateY(-2px)}.share-btn:active{transform:scale(.95)}.share-btn-icon{font-size:1rem}.share-btn-label{font-size:.7rem}.share-btn.copied{background:var(--success);color:#fff;border-color:var(--success)}.share-btn[data-platform=twitter]:hover{background:#1da1f21a;border-color:#1da1f2}.share-btn[data-platform=linkedin]:hover{background:#0a66c21a;border-color:#0a66c2}.share-btn[data-platform=facebook]:hover{background:#1877f21a;border-color:#1877f2}.share-btn[data-platform=whatsapp]:hover{background:#25d3661a;border-color:#25d366}@media (width<=640px){.share-buttons{flex-direction:column;align-items:stretch;gap:.5rem}.share-buttons-grid{justify-content:center}.share-btn{padding:.3rem .5rem;font-size:.7rem}.share-btn-label{display:none}}.search-autocomplete{width:100%;position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-autocomplete-input{border:2px solid var(--border-color);border-radius:var(--radius);background:var(--bg-input);width:100%;color:var(--text-primary);padding:.75rem 2.5rem .75rem 2.8rem;font-family:inherit;font-size:.95rem;transition:all .2s}.search-autocomplete-input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 4px #6366f11a}.search-autocomplete-input::placeholder{color:var(--text-muted)}.search-icon{opacity:.5;font-size:1.1rem;position:absolute;left:.8rem}.search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:1.2rem;transition:all .2s;position:absolute;right:.8rem}.search-clear:hover{color:var(--text-primary);background:var(--bg-hover)}.search-loading-spinner{border:2px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;position:absolute;right:.8rem}.autocomplete-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1000;max-height:250px;padding:.25rem 0;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.autocomplete-item{cursor:pointer;align-items:center;gap:.6rem;padding:.5rem .75rem;transition:all .15s;display:flex}.autocomplete-item:hover,.autocomplete-item.selected{background:var(--bg-hover)}.autocomplete-icon{flex-shrink:0;font-size:.9rem}.autocomplete-text{color:var(--text-primary);flex:1;font-size:.85rem}.autocomplete-match{color:var(--text-secondary);font-size:.8rem}.autocomplete-match strong{color:var(--primary-500);font-weight:600}.autocomplete-dropdown::-webkit-scrollbar{width:4px}.autocomplete-dropdown::-webkit-scrollbar-track{background:var(--bg-secondary)}.autocomplete-dropdown::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.file-icon{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.file-icon-emoji{font-size:1.5rem;line-height:1}.file-icon-extension{color:var(--text-muted);text-transform:uppercase;background:var(--bg-secondary);opacity:.8;border-radius:2px;padding:0 4px;font-size:.5rem;font-weight:700;position:absolute;bottom:2px;right:4px}.file-icon-small{width:40px;height:40px}.file-icon-small .file-icon-emoji{font-size:1.2rem}.file-icon-small .file-icon-extension{padding:0 3px;font-size:.4rem;bottom:1px;right:2px}.file-icon-medium{width:56px;height:56px}.file-icon-medium .file-icon-emoji{font-size:1.8rem}.file-icon-large{width:72px;height:72px}.file-icon-large .file-icon-emoji{font-size:2.5rem}[data-theme=dark] .file-icon{background:#1e293b;border-color:#334155}[data-theme=dark] .file-icon-extension{color:#64748b;background:#1e293b}.filters-bar{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow);flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex}.search-input{flex:1;min-width:200px}.filter-select{min-width:150px}.resources-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.resource-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all var(--transition);flex-direction:column;gap:.6rem;padding:1.25rem;display:flex}.resource-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.resource-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.resource-info{flex:1;align-items:flex-start;gap:.75rem;display:flex}.resource-title{color:var(--text-primary);margin:0 0 .2rem;font-size:1rem;font-weight:600}.resource-meta{color:var(--text-secondary);flex-wrap:wrap;gap:1rem;font-size:.75rem;display:flex}.meta-item{align-items:center;gap:.2rem;display:flex}.resource-stats{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);gap:1.5rem;padding:.4rem 0;font-size:.8rem;display:flex}.resource-actions{flex-wrap:wrap;gap:.5rem;display:flex}.resource-actions button{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.3rem;padding:.3rem .7rem;font-family:inherit;font-size:.7rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-download:disabled{opacity:.6;cursor:not-allowed}.btn-bookmark{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-bookmark:hover{background:var(--primary-50);color:var(--primary-500);border-color:var(--primary-300)}.btn-share{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-share:hover{background:var(--primary-50);color:var(--primary-500);border-color:var(--primary-300)}[data-theme=dark] .btn-bookmark,[data-theme=dark] .btn-share{color:var(--text-secondary);border-color:var(--border-color);background:#ffffff0d}[data-theme=dark] .btn-bookmark:hover,[data-theme=dark] .btn-share:hover{color:var(--primary-400);border-color:var(--primary-400);background:#6366f126}.resource-rating{align-items:center;gap:.5rem;padding-top:.25rem;display:flex}.rating-label{color:var(--text-secondary);font-size:.7rem;font-weight:500}.rating-stars{gap:.1rem;display:flex}.rating-star{color:var(--border-color);cursor:pointer;background:0 0;border:none;padding:.05rem .1rem;font-family:inherit;font-size:1.1rem;line-height:1;transition:all .2s}.rating-star:hover{transform:scale(1.15)}.rating-star.active{color:#f59e0b}[data-theme=dark] .rating-star.active{color:#fbbf24}.resource-share{border-top:1px solid var(--border-color);padding-top:.25rem}[data-theme=dark] .filters-bar,[data-theme=dark] .resource-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .resource-title{color:var(--text-primary)}[data-theme=dark] .resource-meta,[data-theme=dark] .stat-item{color:var(--text-secondary)}@media (width<=768px){.filters-bar{flex-direction:column}.search-input,.filter-select{width:100%;min-width:unset}.resources-grid{grid-template-columns:1fr}.resource-actions{flex-wrap:wrap}.resource-actions button{flex:1;justify-content:center;min-width:70px}.resource-info{flex-wrap:wrap}}@media (width<=480px){.resource-card{padding:1rem}.resource-actions button{padding:.25rem .5rem;font-size:.65rem}.resource-stats{flex-wrap:wrap;gap:.75rem;font-size:.7rem}.rating-star{font-size:1rem}}.upload-container{max-width:600px;margin:0 auto}.upload-form{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow);padding:2rem}.file-upload-area{border:2px dashed var(--border-color);border-radius:var(--radius);transition:all var(--transition);background:var(--bg-secondary);padding:.25rem}.file-upload-area:hover{border-color:var(--primary-400);background:var(--primary-50)}[data-theme=dark] .file-upload-area:hover{background:#6366f11a}.file-input{display:none}.file-upload-label{cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.upload-icon{font-size:2.5rem}.file-hint{color:var(--text-muted);font-size:.75rem}[data-theme=dark] .upload-form{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .file-upload-area{border-color:var(--border-color);background:var(--bg-input)}[data-theme=dark] .file-upload-area:hover{border-color:var(--primary-400);background:var(--primary-50)}[data-theme=dark] .file-hint{color:var(--text-muted)}@media (width<=640px){.upload-form{padding:1.25rem}}.bookmarks-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.bookmark-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all var(--transition);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.bookmark-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.bookmark-content{flex:1}.bookmark-title{color:var(--text-primary);font-size:1rem;font-weight:600}.bookmark-meta{color:var(--text-secondary);flex-wrap:wrap;gap:1rem;margin-top:.25rem;font-size:.875rem;display:flex}.bookmark-card .btn{flex-shrink:0}[data-theme=dark] .bookmark-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .bookmark-title{color:var(--text-primary)}[data-theme=dark] .bookmark-meta{color:var(--text-secondary)}@media (width<=640px){.bookmark-card{text-align:center;flex-direction:column;align-items:stretch}.bookmark-card .btn{width:100%}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);text-align:center;border-radius:20px;width:90%;max-width:420px;padding:2rem;animation:.3s cubic-bezier(.68,-.55,.265,1.55) scaleIn}.modal-icon{margin-bottom:1rem;font-size:3.5rem}.modal-icon-danger{animation:.5s shake}.modal-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.modal-message{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.modal-actions{gap:.75rem;display:flex}.modal-actions .btn{flex:1;padding:.625rem;font-size:.9rem}.btn-danger{color:#fff;background:#ef4444}.btn-danger:hover{background:#dc2626}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.my-uploads-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.upload-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all var(--transition);flex-direction:column;gap:.6rem;padding:1.25rem;display:flex}.upload-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.upload-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.upload-info{flex:1;align-items:flex-start;gap:.75rem;display:flex}.upload-info .file-icon{flex-shrink:0;margin-top:.1rem}.upload-title{color:var(--text-primary);margin:0 0 .15rem;font-size:1rem;font-weight:600}.upload-subject{color:var(--text-secondary);font-size:.75rem}.upload-stats{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);gap:1.25rem;padding:.4rem 0;font-size:.8rem;display:flex}.stat-item{color:var(--text-secondary);align-items:center;gap:.25rem;display:flex}.upload-actions{flex-wrap:wrap;gap:.5rem;display:flex}.upload-actions button,.upload-actions a button{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.3rem;padding:.3rem .7rem;font-family:inherit;font-size:.7rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.upload-actions a{text-decoration:none}.btn-download{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;box-shadow:0 2px 8px #6366f140}.btn-download:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.btn-download:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-edit{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-edit:hover{background:var(--primary-50);color:var(--primary-500);border-color:var(--primary-300)}.btn-delete{background:var(--bg-secondary);color:#ef4444;border:1px solid #ef444433}.btn-delete:hover{background:#fef2f2;border-color:#ef444466}[data-theme=dark] .upload-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .upload-title{color:var(--text-primary)}[data-theme=dark] .upload-subject,[data-theme=dark] .stat-item{color:var(--text-secondary)}[data-theme=dark] .btn-edit{color:var(--text-secondary);border-color:var(--border-color);background:#ffffff0d}[data-theme=dark] .btn-edit:hover{color:var(--primary-400);border-color:var(--primary-400);background:#6366f126}[data-theme=dark] .btn-delete{color:#f87171;background:#ffffff0d;border-color:#ef444433}[data-theme=dark] .btn-delete:hover{background:#ef444426;border-color:#ef444466}[data-theme=dark] .empty-state{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .empty-state h3{color:var(--text-primary)}[data-theme=dark] .empty-state p{color:var(--text-secondary)}@media (width<=768px){.my-uploads-grid{grid-template-columns:1fr}.upload-actions{flex-wrap:wrap}.upload-actions button,.upload-actions a button{flex:1;justify-content:center;min-width:70px}.upload-info{flex-wrap:wrap}}@media (width<=480px){.upload-card{padding:1rem}.upload-actions button,.upload-actions a button{padding:.25rem .5rem;font-size:.65rem}.upload-stats{flex-wrap:wrap;gap:.75rem;font-size:.7rem}.upload-header{flex-wrap:wrap}}.top-resources-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;display:grid}.top-resource-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all var(--transition);align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.top-resource-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.rank-badge{color:var(--primary-500);text-align:center;min-width:3rem;font-size:1.5rem;font-weight:700}.top-resource-content{flex:1}.top-resource-content .resource-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600}.top-resource-content .resource-meta{color:var(--text-secondary);flex-wrap:wrap;gap:1.25rem;font-size:.875rem;display:flex}.top-resource-content .meta-item{align-items:center;gap:.25rem;display:flex}[data-theme=dark] .top-resource-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .top-resource-content .resource-title{color:var(--text-primary)}[data-theme=dark] .top-resource-content .resource-meta{color:var(--text-secondary)}[data-theme=dark] .rank-badge{color:var(--primary-400)}@media (width<=640px){.top-resource-card{text-align:center;flex-direction:column;padding:1rem}.top-resource-content .resource-meta{justify-content:center}.rank-badge{min-width:2.5rem;font-size:1.2rem}}.edit-container{max-width:600px;margin:0 auto}.edit-form{border-radius:var(--radius-md);box-shadow:var(--shadow);background:#fff;padding:2rem}.edit-actions{gap:1rem;margin-top:1.5rem;display:flex}.edit-actions .btn{flex:1}@media (width<=640px){.edit-form{padding:1.25rem}.edit-actions{flex-direction:column}}.profile-layout{grid-template-columns:380px 1fr;gap:2rem;animation:.6s fadeInUp;display:grid}@media (width<=1024px){.profile-layout{grid-template-columns:1fr;gap:1.5rem}}.profile-card-wrapper{position:relative}.profile-card{text-align:center;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all var(--transition);padding:2rem}.profile-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.profile-avatar-container{margin-bottom:1.25rem;display:inline-block;position:relative}.profile-avatar-wrapper{border-radius:50%;width:120px;height:120px;position:relative;overflow:hidden;box-shadow:0 8px 24px #4f46e54d}.profile-avatar-image{object-fit:cover;width:100%;height:100%}.profile-avatar-placeholder{background:linear-gradient(135deg, var(--primary-500), var(--secondary-500));justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatar-initials{color:#fff;text-shadow:0 2px 8px #0000001a;text-transform:uppercase;font-size:3rem;font-weight:700}.avatar-upload-label{background:var(--primary-500);cursor:pointer;border:3px solid var(--bg-secondary);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;bottom:4px;right:4px;box-shadow:0 2px 8px #0003}.avatar-upload-label:hover{background:var(--primary-600);transform:scale(1.1)}.avatar-upload-icon{color:#fff;font-size:1rem}.avatar-upload-spinner{background:#00000080;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.avatar-upload-spinner .spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.profile-name{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.profile-name h2{color:var(--text-primary);font-size:1.5rem;font-weight:700}.profile-email{color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.profile-department{color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem;display:flex}.email-icon,.dept-icon{font-size:1rem}.profile-stats{border-radius:var(--radius);background:#f3f4f680;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:grid}[data-theme=dark] .profile-stats{background:#3341554d}.profile-stat-item{text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;display:flex}.stat-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.25rem;display:flex}.stat-icon{font-size:1.25rem}.stat-number{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;font-size:.6rem;font-weight:500}.profile-form-wrapper{position:relative}.profile-form-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all var(--transition);padding:2rem}.profile-form-card:hover{box-shadow:var(--shadow-xl)}.form-header{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1rem}.form-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600}.form-hint{color:var(--text-secondary);margin-top:.25rem;font-size:.85rem}.editing-hint{color:var(--primary-500);font-weight:500}.profile-form-card .form-group{margin-bottom:1.25rem}.profile-form-card .form-label{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.375rem;font-size:.875rem;font-weight:600;display:flex}.label-icon{font-size:1rem}.profile-form-card .form-input{border:2px solid var(--border-color);border-radius:var(--radius);background:var(--bg-secondary);width:100%;color:var(--text-primary);transition:all var(--transition);padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.profile-form-card .form-input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 4px #3b82f61a}.profile-form-card .form-input.disabled,.profile-form-card .form-input:disabled{background:var(--bg-secondary);opacity:.7;cursor:not-allowed}.input-hint{color:var(--text-secondary);margin-top:.25rem;font-size:.7rem;display:block}.form-actions{border-top:1px solid var(--border-color);gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.form-actions .btn{flex:1;padding:.75rem;font-size:.95rem}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-right:.5rem;animation:.6s linear infinite spin;display:inline-block}.profile-tips{border-top:1px solid var(--border-color);flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.tip-item{color:var(--text-secondary);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;transition:background .2s;display:flex}.tip-item:hover{background:#00000008}.tip-icon{font-size:1rem}[data-theme=dark] .profile-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .profile-name h2{color:var(--text-primary)}[data-theme=dark] .profile-email,[data-theme=dark] .profile-department{color:var(--text-secondary)}[data-theme=dark] .stat-number{color:var(--text-primary)}[data-theme=dark] .stat-label{color:var(--text-secondary)}[data-theme=dark] .profile-form-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .form-header h3{color:var(--text-primary)}[data-theme=dark] .form-hint{color:var(--text-secondary)}[data-theme=dark] .profile-tips{border-top-color:var(--border-color)}[data-theme=dark] .tip-item{color:var(--text-secondary)}[data-theme=dark] .tip-item:hover{background:var(--bg-hover)}@media (width<=1024px){.profile-card{position:static}}@media (width<=768px){.profile-card,.profile-form-card{padding:1.5rem}.profile-avatar-wrapper{width:90px;height:90px}.avatar-initials{font-size:2.25rem}.profile-name h2{font-size:1.25rem}.profile-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem}.stat-number{font-size:1rem}.stat-label{font-size:.55rem}.stat-icon-wrapper{width:32px;height:32px}.stat-icon{font-size:1rem}}@media (width<=640px){.profile-card,.profile-form-card{padding:1.25rem}.profile-avatar-wrapper{width:75px;height:75px}.avatar-initials{font-size:1.75rem}.avatar-upload-label{width:28px;height:28px}.avatar-upload-icon{font-size:.8rem}.profile-name h2{font-size:1.1rem}.profile-email,.profile-department{font-size:.8rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.profile-stats{grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.5rem}.profile-stat-item{padding:.25rem}.stat-number{font-size:.9rem}.stat-label{font-size:.5rem}.stat-icon-wrapper{width:28px;height:28px}.stat-icon{font-size:.85rem}.tip-item{padding:.4rem .5rem;font-size:.8rem}}.admin-resources-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;display:grid}.admin-resource-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all var(--transition);padding:1.5rem}.admin-resource-card:hover{box-shadow:var(--shadow-lg)}.admin-resource-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.admin-actions{border-top:1px solid var(--border-color);gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.admin-actions .btn{flex:1}[data-theme=dark] .admin-resource-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .admin-resource-header .resource-title{color:var(--text-primary)}[data-theme=dark] .admin-actions{border-top-color:var(--border-color)}@media (width<=640px){.admin-resources-grid{grid-template-columns:1fr}.admin-actions{flex-direction:column}}.manage-users-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.user-card{border-radius:var(--radius-md);box-shadow:var(--shadow);transition:all var(--transition-slow);background:#fff;padding:1.5rem}.user-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.user-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.user-name{color:var(--gray-900);font-size:1.1rem;font-weight:600}.user-details{color:var(--gray-600);flex-direction:column;gap:.5rem;margin-bottom:1rem;font-size:.9rem;display:flex}.user-detail-item{align-items:center;gap:.5rem;display:flex}.user-actions{border-top:1px solid var(--gray-200);gap:.75rem;padding-top:1rem;display:flex}.user-actions .btn{flex:1}@media (width<=640px){.manage-users-grid{grid-template-columns:1fr}.user-actions{flex-direction:column}}