@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.login-container{min-height:100vh;padding-top:80px;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.login-card{background:#fff;padding:var(--spacing-3xl);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:400px;margin:var(--spacing-md)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-icon{width:80px;height:80px;background:var(--light-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:var(--primary-blue)}.login-header h1{color:var(--neutral-gray-800);margin-bottom:var(--spacing-sm)}.login-header p{color:var(--neutral-gray-500);margin-bottom:0}.login-form{display:flex;flex-direction:column}.input-with-icon{position:relative}.input-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--neutral-gray-400)}.input-with-icon .form-input{padding-left:40px;width:100%;min-width:0}.login-hint{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--neutral-gray-200);text-align:center}.login-hint p{margin-bottom:var(--spacing-xs);font-size:.875rem;color:var(--neutral-gray-500)}.login-hint p:first-child{font-weight:600;color:var(--neutral-gray-700)}@media (max-width: 768px){.login-card{padding:var(--spacing-xl);max-width:90%}.login-icon{width:60px;height:60px}.login-header h1{font-size:1.5rem}}@media (max-width: 480px){.login-card{padding:var(--spacing-lg);margin:var(--spacing-xs);max-width:95%}.login-icon{width:50px;height:50px}.login-header h1{font-size:1.25rem}.login-header p{font-size:.875rem}.form-input{font-size:16px;padding:var(--spacing-md)}.input-with-icon .form-input{padding-left:36px}.input-icon{left:var(--spacing-sm)}.login-hint p{font-size:.75rem}}.footer{padding:1rem 1.25rem;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(43,75,180,.5)}.footer-container{max-width:1120px;margin:0 auto}.footer-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem}@media (min-width: 640px){.footer-content{flex-direction:row}}.developed-by{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.heart-icon{width:1rem;height:1rem;color:#2b4bb4;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.developer-name{font-weight:600;color:#2b4bb4;text-decoration:none}.social-links{display:flex;align-items:center;gap:.75rem}.social-link{padding:.5rem;border-radius:9999px;transition:all .3s ease}.social-link:hover{background-color:#e0e7ff;transform:scale(1.1)}.social-icon{width:1rem;height:1rem;color:#4b5563;transition:color .3s ease}.social-link:hover .social-icon{color:#2b4bb4}.navigation{position:fixed;top:0;left:0;right:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--neutral-gray-200);z-index:1000;padding:var(--spacing-md) 0}.nav-container{max-width:1200px;width:100%;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;position:relative}.nav-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--primary-blue);font-size:1.5rem;font-weight:700}.nav-logo:hover{color:var(--secondary-blue)}.nav-links{display:flex;align-items:center;gap:var(--spacing-lg);transition:all .3s ease-in-out}.nav-link{display:flex;align-items:center;gap:var(--spacing-xs);text-decoration:none;color:var(--neutral-gray-600);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);transition:all .2s ease}.nav-link:hover,.nav-link.active{color:var(--primary-blue);background-color:var(--light-blue)}.logout-btn{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.logout-btn:hover{color:var(--error-red);background-color:#fee2e2}.hamburger{display:none;background:none;border:none;color:var(--neutral-gray-700);cursor:pointer}@media (max-width: 768px){.hamburger{display:block}.nav-links{position:absolute;top:100%;right:0;background:#fff;flex-direction:column;align-items:flex-start;width:100%;max-height:0;overflow:hidden;opacity:0;border-bottom:1px solid var(--neutral-gray-200)}.nav-links.open{max-height:500px;opacity:1;padding:var(--spacing-md) 0;box-shadow:0 4px 10px #0000000d}.nav-link{width:100%;padding:var(--spacing-md);justify-content:flex-start}.nav-logo{font-size:1.25rem}}@media (max-width: 480px){.nav-logo{font-size:1.1rem}.nav-link{font-size:.9rem}}.student-dashboard,.teacher-dashboard{min-height:100vh;padding-top:80px;padding-bottom:var(--spacing-lg)}.dashboard-header{text-align:center;padding:var(--spacing-3xl) 0;margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,var(--light-blue) 0%,white 100%);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw}.header-content{max-width:600px;margin:0 auto}.header-icon{width:100px;height:100px;background:linear-gradient(135deg,var(--primary-blue),var(--accent-purple));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);color:#fff}.header-icon.teacher{background:linear-gradient(135deg,var(--success-green),var(--primary-blue))}.dashboard-header h1{background:linear-gradient(135deg,var(--primary-blue),var(--accent-purple));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-sm)}.dashboard-header p{color:var(--neutral-gray-600);font-size:1.125rem;margin-bottom:0}.search-section{margin-bottom:var(--spacing-3xl);padding:0 var(--spacing-md)}.search-controls{display:flex;gap:var(--spacing-md);max-width:800px;margin:0 auto;width:100%}.search-input-container{position:relative;flex:1}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--neutral-gray-400)}.search-input{width:100%;min-width:0;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 48px;border:2px solid var(--neutral-gray-200);border-radius:var(--border-radius-lg);font-size:1rem;transition:all .2s ease;background:#fff}.search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}.filter-container{position:relative;min-width:200px}.filter-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--neutral-gray-400);z-index:1}.filter-select{width:100%;min-width:0;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 48px;border:2px solid var(--neutral-gray-200);border-radius:var(--border-radius-lg);font-size:1rem;background:#fff;cursor:pointer;transition:all .2s ease}.filter-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:0 var(--spacing-md)}.no-resources{grid-column:1 / -1;text-align:center;padding:var(--spacing-3xl);color:var(--neutral-gray-500)}.loading-state,.error-state{text-align:center;padding:var(--spacing-3xl);color:var(--neutral-gray-500)}.loading-state svg,.error-state svg{margin-bottom:var(--spacing-lg);color:var(--primary-blue)}.error-state svg{color:var(--error-red)}.loading-state h3,.error-state h3{color:var(--neutral-gray-700);margin-bottom:var(--spacing-sm)}.error-message{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--error-red);background-color:#fee2e2;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);font-size:.875rem}.no-resources svg{margin-bottom:var(--spacing-lg);opacity:.5}.results-count{text-align:center;color:var(--neutral-gray-500);font-size:.875rem}.error-instructions{margin-top:1rem;padding:1rem;background:#3b82f61a;border-radius:8px;border-left:4px solid #3b82f6}.error-instructions h4{margin:0 0 .5rem;color:#3b82f6;font-size:1rem}.error-instructions ol{margin:0;padding-left:1.2rem;font-size:.9rem;line-height:1.5}.error-instructions li{margin-bottom:.3rem}.teacher-content{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-3xl);padding:0 var(--spacing-md)}.upload-section{position:sticky;top:calc(80px + var(--spacing-lg));height:fit-content}.upload-card{padding:var(--spacing-xl)}.upload-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--primary-blue)}.upload-header h2{margin:0}.upload-form{display:flex;flex-direction:column;width:100%}.success-message{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--success-green);background-color:#ecfdf5;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);font-size:.875rem;font-weight:500}.recent-uploads h2{margin-bottom:var(--spacing-lg);color:var(--neutral-gray-800)}.recent-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.teacher-resource-card{position:relative}.delete-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--error-red);color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease;z-index:10}.teacher-resource-card:hover .delete-btn{opacity:1}.delete-btn:hover{background:#dc2626;transform:scale(1.1)}.youtube-card{position:relative}.youtube-thumbnail{position:relative;cursor:pointer}.youtube-thumbnail:hover img{transform:scale(1.05);transition:transform .3s ease}.price-badge,.free-badge{font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:4px}@media (max-width: 1400px){.teacher-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.upload-section{position:static}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}}@media (max-width: 1200px){.dashboard-header{padding:var(--spacing-xl) var(--spacing-md)}.header-content{padding:0 var(--spacing-md)}}@media (max-width: 1024px){.resources-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.teacher-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.upload-section{position:static}.resources-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.search-controls{flex-direction:column;gap:var(--spacing-sm)}.filter-container{min-width:auto}.search-section{padding:0 var(--spacing-sm)}.resources-grid{grid-template-columns:1fr;gap:var(--spacing-sm);padding:0 var(--spacing-sm)}.teacher-content{padding:0 var(--spacing-sm);gap:var(--spacing-lg)}.upload-card{padding:var(--spacing-md)}.dashboard-header h1{font-size:2rem}.dashboard-header{padding:var(--spacing-lg) var(--spacing-sm)}.header-icon{width:80px;height:80px}.recent-grid{grid-template-columns:1fr}}@media (max-width: 480px){.resources-grid{grid-template-columns:1fr;padding:0 var(--spacing-xs)}.search-section,.teacher-content{padding:0 var(--spacing-xs)}.dashboard-header{padding:var(--spacing-md) var(--spacing-xs)}.dashboard-header h1{font-size:1.75rem}.dashboard-header p{font-size:.875rem}.search-input,.filter-select{font-size:16px;padding:var(--spacing-md)}.upload-card{padding:var(--spacing-sm)}.upload-header h2{font-size:1.125rem}.header-icon{width:60px;height:60px}.header-icon svg{width:32px;height:32px}.form-textarea{min-height:120px}}@media (max-width: 768px){.search-icon{left:var(--spacing-sm)}.search-input{padding-left:40px}}@media (max-width: 480px){.search-icon{left:10px;font-size:.9rem}.search-input{padding-left:36px}}@media (max-width: 768px){.search-icon,.filter-icon{left:var(--spacing-sm)}.search-input,.filter-select{padding-left:40px}}@media (max-width: 480px){.search-icon,.filter-icon{left:10px;font-size:.9rem}.search-input,.filter-select{padding-left:36px}}.resource-card{padding:var(--spacing-lg);background:#fff;border:1px solid var(--neutral-gray-200);position:relative;overflow:hidden;width:100%;min-width:0}.resource-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-purple))}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.subject-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.upload-date{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--neutral-gray-500);font-size:.75rem}.card-content{margin-bottom:var(--spacing-lg)}.resource-title{color:var(--neutral-gray-800);margin-bottom:var(--spacing-sm);font-size:1.25rem;font-weight:600;line-height:1.3}.resource-description{color:var(--neutral-gray-600);line-height:1.5;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.card-footer .btn{flex:1;min-width:120px;white-space:nowrap}@media (max-width: 768px){.resource-card{padding:var(--spacing-md)}.resource-title{font-size:1.125rem}.resource-description{font-size:.875rem}}@media (max-width: 480px){.resource-card{padding:var(--spacing-sm)}.card-footer{flex-direction:column;gap:var(--spacing-xs)}.card-footer .btn{width:100%;min-width:auto}.card-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.subject-badge{font-size:.625rem;padding:var(--spacing-xs)}.upload-date{font-size:.625rem}.resource-title{font-size:1rem;line-height:1.4}.resource-description{font-size:.8rem;-webkit-line-clamp:2}}:root{--primary-blue: #3B82F6;--secondary-blue: #1E40AF;--light-blue: #DBEAFE;--accent-purple: #8B5CF6;--success-green: #10B981;--warning-orange: #F59E0B;--error-red: #EF4444;--neutral-gray-50: #F9FAFB;--neutral-gray-100: #F3F4F6;--neutral-gray-200: #E5E7EB;--neutral-gray-300: #D1D5DB;--neutral-gray-400: #9CA3AF;--neutral-gray-500: #6B7280;--neutral-gray-600: #4B5563;--neutral-gray-700: #374151;--neutral-gray-800: #1F2937;--neutral-gray-900: #111827;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;background:linear-gradient(135deg,var(--neutral-gray-50) 0%,var(--light-blue) 100%);min-height:100vh;color:var(--neutral-gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-lg)}h2{font-size:2rem;font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h3{font-size:1.5rem;font-weight:600;line-height:1.2;margin-bottom:var(--spacing-sm)}p{line-height:1.5;margin-bottom:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background-color:var(--primary-blue);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--secondary-blue);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:#fff;color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-secondary:hover:not(:disabled){background-color:var(--light-blue);transform:translateY(-1px)}.btn-success{background-color:var(--success-green);color:#fff}.btn-success:hover:not(:disabled){background-color:#059669;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.form-group{margin-bottom:var(--spacing-md);width:100%}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--neutral-gray-700);font-size:.875rem}.form-input{width:100%;min-width:0;box-sizing:border-box;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--neutral-gray-200);border-radius:var(--border-radius-md);font-size:.875rem;transition:all .2s ease;background:#fff}.form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:80px;max-width:100%;font-family:inherit;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);width:100%}.card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:all .3s ease;border:1px solid var(--neutral-gray-200)}.card:hover{box-shadow:var(--shadow-xl)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--neutral-gray-100)}::-webkit-scrollbar-thumb{background:var(--neutral-gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neutral-gray-400)}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}h1{font-size:2rem}h2{font-size:1.5rem}.btn{min-width:auto;padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width: 480px){.container{padding:0 var(--spacing-xs)}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.form-input{font-size:16px;padding:var(--spacing-md)}.form-textarea{min-height:100px;font-size:16px}.btn{padding:var(--spacing-md) var(--spacing-lg);font-size:.875rem}}