.shareable-resource-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s}.shareable-resource-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem}.resource-type-badge{background:#fff3;border-radius:20px;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.card-actions{display:flex;gap:.5rem}.save-btn,.share-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;padding:.5rem;transition:all .3s;width:36px}.save-btn:hover,.share-btn:hover{background:#ffffff4d;transform:scale(1.1)}.save-btn.saved{background:#ff4757}.save-btn.saved:hover{background:#ff3742}.card-content{padding:1.5rem}.resource-title{color:#333;font-size:1.3rem;line-height:1.4;margin:0 0 1rem}.resource-description{color:#666;font-size:.95rem;line-height:1.6;margin:0 0 1.5rem}.resource-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.meta-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:15px;color:#666;font-size:.8rem;padding:.25rem .75rem}.resource-footer{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding-top:1rem}.visit-btn{background:#007bff;border-radius:8px;display:inline-block;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s}.visit-btn,.visit-btn:hover{color:#fff;text-decoration:none}.visit-btn:hover{background:#0056b3}.submitted-by{color:#999;font-size:.85rem}.share-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.share-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e9ecef;padding:1.5rem}.modal-header h3{color:#333;font-size:1.3rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .3s;width:30px}.close-btn:hover{background:#f8f9fa;color:#333}.modal-content{padding:1.5rem}.share-link-section,.social-share-section{margin-bottom:2rem}.share-link-section label,.social-share-section label{color:#333;display:block;font-weight:600;margin-bottom:.75rem}.link-input-group{display:flex;gap:.5rem}.share-link-input{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:.9rem;padding:.75rem}.copy-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s;white-space:nowrap}.copy-btn:hover{background:#218838}.copy-btn.copied{background:#6c757d}.social-buttons{display:flex;flex-wrap:wrap;gap:1rem}.social-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;min-width:100px;padding:.75rem 1rem;transition:all .3s}.social-btn.twitter{background:#1da1f2}.social-btn.twitter:hover{background:#1a91da}.social-btn.facebook{background:#4267b2}.social-btn.facebook:hover{background:#365899}.social-btn.linkedin{background:#0077b5}.social-btn.linkedin:hover{background:#006097}@media (max-width:768px){.share-modal{margin:1rem;max-width:none}.modal-content{padding:1rem}.link-input-group,.social-buttons{flex-direction:column}.social-btn{min-width:auto}.resource-footer{align-items:flex-start;gap:1rem}.resource-footer,.resource-meta{flex-direction:column}}.homepage{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.hero-section{color:#fff;overflow:hidden;padding:4rem 2rem 6rem;position:relative;text-align:center}.homepage .hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='50' height='50' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='10' r='.5' fill='%23fff' opacity='.05'/%3E%3Ccircle cx='40' cy='40' r='.5' fill='%23fff' opacity='.05'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.homepage .hero-content{margin:0 auto;max-width:1200px;position:relative;z-index:1}.homepage .hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.homepage .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text}.homepage .hero-subtitle{font-size:1.25rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.homepage .search-container{margin:0 auto 3rem;max-width:600px}.homepage .search-form{width:100%}.homepage .search-input-wrapper{background:#fff;border-radius:50px;box-shadow:0 10px 30px #0003;display:flex;overflow:hidden;transition:all .3s ease}.homepage .search-input-wrapper:focus-within{box-shadow:0 15px 40px #0000004d;transform:translateY(-2px)}.homepage .search-input{background:#0000;border:none;flex:1 1;font-size:1.1rem;outline:none;padding:1.25rem 1.5rem}.homepage .search-input::placeholder{color:#9ca3af}.homepage .search-button{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:1.25rem 1.5rem;transition:all .3s ease}.homepage .search-button:hover:not(:disabled){background:linear-gradient(135deg,#ff5252,#e64a19)}.homepage .search-button:disabled{cursor:not-allowed;opacity:.7}.homepage .search-icon{height:24px;width:24px}.homepage .search-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.search-results{z-index:1000}.homepage .search-result-item{transition:background-color .2s ease}.homepage .search-result-item:hover{background-color:#f9fafb}.quick-actions{flex-wrap:wrap;gap:1rem;justify-content:center}.homepage .action-button{align-items:center;border:2px solid #0000;border-radius:50px;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.homepage .action-button.primary{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 4px 15px #ff6b6b4d;color:#fff;margin:0 auto .5rem;max-width:400px}.homepage .action-button.primary:hover{box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-2px)}.homepage .action-button.secondary{background:#0000;border-color:#ffffff4d;color:#fff;margin:0 auto .5rem;max-width:400px}.homepage .action-button.secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.homepage .action-icon{font-size:1.25rem}.homepage .stats-section{background:#fff;padding:4rem 2rem}.homepage .stats-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.homepage .stat-item{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;padding:2rem;text-align:center;transition:transform .3s ease}.homepage .stat-item:hover{transform:translateY(-5px)}.homepage .stat-number{color:#667eea;font-size:3rem;font-weight:800;margin-bottom:.5rem}.homepage .stat-label{color:#64748b;font-size:1.1rem;font-weight:600}.recent-resources{background:#f8fafc;padding:4rem 2rem}.homepage .section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto 3rem;max-width:1200px}.homepage .section-header h2{color:#1f2937;font-size:2.5rem;font-weight:700;margin:0}.homepage .view-all-link{color:#667eea;font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .3s ease}.homepage .view-all-link:hover{color:#5a67d8}.homepage .resources-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.homepage .resource-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:2rem;transition:all .3s ease}.homepage .resource-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.homepage .resource-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem}.homepage .resource-title{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.4;margin:0 0 1rem}.homepage .resource-description{color:#6b7280;line-height:1.6;margin-bottom:1.5rem}.homepage .resource-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.homepage .meta-item{background:#f3f4f6;border-radius:15px;color:#374151;font-size:.875rem;padding:.25rem .75rem}.homepage .resource-link{color:#667eea;font-size:1rem;font-weight:600;text-decoration:none;transition:color .3s ease}.homepage .resource-link:hover{color:#5a67d8}.features-section{background:#fff;padding:4rem 2rem}.homepage .features-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.homepage .feature-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;padding:2rem;text-align:center;transition:transform .3s ease}.homepage .feature-card:hover{transform:translateY(-5px)}.homepage .feature-icon{font-size:3rem;margin-bottom:1rem}.homepage .feature-card h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.homepage .feature-card p{color:#6b7280;line-height:1.6;margin:0}.cta-section{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;padding:4rem 2rem;text-align:center}.homepage .cta-content{margin:0 auto;max-width:800px}.homepage .cta-content h2{font-size:2.5rem;font-weight:700;margin:0 0 1rem}.homepage .cta-content p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.homepage .cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.homepage .cta-button{border:2px solid #0000;border-radius:50px;font-size:1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.homepage .cta-button.primary{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.homepage .cta-button.primary:hover{box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-2px)}.homepage .cta-button.secondary{background:#0000;border-color:#ffffff4d;color:#fff}.homepage .cta-button.secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width:768px){.homepage .hero-section{padding:3rem 1rem 4rem}.homepage .hero-title{font-size:2.5rem}.homepage .hero-subtitle{font-size:1.1rem}.homepage .search-input-wrapper{border-radius:12px;flex-direction:column}.homepage .search-input{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.homepage .search-button{border-radius:0 0 12px 12px;padding:1rem 1.5rem}.homepage .quick-actions{align-items:center;flex-direction:column}.homepage .action-button{justify-content:center;max-width:300px;width:100%}.homepage .stats-container{gap:1rem;grid-template-columns:1fr}.homepage .stat-item{padding:1.5rem}.homepage .stat-number{font-size:2.5rem}.homepage .section-header{flex-direction:column;text-align:center}.homepage .section-header h2{font-size:2rem}.homepage .resources-grid{gap:1.5rem;grid-template-columns:1fr}.homepage .resource-card{padding:1.5rem}.homepage .features-container{gap:1.5rem;grid-template-columns:1fr}.homepage .cta-content h2{font-size:2rem}.homepage .cta-buttons{align-items:center;flex-direction:column}.homepage .cta-button{max-width:300px;text-align:center;width:100%}}@media (max-width:480px){.homepage .hero-title{font-size:2rem}.homepage .hero-subtitle{font-size:1rem}.homepage .search-button,.homepage .search-input{padding:.875rem 1.25rem}.homepage .action-button{font-size:.95rem;padding:.875rem 1.5rem}.homepage .stat-number{font-size:2rem}.homepage .section-header h2{font-size:1.75rem}.homepage .resource-card{padding:1.25rem}.homepage .cta-content h2{font-size:1.75rem}.homepage .cta-content p{font-size:1.1rem}}.autocomplete-dropdown{animation:slideDown .15s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 25px #00000026;left:0;margin-top:.25rem;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.autocomplete-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;min-height:40px;padding:.5rem .75rem;transition:all .15s ease}.homepage .autocomplete-item:last-child{border-bottom:none}.homepage .autocomplete-item:hover{background:#f8fafc;border-left:2px solid #667eea;padding-left:.625rem}.homepage .autocomplete-item:focus{background:#f0f7ff;border-left:2px solid #667eea;outline:none;padding-left:.625rem}.autocomplete-text{color:#1f2937;flex:1 1;font-size:.9rem;font-weight:500;max-width:70%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.homepage .autocomplete-category{background:#f3f4f6;border-radius:12px;color:#6b7280;flex-shrink:0;font-size:.75rem;font-weight:500;letter-spacing:.025em;padding:.125rem .5rem;text-transform:uppercase;white-space:nowrap}.search-results{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #0003;left:0;margin-top:.5rem;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:9999}.homepage .search-results-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #f3f4f6;color:#667eea;font-size:.875rem;font-weight:600;padding:.5rem 1.5rem}.homepage .search-result-item{align-items:center;border-bottom:1px solid #f3f4f6;color:#374151;display:flex;padding:1rem 1.5rem;text-decoration:none;transition:all .2s ease}.homepage .search-result-item:hover{background:linear-gradient(135deg,#fff7ed,#fef3c7);border-left:3px solid #f59e0b;padding-left:1.375rem}.homepage .search-result-item:last-child{border-bottom:none}.homepage .result-icon{flex-shrink:0;font-size:1.5rem;margin-right:1rem}.homepage .result-content h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.homepage .result-content p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.homepage .search-container{position:relative;z-index:10000}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.homepage .autocomplete-item{min-height:36px;padding:.4rem .6rem}.homepage .autocomplete-item:focus,.homepage .autocomplete-item:hover{padding-left:.5rem}.homepage .autocomplete-text{font-size:.85rem;max-width:65%}.homepage .autocomplete-category{font-size:.7rem;padding:.1rem .4rem}.homepage .autocomplete-dropdown{max-height:250px}}@media (max-width:480px){.homepage .autocomplete-item{min-height:32px;padding:.35rem .5rem}.homepage .autocomplete-text{font-size:.8rem;max-width:60%}.homepage .autocomplete-category{font-size:.65rem;padding:.08rem .35rem}}.resources-container{margin:0 auto;max-width:1200px;padding:2rem}.resources-container .resources-header{margin-bottom:3rem;text-align:center}.resources-container .resources-header h1{color:#333;font-size:2.5rem;margin-bottom:1rem}.resources-container .resources-header p{color:#666;font-size:1.1rem}.resources-container .filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:2rem}.resources-container .filters-section h2{color:#333;margin-bottom:1.5rem}.resources-container .filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.resources-container .filter-dropdown{display:flex;flex-direction:column;gap:.5rem}.resources-container .filter-dropdown label{color:#333;font-size:.9rem;font-weight:600}.resources-container .filter-dropdown select{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem;transition:border-color .3s}.resources-container .filter-dropdown select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.resources-container .clear-filters-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s}.resources-container .clear-filters-btn:hover{background:#5a6268}.resources-container .content-section h2{color:#333;margin-bottom:2rem}.resources-info{color:#666;font-size:.95rem;margin-bottom:1.5rem;text-align:center}.resources-container .resources-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.resources-container .resource-card{background:linear-gradient(135deg,#e3e4e7,#eae6e6);border-radius:12px;box-shadow:0 2px 10px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s}.resources-container .resource-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.resources-container .card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem 1rem 0 0;color:#fff;display:flex;justify-content:space-between;padding:1rem}.resources-container .resource-type-badge{background:#fff3;border-radius:20px;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.resources-container .card-actions{display:flex;gap:.5rem}.resources-container .save-btn,.resources-container .share-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;padding:.5rem;transition:all .3s;width:36px}.resources-container .save-btn:hover{background:#ffffff4d;transform:scale(1.1)}.resources-container .share-btn:disabled{cursor:not-allowed;opacity:.5}.resources-container .share-btn:disabled:hover{background:#fff3;transform:none}.resources-container .card-content{padding:1.5rem}.resources-container .resource-title{color:#000;font-size:1.2rem;line-height:1.4;margin:0 0 1rem}.resources-container .resource-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.95rem;line-height:1.6;margin:0 0 1.5rem;overflow:hidden}.resources-container .resource-meta{display:flex;flex-wrap:wrap;gap:.5rem}.resources-container .meta-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:15px;color:#666;font-size:.8rem;padding:.25rem .75rem}.resources-container .no-data{color:#666;font-size:1.1rem;padding:3rem;text-align:center}.pagination,.resources-container .no-data{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.pagination{gap:.5rem;margin:2rem 0;padding:1rem}.pagination,.resources-container .pagination-btn{align-items:center;display:flex;justify-content:center}.resources-container .pagination-btn{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-weight:500;min-width:44px;padding:.5rem .75rem;transition:all .3s}.resources-container .pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#007bff;transform:translateY(-1px)}.resources-container .pagination-btn.active{background:#007bff;border-color:#007bff;color:#fff}.resources-container .pagination-btn:disabled{background:#f8f9fa;border-color:#e9ecef;color:#ccc;cursor:not-allowed}.resources-container .pagination-dots{color:#666;font-weight:700;padding:0 .5rem}.modal-overlay{background:#0009;padding:1rem;z-index:1000}.resources-container .modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.resources-container .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.resources-container .modal-header h3{font-size:1.4rem;line-height:1.4;margin:0}.resources-container .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:0;transition:all .3s;width:40px}.resources-container .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.resources-container .modal-body{padding:2rem}.resources-container .resource-details{margin-bottom:2rem}.resources-container .detail-item{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-bottom:1rem;padding:.75rem}.resources-container .detail-item strong{color:#333;margin-right:.5rem}.resources-container .description-section h4{color:#333;font-size:1.2rem;margin-bottom:1rem}.resources-container .description-section p{color:#666;font-size:1rem;line-height:1.6}.resources-container .modal-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.resources-container .save-resource-btn,.resources-container .share-resource-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.resources-container .save-resource-btn{background:#28a745;color:#fff}.resources-container .save-resource-btn:hover:not(:disabled){background:#218838}.resources-container .save-resource-btn:disabled{background:#6c757d;cursor:not-allowed}.resources-container .share-resource-btn{background:#6c757d;color:#fff;cursor:not-allowed;opacity:.5}@media (max-width:768px){.resources-container{padding:1rem}.resources-container .resources-header h1{font-size:2rem}.resources-container .filters-section{padding:1.5rem}.resources-container .filters-grid,.resources-container .resources-grid{gap:1rem;grid-template-columns:1fr}.resources-container .resource-card{min-width:auto}.resources-container .card-content{padding:1rem}.resources-container .resource-title{font-size:1.1rem}.resources-container .resource-description{-webkit-line-clamp:2;font-size:.9rem}.resources-container .resource-meta{flex-direction:column}.resources-container .meta-item{width:fit-content}.resources-container .card-actions{gap:.25rem}.resources-container .save-btn,.resources-container .share-btn{font-size:.9rem;height:32px;width:32px}.pagination{gap:.25rem;margin:1.5rem 0;padding:.75rem}.resources-container .pagination-btn{font-size:.9rem;min-width:40px;padding:.4rem .6rem}.resources-container .resources-info{font-size:.9rem;margin-bottom:1rem}.modal-overlay{padding:.5rem}.resources-container .modal-content{max-height:95vh}.resources-container .modal-header{padding:1rem}.resources-container .modal-header h3{font-size:1.2rem}.resources-container .modal-body{padding:1rem}.resources-container .detail-item{margin-bottom:.75rem;padding:.5rem}.resources-container .description-section h4{font-size:1.1rem}.resources-container .description-section p{font-size:.95rem}.resources-container .modal-footer{flex-direction:column;padding:1rem}.resources-container .save-resource-btn,.resources-container .share-resource-btn{justify-content:center;width:100%}.resources-container .close-btn{height:36px;width:36px}}@media (max-width:480px){.resources-container{padding:.5rem}.resources-container .content-section,.resources-container .filters-section{padding:1rem}.resources-container .resources-header{margin-bottom:2rem}.resources-container .resources-header h1{font-size:1.8rem}.resources-container .resource-card{box-shadow:0 1px 5px #0000001a}.resources-container .card-header{padding:.75rem}.resources-container .resource-type-badge{font-size:.7rem;padding:.2rem .5rem}.resources-container .save-btn,.resources-container .share-btn{font-size:.8rem;height:28px;width:28px}.pagination{flex-wrap:wrap;gap:.2rem;padding:.5rem}.resources-container .pagination-btn{font-size:.8rem;min-width:36px;padding:.3rem .5rem}}.our-story{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.story-hero{color:#fff;overflow:hidden;padding:6rem 2rem 4rem;position:relative;text-align:center}.our-story .story-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='60' height='60' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='30' cy='30' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='10' r='.5' fill='%23fff' opacity='.05'/%3E%3Ccircle cx='50' cy='50' r='.5' fill='%23fff' opacity='.05'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.our-story .hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.our-story .hero-title{font-size:4rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.our-story .hero-subtitle{font-size:1.5rem;line-height:1.6;opacity:.9}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.mission-section{background:#fff;padding:6rem 0}.our-story .mission-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.our-story .mission-text h2{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:2rem}.our-story .mission-text p{color:#6b7280;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.our-story .image-placeholder,.our-story .mission-image{align-items:center;display:flex;justify-content:center}.our-story .image-placeholder{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:20px;box-shadow:0 10px 30px #0000001a;flex-direction:column;height:300px;width:300px}.our-story .placeholder-icon{font-size:4rem;margin-bottom:1rem}.our-story .image-placeholder p{color:#6b7280;font-size:1.25rem;font-weight:600;margin:0}.journey-section{background:#f8fafc;padding:6rem 0}.our-story .section-title{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:4rem;text-align:center}.our-story .timeline{margin:0 auto;max-width:800px;position:relative}.our-story .timeline:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}.our-story .timeline-item{align-items:center;display:flex;margin-bottom:3rem;position:relative}.our-story .timeline-item:nth-child(odd){flex-direction:row}.our-story .timeline-item:nth-child(2n){flex-direction:row-reverse}.our-story .timeline-marker{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;font-size:1rem;font-weight:700;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;z-index:2}.our-story .timeline-content{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:2rem;position:relative;width:45%}.our-story .timeline-item:nth-child(odd) .timeline-content{margin-right:55%}.our-story .timeline-item:nth-child(2n) .timeline-content{margin-left:55%}.our-story .timeline-content h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.our-story .timeline-content p{color:#6b7280;line-height:1.6;margin:0}.values-section{background:#fff;padding:6rem 0}.our-story .values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.our-story .value-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e5e7eb;border-radius:16px;padding:2.5rem 2rem;text-align:center;transition:all .3s ease}.our-story .value-card:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 20px 40px #0000001a;color:#fff;transform:translateY(-8px)}.our-story .value-card:hover .value-icon{transform:scale(1.1)}.our-story .value-icon{font-size:3.5rem;margin-bottom:1.5rem;transition:transform .3s ease}.our-story .value-card h3{color:inherit;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.our-story .value-card p{color:inherit;line-height:1.6;opacity:.9}.team-section{background:#f8fafc;padding:6rem 0}.our-story .team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.our-story .team-member{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.our-story .team-member:hover{transform:translateY(-5px)}.our-story .member-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 1.5rem;width:100px}.our-story .avatar-placeholder{font-size:2.5rem}.our-story .team-member h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.our-story .team-member p{color:#6b7280;line-height:1.6;margin:0}.impact-section{background:#fff;padding:6rem 0}.our-story .impact-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.our-story .impact-stat{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;padding:2rem;text-align:center;transition:transform .3s ease}.our-story .impact-stat:hover{transform:translateY(-5px)}.our-story .stat-number{color:#667eea;font-size:3rem;font-weight:800;margin-bottom:.5rem}.our-story .stat-label{color:#64748b;font-size:1.1rem;font-weight:600}.testimonials-section{background:#f8fafc;padding:6rem 0}.our-story .testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.our-story .testimonial-card{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000001a;padding:2rem;transition:transform .3s ease}.our-story .testimonial-card:hover{transform:translateY(-5px)}.our-story .testimonial-content{margin-bottom:1.5rem}.our-story .testimonial-content p{color:#6b7280;font-size:1.1rem;font-style:italic;line-height:1.6;margin:0}.our-story .testimonial-author{align-items:center;display:flex;gap:1rem}.our-story .author-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.our-story .author-info h4{color:#1f2937;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.our-story .author-info span{color:#6b7280;font-size:.9rem}.vision-section{background:#fff;padding:6rem 0}.our-story .vision-content{margin:0 auto;max-width:800px;text-align:center}.our-story .vision-content h2{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:2rem}.our-story .vision-content p{color:#6b7280;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.our-story .vision-features{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:3rem}.our-story .vision-feature{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:25px;color:#1f2937;display:flex;font-weight:600;gap:.5rem;padding:1rem 1.5rem}.our-story .feature-icon{font-size:1.25rem}.story-cta{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;padding:6rem 0;text-align:center}.our-story .cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.our-story .cta-content p{font-size:1.25rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.our-story .cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.our-story .cta-button{border:2px solid #0000;border-radius:50px;font-size:1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.our-story .cta-button.primary{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.our-story .cta-button.primary:hover{box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-2px)}.our-story .cta-button.secondary{background:#0000;border-color:#ffffff4d;color:#fff}.our-story .cta-button.secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width:768px){.our-story .hero-title{font-size:3rem}.our-story .hero-subtitle{font-size:1.25rem}.our-story .mission-content{gap:2rem;grid-template-columns:1fr}.our-story .mission-text h2{font-size:2rem}.our-story .image-placeholder{height:250px;width:250px}.our-story .timeline:before{left:30px}.our-story .timeline-item{flex-direction:row!important}.our-story .timeline-marker{left:30px;transform:translate(-50%,-50%)}.our-story .timeline-content{margin-left:80px!important;margin-right:0!important;width:calc(100% - 80px)}.our-story .team-grid,.our-story .values-grid{grid-template-columns:1fr}.our-story .impact-stats{grid-template-columns:repeat(2,1fr)}.our-story .testimonials-grid{grid-template-columns:1fr}.our-story .cta-buttons,.our-story .vision-features{align-items:center;flex-direction:column}.our-story .cta-button{max-width:300px;text-align:center;width:100%}}@media (max-width:480px){.our-story .hero-title{font-size:2.5rem}.our-story .hero-subtitle{font-size:1.1rem}.our-story .section-title{font-size:2rem}.our-story .mission-text h2{font-size:1.75rem}.our-story .image-placeholder{height:200px;width:200px}.our-story .placeholder-icon{font-size:3rem}.our-story .impact-stats{grid-template-columns:1fr}.our-story .stat-number{font-size:2.5rem}.our-story .cta-content h2,.our-story .vision-content h2{font-size:2rem}.our-story .cta-content p{font-size:1.1rem}}.mission-section,.our-story .impact-section,.our-story .journey-section,.our-story .team-section,.our-story .testimonials-section,.our-story .values-section,.our-story .vision-section{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.our-story .impact-stat,.our-story .team-member,.our-story .testimonial-card,.value-card{cursor:pointer}.resource-form-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem 1rem;position:relative}.resource-form-container .form-wrapper{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.resource-form-container .form-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.resource-form-container .form-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.resource-form-container .form-header p{font-size:1.1rem;margin:0;opacity:.9}.resource-form-container .resource-form{padding:2.5rem}.resource-form-container .form-field{margin-bottom:1.5rem}.resource-form-container .form-label{color:#374151;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.resource-form-container .required{color:#ef4444;margin-left:.25rem}.resource-form-container .form-input,.resource-form-container .form-select,.resource-form-container .form-textarea{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.resource-form-container .form-input:focus,.resource-form-container .form-select:focus,.resource-form-container .form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.resource-form-container .form-input.error,.resource-form-container .form-select.error,.resource-form-container .form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.resource-form-container .form-input:disabled,.resource-form-container .form-select:disabled,.resource-form-container .form-textarea:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.7}.resource-form-container .form-textarea{min-height:100px;resize:vertical}.resource-form-container .error-message{color:#ef4444;font-size:.875rem;font-weight:500;margin-top:.5rem}.resource-form-container .error-alert{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.resource-form-container .error-alert p{color:#dc2626;font-weight:500;margin:0}.resource-form-container .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.resource-form-container .btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.resource-form-container .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.resource-form-container .btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.resource-form-container .btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.resource-form-container .btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#374151}.resource-form-container .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.resource-form-container .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.progress-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.resource-form-container .progress-modal{animation:slideInUp .4s ease;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0000004d;max-width:400px;padding:3rem;text-align:center;width:90%}.resource-form-container .progress-content h3{color:#374151;font-size:1.5rem;font-weight:600;margin:1.5rem 0 1rem}.resource-form-container .progress-content p{color:#6b7280;font-size:1rem;margin:.5rem 0 0}.resource-form-container .progress-icon{align-items:center;border-radius:50%;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto;width:80px}.resource-form-container .progress-icon.uploading{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.resource-form-container .progress-icon.processing{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.resource-form-container .progress-icon.success{background:linear-gradient(135deg,#10b981,#047857);color:#fff}.resource-form-container .progress-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.upload-animation{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:32px;width:32px}.resource-form-container .processing-animation{animation:pulse 1.5s ease-in-out infinite;border-color:#ffffff4d #fff;border-radius:50%;border-style:solid;border-width:3px;height:32px;width:32px}.resource-form-container .checkmark{animation:bounceIn .6s ease;font-size:2.5rem}.resource-form-container .error-mark{animation:shakeIn .6s ease;font-size:2.5rem}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin:1.5rem 0 1rem;overflow:hidden;width:100%}.resource-form-container .progress-fill{animation:shimmer 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s ease}@keyframe fadeIn{.resource-form-containerfrom{opacity:0}.resource-form-containerto{opacity:1}}@keyframe slideInUp{.resource-form-containerfrom{opacity:0;transform:translateY(30px)}.resource-form-containerto{opacity:1;transform:translateY(0)}}@keyframe spin{.resource-form-containerfrom{transform:rotate(0deg)}.resource-form-containerto{transform:rotate(1turn)}}@keyframe pulse{.resource-form-container0%{opacity:1;transform:scale(1)}.resource-form-container50%{opacity:.7;transform:scale(1.1)}.resource-form-container100%{opacity:1;transform:scale(1)}}@keyframe bounceIn{.resource-form-container0%{opacity:0;transform:scale(0)}.resource-form-container60%{opacity:1;transform:scale(1.2)}.resource-form-container100%{transform:scale(1)}}@keyframe shakeIn{.resource-form-container0%{opacity:0;transform:rotate(0deg)}.resource-form-container25%{opacity:.5;transform:rotate(-10deg)}.resource-form-container50%{opacity:.8;transform:rotate(10deg)}.resource-form-container75%{opacity:1;transform:rotate(-5deg)}.resource-form-container100%{opacity:1;transform:rotate(0deg)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@media (max-width:768px){.resource-form-container{padding:1rem .5rem}.resource-form-container .form-wrapper{border-radius:0;margin:0}.resource-form-container .form-header{padding:1.5rem 1rem}.resource-form-container .form-header h1{font-size:2rem}.resource-form-container .resource-form{padding:1.5rem 1rem}.resource-form-container .form-actions{flex-direction:column;gap:.75rem}.resource-form-container .btn{width:100%}.resource-form-container .progress-modal{margin:1rem;padding:2rem 1.5rem}.resource-form-container .progress-icon{height:60px;width:60px}.resource-form-container .progress-content h3{font-size:1.25rem}}@media (max-width:480px){.resource-form-container .form-header h1{font-size:1.75rem}.resource-form-container .form-header p{font-size:1rem}.resource-form-container .resource-form{padding:1rem}.resource-form-container .form-input,.resource-form-container .form-select,.resource-form-container .form-textarea{font-size:.95rem;padding:.625rem .875rem}.resource-form-container .progress-modal{padding:1.5rem}.resource-form-container .progress-icon{font-size:1.5rem;height:50px;width:50px}.resource-form-container .processing-animation,.resource-form-container .upload-animation{height:24px;width:24px}.resource-form-container .checkmark,.resource-form-container .error-mark{font-size:2rem}}.form-field{animation:fadeInUp .6s ease-out}@keyframe fadeInUp{.resource-form-containerfrom{opacity:0;transform:translateY(20px)}.resource-form-containerto{opacity:1;transform:translateY(0)}}.resource-form-container .form-field:nth-child(2){animation-delay:.2s}.resource-form-container .form-field:nth-child(3){animation-delay:.3s}.resource-form-container .form-field:nth-child(4){animation-delay:.4s}.resource-form-container .form-field:nth-child(5){animation-delay:.5s}.resource-form-container .form-field:nth-child(6){animation-delay:.6s}.resource-form-container .form-field:nth-child(7){animation-delay:.7s}.resource-form-container .form-field:nth-child(8){animation-delay:.8s}.request-form-container{background:#fff;min-height:100vh;padding:2rem 1rem}.request-form-container .form-wrapper{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:900px;overflow:hidden}.request-form-container .form-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2.5rem 2rem;position:relative;text-align:center}.request-form-container .form-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.request-form-container .form-header h1{font-size:2.75rem;font-weight:800;margin:0 0 .75rem;position:relative;z-index:1}.request-form-container .form-header p{font-size:1.2rem;margin:0;opacity:.95;position:relative;z-index:1}.request-form-container .request-form{padding:2.5rem}.request-form-container .form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.request-form-container .form-field{margin-bottom:1.5rem}.request-form-container .form-label{color:#2d3748;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.request-form-container .required{color:#e53e3e;margin-left:.25rem}.request-form-container .form-input,.request-form-container .form-select,.request-form-container .form-textarea{background-color:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000000d;font-size:1rem;padding:.8rem 0 .8rem 1rem;transition:all .3s ease;width:100%}.request-form-container .form-input:focus,.request-form-container .form-select:focus,.request-form-container .form-textarea:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a;outline:none;transform:translateY(-1px)}.request-form-container .form-input.error,.request-form-container .form-select.error,.request-form-container .form-textarea.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.request-form-container .form-textarea{min-height:120px;resize:vertical}.request-form-container .error-message{color:#e53e3e;font-size:.875rem;font-weight:500;margin-top:.5rem}.request-form-container .success-message{align-items:flex-start;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:12px;box-shadow:0 8px 25px #48bb784d;color:#fff;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.request-form-container .success-icon{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:32px;justify-content:center;width:32px}.request-form-container .success-title{font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.request-form-container .success-subtitle{font-size:.95rem;margin:0;opacity:.9}.request-form-container .error-alert{background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #fc8181;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.request-form-container .error-alert p{color:#c53030;font-weight:600;margin:0}.request-form-container .form-actions{border-top:2px solid #f7fafc;display:flex;gap:1rem;justify-content:flex-end;margin-top:2.5rem;padding-top:2rem}.request-form-container .btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;min-width:140px;padding:.875rem 2rem;text-transform:uppercase;transition:all .3s ease}.request-form-container .btn-primary{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 4px 15px #ff6b6b4d;color:#fff}.request-form-container .btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-2px)}.request-form-container .btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.request-form-container .btn-secondary{background:#fff;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000001a;color:#4a5568}.request-form-container .btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.request-form-container .request-info{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-top:1px solid #e2e8f0;padding:2rem}.request-form-container .request-info h3{color:#2d3748;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.request-form-container .request-info ul{color:#4a5568;margin:0;padding-left:1.5rem}.request-form-container .request-info li{line-height:1.6;margin-bottom:.75rem}.request-form-container .request-info li:last-child{margin-bottom:0}.form-select option[value=urgent]{color:#e53e3e;font-weight:700}.request-form-container .form-select option[value=high]{color:#dd6b20;font-weight:700}.request-form-container .form-select option[value=medium]{color:#d69e2e;font-weight:700}.request-form-container .form-select option[value=low]{color:#38a169;font-weight:700}@media (max-width:768px){.request-form-container{padding:1rem .5rem}.request-form-container .form-wrapper{border-radius:0;margin:0}.request-form-container .form-header{padding:2rem 1.5rem}.request-form-container .form-header h1{font-size:2.25rem}.request-form-container .request-form{padding:2rem 1.5rem}.request-form-container .form-row{gap:1rem;grid-template-columns:1fr}.request-form-container .form-actions{flex-direction:column;gap:1rem}.request-form-container .btn{width:100%}.request-form-container .request-info{padding:1.5rem}}@media (max-width:480px){.request-form-container .form-header h1{font-size:2rem}.request-form-container .form-header p{font-size:1.1rem}.request-form-container .request-form{padding:1.5rem 1rem}.request-form-container .form-input,.request-form-container .form-select,.request-form-container .form-textarea{font-size:.95rem;padding:.75rem .875rem}.request-form-container .btn{font-size:.95rem;padding:.75rem 1.5rem}}.form-field{animation:slideInUp .6s ease-out}.form-field:first-child{animation-delay:.1s}.request-form-container .form-field:nth-child(2){animation-delay:.2s}.request-form-container .form-field:nth-child(3){animation-delay:.3s}.request-form-container .form-field:nth-child(4){animation-delay:.4s}.request-form-container .form-field:nth-child(5){animation-delay:.5s}.request-form-container .form-field:nth-child(6){animation-delay:.6s}.request-form-container .form-field:nth-child(7){animation-delay:.7s}.request-form-container .form-field:nth-child(8){animation-delay:.8s}.form-input:hover,.request-form-container .form-select:hover,.request-form-container .form-textarea:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a}.form-input:focus,.request-form-container .form-select:focus,.request-form-container .form-textarea:focus{animation:focusRing .3s ease-out}@keyframes focusRing{0%{box-shadow:0 0 0 0 #ff6b6b66}to{box-shadow:0 0 0 3px #ff6b6b1a}}.header{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);border-bottom:3px solid #1a365d;box-shadow:0 4px 12px #00000026;display:flex;flex-wrap:wrap;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:1000}.logo{color:#fff;font-family:Arial,sans-serif;font-size:1.8rem;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 4px #0000004d;z-index:1001}.logo strong{color:#ff0;font-size:2rem}.nav{align-items:center;display:flex;gap:.1rem}.nav,.nav-link{transition:all .3s ease}.nav-link{border:1px solid #0000;border-radius:6px;color:#e2e8f0;font-size:.95rem;font-weight:500;padding:.75rem;position:relative;text-decoration:none;white-space:nowrap}.nav-link:hover{background-color:#ffffff26;border-color:#fff3;box-shadow:0 4px 8px #0003;color:#fff;transform:translateY(-1px)}.nav-link:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}.nav-link.active{background-color:#fff3;border-color:#ffffff4d;color:#fff}.nav-link.auth-link{background-color:#ffffff1a;border:1px solid #ffffff4d;font-weight:600}.nav-link.auth-link:hover{background-color:#fff3;border-color:#ffffff80}.user-menu-container{margin-left:.5rem;position:relative}.user-avatar-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .3s ease}.user-avatar-btn:hover{background-color:#fff3;border-color:#fff6;transform:translateY(-1px)}.user-avatar{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-initials{color:#fff;font-size:.9rem;font-weight:600}.dropdown-arrow{height:16px;transition:transform .3s ease;width:16px}.user-avatar-btn[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{animation:slideDownFade .2s ease-out;background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 10px 30px #0003;margin-top:.5rem;min-width:220px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1002}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1rem}.user-name{color:#2d3748;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.user-email{color:#718096;font-size:.85rem}.user-role{color:#4a5568;font-size:.8rem;font-weight:500;margin-top:.25rem}.dropdown-divider{background:#0000001a;border:none;height:1px;margin:0}.dropdown-link{align-items:center;background:none;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.dropdown-link:hover{background:#f7fafc;color:#2d3748}.dropdown-icon{font-size:1rem;text-align:center;width:20px}.dashboard-btn{color:#3182ce!important;font-weight:600;position:relative}.dashboard-btn:hover{background:linear-gradient(135deg,#ebf8ff,#bee3f8)!important;color:#2c5282!important}.new-tab-indicator{color:#4a5568;font-size:.8rem;opacity:.7;position:absolute;right:1rem}.dashboard-btn:hover .new-tab-indicator{color:#2c5282;opacity:1}.logout-btn{color:#000!important;font-weight:500}.logout-btn:hover{background:#fed7d7!important;color:#c53030!important}.logout-btn:disabled{cursor:not-allowed;opacity:.6}.hamburger-menu{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:none;flex-direction:column;height:48px;justify-content:center;padding:0;transition:background-color .3s ease;width:48px;z-index:1001}.hamburger-menu:hover{background-color:#ffffff1a}.hamburger-line{background-color:#fff;border-radius:2px;height:3px;margin:2px 0;transition:all .3s ease;width:24px}.hamburger-active .hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-active .hamburger-line:nth-child(2){opacity:0}.hamburger-active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:768px){.header{padding:1rem;position:sticky}.logo{font-size:1.6rem}.hamburger-menu{display:flex}.nav{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);flex-direction:column;gap:2rem;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transform:translateX(-100%);transition:all .3s ease;visibility:hidden;width:100%;z-index:1000}.nav.nav-open{opacity:1;transform:translateX(0);visibility:visible}.nav-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;font-size:1.2rem;margin:.5rem 0;padding:1rem 2rem;text-align:center;width:80%}.nav-link:hover{transform:scale(1.05)}.nav-link.auth-link,.nav-link:hover{background-color:#fff3;border-color:#fff6}.nav-link.auth-link{font-weight:700}.user-menu-container{margin:0;width:80%}.user-avatar-btn{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;font-size:1.2rem;justify-content:center;padding:1rem 2rem;width:100%}.user-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;margin-top:1rem;position:static;width:100%}.dropdown-link{font-size:1rem;padding:1rem}.new-tab-indicator{margin-left:auto;position:static}}@media (max-width:480px){.header{padding:.75rem}.logo{font-size:1.4rem}.logo strong{font-size:1.6rem}.nav-link{font-size:1.1rem;padding:.8rem 1.5rem;width:90%}.user-menu-container{width:90%}}@media (min-width:769px){.hamburger-menu{display:none!important}.nav{background:none!important;flex-direction:row!important;height:auto!important;justify-content:flex-end!important;opacity:1!important;position:static!important;transform:none!important;visibility:visible!important;width:auto!important}}html{scroll-behavior:smooth}.dropdown-link:focus,.hamburger-menu:focus,.nav-link:focus,.user-avatar-btn:focus{outline:2px solid #fff;outline-offset:2px}.nav.nav-open .nav-link{animation:slideInFromRight .3s ease-out forwards}.nav.nav-open .nav-link:first-child{animation-delay:.1s}.nav.nav-open .nav-link:nth-child(2){animation-delay:.2s}.nav.nav-open .nav-link:nth-child(3){animation-delay:.3s}.nav.nav-open .nav-link:nth-child(4){animation-delay:.4s}.nav.nav-open .nav-link:nth-child(5){animation-delay:.5s}.nav.nav-open .user-menu-container{animation:slideInFromRight .3s ease-out forwards;animation-delay:.6s}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.signin-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:2rem 1rem}.signin-wrapper{animation:slideInUp .6s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;max-width:440px;overflow:hidden;width:100%}.signin-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;padding:2.5rem 2rem 2rem;text-align:center}.signin-logo{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.logo-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem}.signin-logo h1{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0}.signin-header h2{color:#1e293b;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.signin-header p{color:#64748b;font-size:1rem;line-height:1.5;margin:0}.signin-form{padding:2rem}.signin-error{align-items:center;animation:shake .5s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.google-signin-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;height:56px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.google-signin-btn:hover:not(:disabled){border-color:#cbd5e1;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.google-signin-btn:active:not(:disabled){box-shadow:0 4px 15px #0000001a;transform:translateY(0)}.google-signin-btn:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.google-signin-btn.signing-in{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-content{align-items:center;color:#374151;display:flex;gap:.75rem;justify-content:center}.google-icon{flex-shrink:0}.signin-spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}.signin-divider{margin:1.5rem 0;position:relative;text-align:center}.signin-divider:before{background:#e2e8f0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.signin-divider span{background:#fff;color:#64748b;font-size:.875rem;font-weight:500;padding:0 1rem}.email-signin{display:flex;flex-direction:column;gap:.75rem}.email-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;height:52px;padding:0 1rem;transition:all .3s ease}.email-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.email-signin-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:52px;transition:all .3s ease}.email-signin-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.signin-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:1.5rem 2rem 2rem;text-align:center}.signin-footer p{color:#64748b;font-size:.9rem;margin:0 0 1rem}.signin-footer a{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s ease}.signin-footer a:hover{color:#5a67d8;text-decoration:underline}.signin-links{display:flex;gap:1.5rem;justify-content:center}.signin-links a{font-size:.825rem;font-weight:500}.signin-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media (max-width:480px){.signin-container{padding:1rem}.signin-wrapper{border-radius:16px}.signin-header{padding:2rem 1.5rem 1.5rem}.signin-form{padding:1.5rem}.signin-footer{padding:1.25rem 1.5rem 1.75rem}}.admin-dashboard{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success-50:#f0fdf4;--success-500:#22c55e;--success-600:#16a34a;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fef2f2;--error-500:#ef4444;--error-600:#dc2626;--purple-100:#f3e8ff;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7c2d98;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-500:#f97316;--orange-600:#ea580c;--green-50:#f0fdf4;--green-100:#dcfce7;--green-500:#22c55e;--green-600:#16a34a;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--shadow-sm:0 1px 2px 0 #0000000d;--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;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition-fast:150ms ease-in-out;--transition-normal:200ms ease-in-out;--transition-slow:300ms ease-in-out;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--sidebar-width:280px;--sidebar-collapsed-width:80px;background-color:var(--gray-50);box-sizing:border-box;color:var(--gray-900);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;margin:0;min-height:100vh;padding:0}.sidebar{background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-800) 100%);box-shadow:var(--shadow-lg);color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width var(--transition-normal),transform var(--transition-normal);width:var(--sidebar-width);z-index:1000}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;min-height:80px;padding:var(--spacing-xl)}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{gap:var(--spacing-md)}.sidebar-logo{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);color:#fff;display:flex;height:40px;justify-content:center;width:40px}.sidebar-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-xl);font-weight:700}.sidebar-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-sm);transition:var(--transition-fast)}.sidebar-toggle:hover{background-color:#ffffff1a}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg)}.nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:#fffc;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);position:relative;text-align:left;transition:var(--transition-fast);width:100%}.nav-item:hover{background-color:#ffffff1a;color:#fff}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:var(--shadow-md);color:#fff}.nav-item.active:before{background-color:var(--primary-300);border-radius:2px;content:"";height:20px;left:-var(--spacing-lg);position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-divider{background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;margin:var(--spacing-lg) var(--spacing-md);position:relative}.nav-divider:before{background:#ffffff4d;border-radius:50%;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.nav-item-return{background:#ffffff0d!important;border:1px solid #ffffff1a;margin-top:var(--spacing-sm);overflow:hidden;position:relative}.nav-item-return:before{background:linear-gradient(135deg,#677eea1a,#764ba21a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--transition-fast)}.nav-item-return:hover{background:#ffffff1a!important;border-color:#677eea4d;transform:translateX(4px)}.nav-item-return:hover:before{opacity:1}.nav-item-return .nav-icon{color:#64b5f6}.nav-item-return .nav-label{color:#e3f2fd;font-weight:600}.nav-icon{flex-shrink:0}.nav-label{flex:1 1}.nav-badge{background-color:var(--error-500);border-radius:10px;color:#fff;font-size:var(--font-size-xs);font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.sidebar-footer{border-top:1px solid #ffffff1a;padding:var(--spacing-lg)}.sidebar-footer-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-lg);padding:var(--spacing-lg)}.footer-title{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-xs)}.footer-subtitle{color:#ffffffb3;font-size:var(--font-size-xs);margin-bottom:var(--spacing-md)}.footer-link{background:none;border:none;color:var(--primary-300);cursor:pointer;font-size:var(--font-size-xs);text-decoration:none;transition:var(--transition-fast)}.footer-link:hover{color:var(--primary-200)}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-normal)}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.top-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);padding:var(--spacing-xl) var(--spacing-2xl);position:sticky;top:0;z-index:100}.header-content{justify-content:space-between}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:var(--spacing-lg)}.header-left h2{color:var(--gray-900);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-xs)}.header-left p{color:#fff;font-size:var(--font-size-sm)}.mobile-menu-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:none;justify-content:center;padding:var(--spacing-sm);transition:var(--transition-fast)}.mobile-menu-toggle:hover{background-color:var(--gray-100)}.page-content{flex:1 1;padding:var(--spacing-2xl)}.notification{align-items:center;animation:slideInDown .3s ease-out;border-radius:var(--radius-lg);display:flex;font-weight:500;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.notification.success{background-color:var(--success-50);border:1px solid var(--success-200);color:var(--success-600)}.notification.error{background-color:var(--error-50);border:1px solid var(--error-200);color:var(--error-600)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;padding:var(--spacing-3xl)}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--gray-200);border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-500);height:40px;width:40px}.loading-text{color:var(--gray-600);font-size:var(--font-size-sm)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.dashboard-overview{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.welcome-header{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:#fff;padding:var(--spacing-2xl)}.welcome-content{align-items:center;display:flex;gap:var(--spacing-xl);justify-content:space-between}.welcome-text h1{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-sm)}.welcome-text p{font-size:var(--font-size-lg);opacity:.9}.welcome-actions{display:flex;gap:var(--spacing-md)}.stats-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--spacing-xl);position:relative;transition:var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card.blue:before{background:linear-gradient(90deg,var(--primary-500),var(--primary-600))}.stat-card.blue:before,.stat-card.green:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.green:before{background:linear-gradient(90deg,var(--success-500),var(--success-600))}.stat-card.orange:before{background:linear-gradient(90deg,var(--warning-500),var(--warning-600))}.stat-card.orange:before,.stat-card.purple:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.purple:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.stat-info p{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-xs)}.stat-value{font-size:var(--font-size-3xl);font-weight:700}.stat-icon{align-items:center;background-color:var(--gray-100);border-radius:var(--radius-lg);color:var(--gray-600);display:flex;height:48px;justify-content:center;width:48px}.stat-card.blue .stat-icon{background-color:var(--primary-100);color:var(--primary-600)}.stat-card.green .stat-icon{background-color:var(--success-100);color:var(--success-600)}.stat-card.orange .stat-icon{background-color:var(--warning-100);color:var(--warning-600)}.stat-card.purple .stat-icon{background-color:#ede9fe;color:#7c3aed}.stat-footer{align-items:center;color:var(--gray-500);display:flex;font-size:var(--font-size-sm)}.two-column-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.card-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-xl)}.card-title{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:600}.card-action{background:none;border:none;color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:var(--transition-fast)}.card-action:hover{color:var(--primary-700)}.activity-list{flex-direction:column;gap:var(--spacing-md)}.activity-item,.activity-list{display:flex;padding:var(--spacing-lg)}.activity-item{align-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-lg);justify-content:space-between;transition:var(--transition-fast)}.activity-item:hover{background-color:var(--gray-50)}.activity-content{flex:1 1}.activity-title{color:var(--gray-900);font-weight:500;margin-bottom:var(--spacing-xs)}.activity-subtitle{color:var(--gray-600);font-size:var(--font-size-sm)}.activity-actions{display:flex;gap:var(--spacing-sm)}.activity-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition-fast);width:32px}.activity-btn.approve{background-color:var(--success-100);color:var(--success-600)}.activity-btn.approve:hover{background-color:var(--success-200)}.activity-btn.deny{background-color:var(--error-100);color:var(--error-600)}.activity-btn.deny:hover{background-color:var(--error-200)}.quick-actions{flex-direction:column}.quick-action-btn,.quick-actions{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.quick-action-btn{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:var(--transition-fast)}.quick-action-btn:hover{background-color:var(--gray-50);box-shadow:var(--shadow-md);transform:translateY(-1px)}.quick-action-icon{align-items:center;border-radius:var(--radius-lg);color:#fff;display:flex;height:40px;justify-content:center;width:40px}.quick-action-icon.blue{background:linear-gradient(135deg,var(--primary-500),var(--primary-600))}.quick-action-icon.green{background:linear-gradient(135deg,var(--success-500),var(--success-600))}.quick-action-icon.orange{background:linear-gradient(135deg,var(--warning-500),var(--warning-600))}.quick-action-content{flex:1 1}.quick-action-label{align-items:center;color:var(--gray-900);display:flex;font-weight:500;gap:var(--spacing-sm)}.quick-action-badge{background-color:var(--error-500);border-radius:10px;color:#fff;font-size:var(--font-size-xs);font-weight:600;padding:2px 6px}.page-header{margin-bottom:var(--spacing-2xl)}.page-header-content,.users-header-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.page-header-text,.users-header-text{flex:1 1}.page-header-text h2,.users-header-text h2{color:var(--gray-900);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-xs)}.page-header-text p,.users-header-text p{color:var(--gray-600);font-size:var(--font-size-base)}.page-header-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.users-header{margin-bottom:var(--spacing-2xl)}.admin-dashboard .search-container{align-items:center;display:flex;margin:0 auto 1rem;position:relative}.admin-dashboard .search-icon{color:var(--gray-400);left:var(--spacing-md);position:absolute;z-index:1}.admin-dashboard .search-input{background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--font-size-sm);max-width:300px;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) 2.5rem;transition:var(--transition-fast);width:100%}.admin-dashboard .search-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-dashboard .search-input::placeholder{color:var(--gray-400)}.admin-dashboard .btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:var(--transition-fast)}.admin-dashboard .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:var(--shadow-sm);color:#fff;margin:0 auto .5rem;max-width:400px}.admin-dashboard .btn-primary:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-md);transform:translateY(-1px)}.admin-dashboard .btn-secondary{background-color:#ffc336;border:1px solid var(--gray-300);color:var(--gray-700);margin:0 auto .5rem;max-width:400px}.btn-secondary:hover{background-color:var(--gray-50);border-color:var(--gray-400)}.btn-approve{align-items:center;background:linear-gradient(135deg,var(--success-500),var(--success-600));border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-fast)}.btn-approve:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700));transform:translateY(-1px)}.btn-deny{align-items:center;background:linear-gradient(135deg,var(--error-500),var(--error-600));border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-fast)}.btn-deny:hover{background:linear-gradient(135deg,var(--error-600),var(--error-700));transform:translateY(-1px)}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:slideInUp .3s ease-out;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-xl)}.modal-header h3{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:600}.modal-close{background:none;border:none;border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;padding:var(--spacing-sm);transition:var(--transition-fast)}.modal-close:hover{background-color:var(--gray-100);color:var(--gray-600)}.modal-form{gap:var(--spacing-lg);padding:var(--spacing-xl)}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-sm)}.form-group label{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:500}.form-input{border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--font-size-sm);padding:var(--spacing-md);transition:var(--transition-fast)}.form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input::placeholder{color:var(--gray-400)}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.domains-list,.resource-list,.subjects-list,.universities-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.domain-card,.resource-card,.subject-card,.university-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);transition:var(--transition-fast)}.domain-card:hover,.resource-card:hover,.subject-card:hover,.university-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.domain-content,.resource-content,.subject-content,.university-content{align-items:flex-start;display:flex;gap:var(--spacing-xl);justify-content:space-between}.domain-info,.resource-info,.subject-info,.university-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md)}.domain-header,.resource-header,.subject-header,.university-header{align-items:flex-start;display:flex;gap:var(--spacing-md)}.domain-name,.resource-title,.subject-name,.university-name{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:600;margin:0}.domain-icon,.subject-icon,.university-icon{color:var(--primary-600);flex-shrink:0;margin-top:2px}.domain-title-section,.subject-title-section{flex:1 1}.domain-university,.subject-hierarchy{align-items:center;display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-sm)}.hierarchy-item{align-items:center;display:flex;gap:var(--spacing-xs)}.hierarchy-item,.resource-description{color:var(--gray-600);font-size:var(--font-size-sm)}.resource-description{line-height:1.5}.resource-link{align-items:center;color:var(--primary-600);display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);text-decoration:none;transition:var(--transition-fast)}.resource-link:hover{color:var(--primary-700)}.resource-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.domain-tag,.resource-tag,.subject-tag{background-color:var(--gray-100);border-radius:var(--radius-md);color:var(--gray-700);font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-md)}.resource-tag.subject{background-color:var(--primary-100);color:var(--primary-700)}.resource-tag.domain{background-color:var(--success-100);color:var(--success-700)}.resource-tag.university{background-color:var(--warning-100);color:var(--warning-700)}.resource-tag.skill{background-color:#ede9fe;color:#7c3aed}.resource-tag.exam{background-color:#fef3c7;color:#d97706}.status-badge{border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.status-badge.approved{background-color:var(--green-100);border:1px solid var(--green-200);color:var(--green-600)}.status-badge.pending{background-color:var(--orange-100);border:1px solid var(--orange-200);color:var(--orange-600)}.domain-meta,.resource-meta,.subject-meta,.university-meta{align-items:center;color:var(--gray-500);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-md)}.domain-actions,.resource-actions,.subject-actions,.university-actions{display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-sm)}.domain-stats,.university-stats{display:flex;gap:var(--spacing-xl)}.stat-item{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.stat-label{color:var(--gray-600)}.stat-value{color:var(--gray-900);font-weight:600}.domain-subjects,.university-domains{margin-top:var(--spacing-md)}.domain-subjects h4,.university-domains h4{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-sm)}.domains-list,.subjects-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.users-table-container{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.users-table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table thead{background-color:var(--gray-50);border-bottom:1px solid var(--gray-200)}.users-table th{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-lg);text-align:left;white-space:nowrap}.users-table td{border-bottom:1px solid var(--gray-200);padding:var(--spacing-lg);vertical-align:top}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background-color:var(--gray-50)}.user-cell{gap:var(--spacing-md)}.user-cell,.user-table-avatar{align-items:center;display:flex}.user-table-avatar{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);color:#fff;flex-shrink:0;font-size:var(--font-size-sm);font-weight:600;height:40px;justify-content:center;width:40px}.user-info{min-width:0}.user-name{color:var(--gray-900);font-weight:500;margin:0 0 var(--spacing-xs) 0}.user-id{color:var(--gray-500);font-size:var(--font-size-xs);margin:0;word-break:break-all}.role-edit-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.role-select{background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.btn-cancel-edit{background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-400);cursor:pointer;padding:var(--spacing-xs);transition:var(--transition-fast)}.btn-cancel-edit:hover{background-color:var(--gray-100);color:var(--gray-600)}.role-display{align-items:center;display:flex}.role-badge{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:var(--font-size-xs);font-weight:500;gap:var(--spacing-xs);letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.role-badge.admin{background-color:#ede9fe;color:#7c3aed}.role-badge.user{background-color:var(--gray-100);color:var(--gray-700)}.user-date{color:var(--gray-600);font-size:var(--font-size-sm)}.user-actions{display:flex;gap:var(--spacing-sm)}.user-action-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition-fast);width:32px}.user-action-btn.edit{background-color:var(--purple-100);color:var(--purple-600)}.user-action-btn.edit:hover{background-color:var(--purple-200);color:var(--purple-700);transform:translateY(-1px)}.user-action-btn.delete{background-color:var(--error-100);color:var(--error-600)}.user-action-btn.delete:hover{background-color:var(--error-200)}.empty-resource-state,.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-3xl);text-align:center}.empty-icon,.empty-resource-icon{color:var(--gray-300);margin-bottom:var(--spacing-lg)}.empty-resource-title,.empty-text{color:var(--gray-500);font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--spacing-sm)}.empty-resource-subtitle{color:var(--gray-400);font-size:var(--font-size-sm)}.access-denied{align-items:center;background-color:var(--gray-50);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-xl)}.access-denied-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--spacing-3xl);text-align:center;width:100%}.access-denied-icon{color:var(--error-500);display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.access-denied-card h2{color:var(--gray-900);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-md)}.access-denied-card p{color:var(--gray-600);margin-bottom:var(--spacing-xl)}.access-denied-btn{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-fast)}.access-denied-btn:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-1px)}@media (max-width:1024px){.two-column-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.search-input{max-width:250px}}@media (max-width:768px){.sidebar{transition:transform var(--transition-normal);width:280px}.sidebar,.sidebar.collapsed{transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}.main-content,.main-content.sidebar-collapsed{margin-left:0}.mobile-menu-toggle{display:flex}.page-content,.top-header{padding:var(--spacing-lg)}.page-header-content,.users-header-content{gap:var(--spacing-lg)}.page-header-actions{gap:var(--spacing-md)}.search-input{max-width:200px}.welcome-content{flex-direction:column;text-align:center}.stats-grid{grid-template-columns:1fr}.domain-content,.resource-content,.subject-content,.university-content{flex-direction:column;gap:var(--spacing-lg)}.domain-actions,.resource-actions,.subject-actions,.university-actions{flex-direction:row;justify-content:flex-start}.users-table-container{border-radius:var(--radius-lg)}.modal-content{margin:var(--spacing-lg);width:95%}}@media (max-width:480px){.page-content{padding:var(--spacing-md)}.search-input{max-width:150px}.btn{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}.welcome-header{padding:var(--spacing-lg)}.welcome-text h1{font-size:var(--font-size-2xl)}.card-header,.stat-card{padding:var(--spacing-lg)}.activity-list,.quick-actions{padding:var(--spacing-md)}}