@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap);.students-projects-page[data-v-da780270]{font-family:Tajawal,sans-serif;background-color:#f4f7fa;min-height:100vh}.page-header[data-v-da780270]{background:linear-gradient(135deg,#21467d,#3498db);padding:60px 20px;text-align:center;color:#fff;position:relative;overflow:hidden}.page-header[data-v-da780270]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(https://www.transparenttextures.com/patterns/cubes.png);opacity:.1}.header-content[data-v-da780270]{position:relative;z-index:1}.header-content h1[data-v-da780270]{font-size:42px;font-weight:800;margin-bottom:15px;color:#fff;text-align:center!important}.header-content p[data-v-da780270]{font-size:18px;opacity:.9;max-width:600px;margin:0 auto}.filters-container[data-v-da780270]{max-width:1200px;margin:-35px auto 40px;padding:0 20px;position:relative;z-index:10}.filters[data-v-da780270]{background:#fff;padding:20px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.search-box[data-v-da780270],.select-box[data-v-da780270]{position:relative;flex:1;min-width:250px}.search-box input[data-v-da780270],.select-box select[data-v-da780270]{width:100%;padding:14px 45px 14px 20px;border:1px solid #e2e8f0;border-radius:10px;font-size:15px;font-family:Tajawal,sans-serif;color:#334155;background-color:#f8fafc;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-box input[data-v-da780270]:focus,.select-box select[data-v-da780270]:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.search-icon[data-v-da780270]{position:absolute;top:50%;transform:translateY(-50%);color:#94a3b8}[dir=rtl] .search-icon[data-v-da780270]{right:15px}[dir=ltr] .search-icon[data-v-da780270]{left:15px}[dir=ltr] .search-box input[data-v-da780270]{padding:14px 20px 14px 45px}.arrow-icon[data-v-da780270]{position:absolute;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}[dir=rtl] .arrow-icon[data-v-da780270]{left:15px}[dir=ltr] .arrow-icon[data-v-da780270]{right:15px}.projects-container[data-v-da780270]{max-width:1200px;margin:0 auto;padding:0 20px;width:100%;box-sizing:border-box}.projects-grid[data-v-da780270]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;width:100%;box-sizing:border-box}.project-card[data-v-da780270]{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;width:100%;min-width:0}.project-card[data-v-da780270]:hover{transform:translateY(-10px);box-shadow:0 20px 30px rgba(0,0,0,.1)}.card-img-wrapper[data-v-da780270]{position:relative;height:220px;overflow:hidden}.card-img-wrapper img[data-v-da780270]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.project-card:hover .card-img-wrapper img[data-v-da780270]{transform:scale(1.05)}.year-badge[data-v-da780270]{position:absolute;top:15px;background:hsla(0,0%,100%,.9);color:#1e3c72;padding:6px 14px;border-radius:20px;font-weight:700;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 10px rgba(0,0,0,.1)}[dir=rtl] .year-badge[data-v-da780270]{right:15px}[dir=ltr] .year-badge[data-v-da780270]{left:15px}.card-content[data-v-da780270]{padding:25px;flex-grow:1;display:flex;flex-direction:column}.project-title[data-v-da780270]{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 15px 0;line-height:1.4}.project-meta[data-v-da780270]{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.meta-item[data-v-da780270]{font-size:14px;color:#64748b;display:flex;align-items:center;gap:6px;background:#f1f5f9;padding:5px 10px;border-radius:8px}.meta-item i[data-v-da780270]{color:#3b82f6}.project-desc[data-v-da780270]{font-size:15px;color:#475569;line-height:1.6;margin:0 0 25px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.details-btn[data-v-da780270]{width:100%;padding:14px;border:none;background:#f8fafc;color:#1e3c72;border-radius:12px;font-size:16px;font-weight:700;font-family:Tajawal,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.project-card:hover .details-btn[data-v-da780270]{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff}.details-btn i[data-v-da780270]{transition:transform .3s ease}[dir=rtl] .project-card:hover .details-btn i[data-v-da780270]{transform:translateX(-5px)}[dir=ltr] .project-card:hover .details-btn i[data-v-da780270]{transform:translateX(5px)}.empty-state[data-v-da780270]{text-align:center;padding:60px 20px;background:#fff;border-radius:20px;margin:20px;box-shadow:0 4px 15px rgba(0,0,0,.05)}.empty-icon[data-v-da780270]{font-size:60px;margin-bottom:20px}.empty-state h3[data-v-da780270]{color:#1e293b;font-size:24px;margin-bottom:10px}.empty-state p[data-v-da780270]{color:#64748b;margin-bottom:25px}.reset-btn[data-v-da780270]{padding:12px 25px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-family:Tajawal,sans-serif;font-weight:600;cursor:pointer;transition:background .3s ease}.reset-btn[data-v-da780270]:hover{background:#2563eb}@media (max-width:768px){.page-header[data-v-da780270]{padding:40px 15px}.header-content h1[data-v-da780270]{font-size:28px}.header-content p[data-v-da780270]{font-size:15px}.filters-container[data-v-da780270]{margin-top:-25px}.filters[data-v-da780270]{flex-direction:column;padding:15px;gap:10px}.search-box[data-v-da780270],.select-box[data-v-da780270]{width:100%;min-width:unset}.search-box input[data-v-da780270],.select-box select[data-v-da780270]{padding-top:12px;padding-bottom:12px;font-size:14px}.projects-grid[data-v-da780270]{grid-template-columns:1fr;padding:0;gap:20px;width:100%}.projects-container[data-v-da780270]{padding:0 15px}.project-card[data-v-da780270]{border-radius:15px}.card-img-wrapper[data-v-da780270]{height:180px}.card-content[data-v-da780270]{padding:15px}.project-title[data-v-da780270]{font-size:18px;margin-bottom:10px}.project-meta[data-v-da780270]{gap:8px;margin-bottom:10px}.meta-item[data-v-da780270]{font-size:12px;padding:4px 8px}.project-desc[data-v-da780270]{font-size:13px;line-height:1.5;margin-bottom:20px;-webkit-line-clamp:2}.details-btn[data-v-da780270]{padding:12px;font-size:14px}}