.dashboard-page[data-v-a765fcb0]{max-width:auto;margin:auto;padding:30px;border-radius:12px;direction:rtl;transition:all .3s ease-in-out}.welcome-section[data-v-a765fcb0]{display:flex;justify-content:space-between;align-items:center;background-color:#0e3c2f;color:#fff;padding:30px 40px;border-radius:12px;margin-bottom:40px;box-shadow:0 4px 15px #0000001a;background-image:linear-gradient(135deg,#0e3c2f,#0e3c2f)}.welcome-text h2[data-v-a765fcb0]{font-size:2.8rem;margin-bottom:5px;font-weight:700}.welcome-text p[data-v-a765fcb0]{font-size:1.2rem;opacity:.9}.welcome-icon[data-v-a765fcb0]{display:flex;align-items:center}.waving-hand[data-v-a765fcb0]{display:inline-block;font-size:60px;color:#fff;animation:wave-a765fcb0 2s infinite;transform-origin:70% 70%}@keyframes wave-a765fcb0{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.stats-overview[data-v-a765fcb0]{display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px;margin-bottom:40px}.stat-card[data-v-a765fcb0]{background-color:#fff;border:1px solid #e9ecef;border-radius:10px;padding:25px;text-align:center;flex:1 1 200px;box-shadow:0 4px 15px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.stat-card[data-v-a765fcb0]:hover{transform:translateY(-5px);box-shadow:0 6px 20px #0000001a}.stat-icon[data-v-a765fcb0]{font-size:2.5rem;color:#0e3c2f;margin-bottom:10px}.stat-icon.urgent-icon[data-v-a765fcb0]{color:#c6a664;animation:pulse-a765fcb0 1.5s infinite}@keyframes pulse-a765fcb0{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.stat-label[data-v-a765fcb0]{color:#6c757d;font-size:1rem;margin-bottom:5px}.stat-value[data-v-a765fcb0]{font-size:2.2rem;font-weight:700;color:#343a40;margin:0}.content-sections[data-v-a765fcb0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.activity-log-section[data-v-a765fcb0],.pending-list-section[data-v-a765fcb0]{background-color:#fff;border-radius:10px;border:1px solid #e9ecef;padding:0 25px 25px;box-shadow:0 4px 15px #0000000d;max-height:500px;overflow:hidden;position:relative}.activity-list[data-v-a765fcb0],.pending-list-items[data-v-a765fcb0]{max-height:400px;overflow-y:auto;padding-right:10px}.activity-list[data-v-a765fcb0]::-webkit-scrollbar{width:6px}.activity-list[data-v-a765fcb0]::-webkit-scrollbar-track{background:transparent}.activity-list[data-v-a765fcb0]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.activity-list[data-v-a765fcb0]::-webkit-scrollbar-thumb:hover{background:#999}.pending-list-items[data-v-a765fcb0]::-webkit-scrollbar{width:6px}.pending-list-items[data-v-a765fcb0]::-webkit-scrollbar-track{background:transparent}.pending-list-items[data-v-a765fcb0]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.pending-list-items[data-v-a765fcb0]::-webkit-scrollbar-thumb:hover{background:#999}.section-heading[data-v-a765fcb0]{position:sticky;top:0;z-index:10;background-color:#fff;display:flex;align-items:center;gap:10px;padding:25px 0 10px;border-bottom:2px solid #e9ecef;color:#0e3c2f}.activity-log-section[data-v-a765fcb0]>*+*,.pending-list-section[data-v-a765fcb0]>*+*{margin-top:15px}.section-heading h3[data-v-a765fcb0]{font-size:1.6rem;margin:0}.section-heading-icon[data-v-a765fcb0]{font-size:1.8rem}.activity-list[data-v-a765fcb0],.pending-list-items[data-v-a765fcb0]{display:flex;flex-direction:column;gap:15px}.activity-item[data-v-a765fcb0]{display:flex;align-items:center;gap:15px;padding:10px;background-color:#f1f3f5;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.activity-item[data-v-a765fcb0]:hover{background-color:#e2e6eb}.activity-icon[data-v-a765fcb0]{font-size:1.5rem;color:#722a08}.activity-details[data-v-a765fcb0]{flex-grow:1}.activity-message[data-v-a765fcb0]{font-weight:700;color:#343a40;margin:0}.activity-time[data-v-a765fcb0]{color:#868e96;font-size:.9rem}.receipt-card[data-v-a765fcb0]{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#fceceb;border-right:4px solid #e74c3c;border-radius:8px}.receipt-info-details[data-v-a765fcb0]{display:flex;align-items:center;gap:10px}.student-avatar-icon[data-v-a765fcb0]{font-size:1.8rem;color:#e74c3c}.student-info[data-v-a765fcb0]{display:flex;flex-direction:column}.student-name[data-v-a765fcb0]{font-weight:700;color:#343a40;margin:0}.course-info[data-v-a765fcb0]{color:#868e96;font-size:.9rem}.action-button[data-v-a765fcb0]{padding:8px 15px;border-radius:6px;border:none;cursor:pointer;font-weight:700;transition:background-color .3s ease}.primary-action[data-v-a765fcb0]{background-color:#e74c3c;color:#fff}.primary-action[data-v-a765fcb0]:hover{background-color:#c0392b}.empty-state[data-v-a765fcb0]{text-align:center;color:#adb5bd;font-style:italic;padding:20px}@media(max-width:768px){.dashboard-page[data-v-a765fcb0]{padding:15px}.welcome-section[data-v-a765fcb0]{flex-direction:column;text-align:center;padding:20px}.welcome-text h2[data-v-a765fcb0]{font-size:2.2rem}.welcome-icon[data-v-a765fcb0]{font-size:4rem;margin-top:15px}.stats-overview[data-v-a765fcb0]{flex-direction:column}.stat-card[data-v-a765fcb0]{min-width:unset;width:100%}.content-sections[data-v-a765fcb0]{grid-template-columns:1fr}.activity-item[data-v-a765fcb0],.receipt-card[data-v-a765fcb0]{flex-direction:column;align-items:flex-start;gap:10px}.activity-details[data-v-a765fcb0],.student-info[data-v-a765fcb0]{width:100%;text-align:right}.receipt-actions[data-v-a765fcb0]{width:100%;display:flex;justify-content:flex-end}.section-heading h3[data-v-a765fcb0]{font-size:1.3rem}}@media(min-width:769px)and (max-width:1024px){.welcome-text h2[data-v-a765fcb0]{font-size:2.5rem}.welcome-icon[data-v-a765fcb0]{font-size:4.5rem}.stats-overview[data-v-a765fcb0]{gap:15px}.stat-card[data-v-a765fcb0]{padding:20px}.stat-value[data-v-a765fcb0]{font-size:2rem}}.skeleton-card[data-v-a765fcb0],.skeleton-item[data-v-a765fcb0]{position:relative;overflow:hidden;background-color:#f0f0f0!important}.skeleton-card[data-v-a765fcb0]:after,.skeleton-item[data-v-a765fcb0]:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0,#ffffff80 20%,#fffc 60%,#fff0);animation:shimmer-a765fcb0 1.5s infinite}@keyframes shimmer-a765fcb0{to{transform:translate(100%)}}.skeleton-line[data-v-a765fcb0]{height:15px;background:#e0e0e0;margin:10px auto;border-radius:4px}.skeleton-line.label[data-v-a765fcb0]{width:60%}.skeleton-line.value[data-v-a765fcb0]{width:30%;height:25px}.skeleton-line.message[data-v-a765fcb0]{width:80%;margin:5px 0}.skeleton-line.time[data-v-a765fcb0]{width:40%;margin:5px 0}.skeleton-icon[data-v-a765fcb0]{width:50px;height:50px;margin:0 auto 15px}.skeleton-circle[data-v-a765fcb0],.skeleton-icon[data-v-a765fcb0]{background:#e0e0e0;border-radius:50%}.skeleton-circle[data-v-a765fcb0]{width:40px;height:40px;flex-shrink:0}[data-v-8dd9c429]:root{--primary-color:#0e3c2f;--primary-hover:#0a2e24;--secondary-color:#f8f9fa;--text-dark:#2c3e50;--text-gray:#6c757d;--danger:#e74c3c;--white:#fff;--shadow-sm:0 2px 8px rgba(0,0,0,.05);--shadow-md:0 5px 15px rgba(0,0,0,.08);--radius:12px}[data-v-8dd9c429]{box-sizing:border-box}.projects-page[data-v-8dd9c429]{max-width:1200px;margin:0 auto;padding:30px 20px;direction:rtl;color:#333;min-height:100vh}.header-section[data-v-8dd9c429]{background:var(--primary-color,#0e3c2f);color:#fff;padding:30px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;box-shadow:0 10px 20px #0e3c2f26}.header-text h2[data-v-8dd9c429]{margin:0 0 8px;font-weight:800;font-size:1.8rem}.header-text p[data-v-8dd9c429]{margin:0;opacity:.9;font-size:.95rem}.add-btn[data-v-8dd9c429]{background:#fff;color:#0e3c2f;border:none;padding:12px 24px;border-radius:10px;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease}.add-btn[data-v-8dd9c429]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.stats-bar[data-v-8dd9c429]{display:flex;gap:20px;margin-bottom:40px}.stat-item[data-v-8dd9c429]{flex:1;background:#fff;padding:20px;border-radius:16px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-sm,0 2px 8px rgba(0,0,0,.05));border:1px solid #eee;transition:transform .3s ease}.stat-item[data-v-8dd9c429]:hover{transform:translateY(-3px)}.icon-wrapper[data-v-8dd9c429]{width:50px;height:50px;background:#0e3c2f14;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0e3c2f;font-size:1.4rem}.stat-info[data-v-8dd9c429]{display:flex;flex-direction:column}.stat-info .label[data-v-8dd9c429]{font-size:.85rem;color:#777;margin-bottom:4px}.stat-info .value[data-v-8dd9c429]{font-size:1.25rem;font-weight:800;color:#333}.state-container[data-v-8dd9c429]{text-align:center;padding:60px 20px;color:#777}.state-container.empty h3[data-v-8dd9c429]{color:#333;margin-top:20px}.empty-icon-bg[data-v-8dd9c429]{width:80px;height:80px;background:#f0f2f5;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#ccc}.primary-btn-outline[data-v-8dd9c429]{margin-top:20px;background:transparent;border:2px solid #0e3c2f;color:#0e3c2f;padding:10px 25px;border-radius:8px;font-weight:700;cursor:pointer;transition:.3s}.primary-btn-outline[data-v-8dd9c429]:hover{background:#0e3c2f;color:#fff}.projects-grid[data-v-8dd9c429]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.project-card[data-v-8dd9c429]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm,0 2px 8px rgba(0,0,0,.05));transition:all .3s ease;border:1px solid #f0f0f0;display:flex;flex-direction:column}.project-card[data-v-8dd9c429]:hover{transform:translateY(-5px);box-shadow:var(--shadow-md,0 5px 15px rgba(0,0,0,.1))}.card-image[data-v-8dd9c429]{height:200px;position:relative;overflow:hidden}.card-image img[data-v-8dd9c429]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.5s}.project-card:hover .card-image img[data-v-8dd9c429]{transform:scale(1.05)}.overlay[data-v-8dd9c429]{position:absolute;top:15px;left:15px;display:flex;gap:8px;opacity:0;transform:translateY(-10px);transition:.3s}.project-card:hover .overlay[data-v-8dd9c429]{opacity:1;transform:translateY(0)}.action-btn[data-v-8dd9c429]{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:.9rem;box-shadow:0 2px 5px #0003}.action-btn.edit[data-v-8dd9c429]{background:#fff;color:#0e3c2f}.action-btn.delete[data-v-8dd9c429]{background:#fff;color:#e74c3c}.action-btn[data-v-8dd9c429]:hover{transform:scale(1.1)}.date-tag[data-v-8dd9c429]{position:absolute;bottom:15px;right:15px;background:#0009;color:#fff;padding:4px 10px;border-radius:20px;font-size:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-body[data-v-8dd9c429]{padding:20px;flex-grow:1}.title-ar[data-v-8dd9c429]{font-size:1.15rem;font-weight:700;color:#2c3e50;margin:0 0 5px}.title-en[data-v-8dd9c429]{font-size:.9rem;color:#0e3c2f;margin:0 0 12px;font-weight:500}.desc[data-v-8dd9c429]{font-size:.95rem;color:#666;line-height:1.6;margin:0}.card-footer[data-v-8dd9c429]{padding:15px 20px;border-top:1px solid #f5f5f5;background:#fafafa}.details-btn[data-v-8dd9c429]{background:none;border:none;color:#0e3c2f;font-weight:700;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:8px;padding:0;transition:gap .2s}.details-btn[data-v-8dd9c429]:hover{gap:12px}.modal-overlay[data-v-8dd9c429]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.modal-content[data-v-8dd9c429]{background:#fff;width:100%;max-width:700px;max-height:90vh;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;overflow:hidden;animation:modalFadeIn-8dd9c429 .3s ease-out}@keyframes modalFadeIn-8dd9c429{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-8dd9c429]{padding:20px 25px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#fff}.modal-header h3[data-v-8dd9c429]{margin:0;font-size:1.2rem;color:#0e3c2f}.close-icon[data-v-8dd9c429]{background:#f5f5f5;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;color:#555;transition:.2s}.close-icon[data-v-8dd9c429]:hover{background:#e74c3c;color:#fff}.modal-form[data-v-8dd9c429]{display:flex;flex-direction:column;flex:1;overflow:hidden}.modal-body-scroll[data-v-8dd9c429]{padding:25px;overflow-y:auto;flex:1}.form-section[data-v-8dd9c429]{margin-bottom:25px}.input-label[data-v-8dd9c429]{display:block;font-weight:700;margin-bottom:10px;color:#444}.upload-area[data-v-8dd9c429]{border:2px dashed #e0e0e0;border-radius:12px;text-align:center;transition:.3s;background:#fafafa}.upload-area[data-v-8dd9c429]:hover{border-color:#0e3c2f;background:#f8fffd}.upload-area.has-image[data-v-8dd9c429]{border:none;padding:0;background:none}.upload-placeholder[data-v-8dd9c429]{padding:30px;cursor:pointer}.upload-placeholder i[data-v-8dd9c429]{font-size:2rem;color:#0e3c2f;margin-bottom:10px}.upload-placeholder p[data-v-8dd9c429]{margin:5px 0;color:#333;font-weight:500}.upload-placeholder span[data-v-8dd9c429]{font-size:.8rem;color:#999}.preview-container[data-v-8dd9c429]{position:relative;height:200px;width:100%}.preview-container img[data-v-8dd9c429]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:#f0f0f0}.remove-btn[data-v-8dd9c429]{position:absolute;top:10px;right:10px;background:#e74c3ce6;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:5px}.grid-inputs[data-v-8dd9c429]{display:grid;grid-template-columns:1fr 1fr;gap:25px}.lang-group[data-v-8dd9c429]{background:#fbfbfb;padding:15px;border-radius:10px;border:1px solid #f0f0f0}.lang-header[data-v-8dd9c429]{font-weight:700;border-bottom:1px solid #eee;padding-bottom:8px;font-size:.9rem;color:#555}.input-group[data-v-8dd9c429],.lang-header[data-v-8dd9c429]{margin-bottom:15px}.input-group[data-v-8dd9c429]:last-child{margin-bottom:0}.input-group label[data-v-8dd9c429]{display:block;font-size:.85rem;margin-bottom:6px;color:#666}.input-group input[data-v-8dd9c429],.input-group textarea[data-v-8dd9c429]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:.95rem;transition:.3s;background:#fff}.input-group input[data-v-8dd9c429]:focus,.input-group textarea[data-v-8dd9c429]:focus{outline:none;border-color:#0e3c2f;box-shadow:0 0 0 3px #0e3c2f1a}.modal-footer[data-v-8dd9c429]{padding:15px 25px;background:#fff;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px}.btn-cancel[data-v-8dd9c429]{padding:10px 20px;background:#f0f2f5;color:#555}.btn-cancel[data-v-8dd9c429],.btn-save[data-v-8dd9c429]{border:none;border-radius:8px;font-weight:700;cursor:pointer}.btn-save[data-v-8dd9c429]{padding:10px 25px;background:#0e3c2f;color:#fff;box-shadow:0 4px 10px #0e3c2f33}@media(max-width:768px){.projects-page[data-v-8dd9c429]{padding:15px}.header-section[data-v-8dd9c429]{flex-direction:column;text-align:center;gap:15px;padding:20px}.add-btn[data-v-8dd9c429]{width:100%;justify-content:center}.stats-bar[data-v-8dd9c429]{flex-direction:column;gap:10px}.project-card .overlay[data-v-8dd9c429]{opacity:1;transform:none;background:#00000005}.modal-overlay[data-v-8dd9c429]{padding:0;background:#fff;align-items:flex-start}.modal-content[data-v-8dd9c429]{width:100%;height:100%;max-height:100vh;border-radius:0;box-shadow:none}.modal-header[data-v-8dd9c429]{padding:15px;background:#f9f9f9}.grid-inputs[data-v-8dd9c429]{grid-template-columns:1fr;gap:20px}.modal-footer[data-v-8dd9c429]{padding:15px}.btn-cancel[data-v-8dd9c429],.btn-save[data-v-8dd9c429]{flex:1}}@media(max-width:576px){.stat-info .value[data-v-8dd9c429]{font-size:1rem;font-weight:700}}.state-container.error[data-v-7cfb01b8]{color:#e74c3c;text-align:center;padding:2rem}[data-v-7cfb01b8]:root{--primary-color:#0e3c2f;--primary-hover:#0a2e24;--secondary-bg:#f8f9fa;--text-dark:#2c3e50;--text-light:#6c757d;--border-color:#e2e8f0;--shadow-sm:0 2px 8px rgba(0,0,0,.05);--shadow-md:0 5px 15px rgba(0,0,0,.08)}[data-v-7cfb01b8]{box-sizing:border-box}.blog-page[data-v-7cfb01b8]{max-width:1200px;margin:0 auto;padding:30px 20px;direction:rtl;min-height:100vh}.header-section[data-v-7cfb01b8]{background:var(--primary-color,#0e3c2f);color:#fff;padding:30px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;box-shadow:0 10px 20px #0e3c2f26}.header-text h2[data-v-7cfb01b8]{margin:0 0 8px;font-weight:800;font-size:1.8rem}.header-text p[data-v-7cfb01b8]{margin:0;opacity:.9;font-size:.95rem}.add-btn[data-v-7cfb01b8]{background:#fff;color:#0e3c2f;border:none;padding:12px 24px;border-radius:10px;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease}.add-btn[data-v-7cfb01b8]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.stats-bar[data-v-7cfb01b8]{display:flex;gap:20px;margin-bottom:40px}.stat-item[data-v-7cfb01b8]{flex:1;background:#fff;padding:20px;border-radius:16px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-sm);border:1px solid #eee;transition:transform .3s ease}.stat-item[data-v-7cfb01b8]:hover{transform:translateY(-3px)}.icon-wrapper[data-v-7cfb01b8]{width:50px;height:50px;background:#0e3c2f14;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0e3c2f;font-size:1.4rem}.stat-info .label[data-v-7cfb01b8]{font-size:.85rem;color:#777;margin-bottom:4px;display:block}.stat-info .value[data-v-7cfb01b8]{font-size:1.25rem;font-weight:800;color:#333}.state-container[data-v-7cfb01b8]{text-align:center;padding:60px 20px;color:#777}.empty-icon-bg[data-v-7cfb01b8]{width:80px;height:80px;background:#f0f2f5;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#ccc}.state-container.empty h3[data-v-7cfb01b8]{color:#333;margin-top:20px}.primary-btn-outline[data-v-7cfb01b8]{margin-top:20px;background:transparent;border:2px solid #0e3c2f;color:#0e3c2f;padding:10px 25px;border-radius:8px;font-weight:700;cursor:pointer;transition:.3s}.primary-btn-outline[data-v-7cfb01b8]:hover{background:#0e3c2f;color:#fff}.articles-grid[data-v-7cfb01b8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.article-card[data-v-7cfb01b8]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease;border:1px solid #f0f0f0;display:flex;flex-direction:column}.article-card[data-v-7cfb01b8]:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.card-image[data-v-7cfb01b8]{position:relative;height:200px;overflow:hidden}.card-image img[data-v-7cfb01b8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.5s}.article-card:hover .card-image img[data-v-7cfb01b8]{transform:scale(1.05)}.status-badge[data-v-7cfb01b8]{position:absolute;top:15px;right:15px;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:700;color:#fff;z-index:2;display:flex;align-items:center;gap:5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-badge.published[data-v-7cfb01b8]{background:#10b981e6}.status-badge.draft[data-v-7cfb01b8]{background:#f59e0be6}.overlay[data-v-7cfb01b8]{position:absolute;top:15px;left:15px;display:flex;gap:8px;opacity:0;transform:translateY(-10px);transition:.3s}.article-card:hover .overlay[data-v-7cfb01b8]{opacity:1;transform:translateY(0)}.action-btn[data-v-7cfb01b8]{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:.9rem;box-shadow:0 2px 5px #0003}.action-btn.edit[data-v-7cfb01b8]{background:#fff;color:#0e3c2f}.action-btn.delete[data-v-7cfb01b8]{background:#fff;color:#e74c3c}.card-body[data-v-7cfb01b8]{padding:20px;flex-grow:1}.title-ar[data-v-7cfb01b8]{font-size:1.15rem;font-weight:700;color:#2c3e50;margin:0 0 5px;line-height:1.4}.title-en[data-v-7cfb01b8]{font-size:.9rem;color:#0e3c2f;margin:0 0 12px;font-weight:500;text-align:left;direction:ltr}.excerpt[data-v-7cfb01b8]{font-size:.9rem;color:#666;line-height:1.6;margin:0}.card-footer[data-v-7cfb01b8]{padding:12px 20px;border-top:1px solid #f5f5f5;background:#fafafa;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#777}.author-info[data-v-7cfb01b8],.date-info[data-v-7cfb01b8]{display:flex;align-items:center;gap:6px}.modal-overlay[data-v-7cfb01b8]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.modal-content[data-v-7cfb01b8]{background:#fff;width:100%;max-width:700px;max-height:90vh;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003;overflow:hidden;animation:modalFadeIn-7cfb01b8 .3s ease-out}@keyframes modalFadeIn-7cfb01b8{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-7cfb01b8]{padding:20px 25px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#fff}.modal-header h3[data-v-7cfb01b8]{margin:0;font-size:1.2rem;color:#0e3c2f}.close-icon[data-v-7cfb01b8]{background:#f5f5f5;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;color:#555;transition:.2s}.close-icon[data-v-7cfb01b8]:hover{background:#e74c3c;color:#fff}.modal-form[data-v-7cfb01b8]{display:flex;flex-direction:column;flex:1;overflow:hidden}.modal-body-scroll[data-v-7cfb01b8]{padding:25px;overflow-y:auto;flex:1}.form-section[data-v-7cfb01b8]{margin-bottom:25px}.input-label[data-v-7cfb01b8]{display:block;font-weight:700;margin-bottom:10px;color:#444}.upload-area[data-v-7cfb01b8]{border:2px dashed #e0e0e0;border-radius:12px;text-align:center;transition:.3s;background:#fafafa}.upload-area[data-v-7cfb01b8]:hover{border-color:#0e3c2f;background:#f8fffd}.upload-area.has-image[data-v-7cfb01b8]{border:none;padding:0;background:none}.upload-placeholder[data-v-7cfb01b8]{padding:30px;cursor:pointer}.upload-placeholder i[data-v-7cfb01b8]{font-size:2rem;color:#0e3c2f;margin-bottom:10px}.upload-placeholder p[data-v-7cfb01b8]{margin:5px 0;color:#333;font-weight:500}.upload-placeholder span[data-v-7cfb01b8]{font-size:.8rem;color:#999}.preview-container[data-v-7cfb01b8]{position:relative;height:220px;width:100%}.preview-container img[data-v-7cfb01b8]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:#f0f0f0}.remove-btn[data-v-7cfb01b8]{position:absolute;top:10px;right:10px;background:#e74c3ce6;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:5px}.input-group[data-v-7cfb01b8]{margin-bottom:15px}.input-group label[data-v-7cfb01b8]{display:block;font-size:.85rem;margin-bottom:6px;color:#666;font-weight:700}.select-wrapper[data-v-7cfb01b8]{position:relative}.select-wrapper select[data-v-7cfb01b8]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.select-wrapper i[data-v-7cfb01b8]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#aaa;pointer-events:none}input[data-v-7cfb01b8],select[data-v-7cfb01b8],textarea[data-v-7cfb01b8]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:.95rem;transition:.3s;background:#fff}input[data-v-7cfb01b8]:focus,select[data-v-7cfb01b8]:focus,textarea[data-v-7cfb01b8]:focus{outline:none;border-color:#0e3c2f;box-shadow:0 0 0 3px #0e3c2f1a}.tabs-container[data-v-7cfb01b8]{border:1px solid #eee;border-radius:10px;overflow:hidden}.tabs-header[data-v-7cfb01b8]{display:flex;background:#f8f9fa;border-bottom:1px solid #eee}.tab-btn[data-v-7cfb01b8]{flex:1;padding:12px;background:none;font-family:inherit;font-weight:700;color:#777;cursor:pointer;transition:.3s;border:none;border-bottom:3px solid transparent}.tab-btn.active[data-v-7cfb01b8]{background:#fff;color:#0e3c2f;border-bottom-color:#0e3c2f}.tabs-body[data-v-7cfb01b8]{padding:20px;background:#fff}.fade-in[data-v-7cfb01b8]{animation:fadeIn-7cfb01b8 .3s ease-in-out}@keyframes fadeIn-7cfb01b8{0%{opacity:0}to{opacity:1}}.modal-footer[data-v-7cfb01b8]{padding:15px 25px;background:#fff;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px}.btn-cancel[data-v-7cfb01b8]{padding:10px 20px;background:#f0f2f5;color:#555}.btn-cancel[data-v-7cfb01b8],.btn-save[data-v-7cfb01b8]{border:none;border-radius:8px;font-weight:700;cursor:pointer}.btn-save[data-v-7cfb01b8]{padding:10px 25px;background:#0e3c2f;color:#fff;box-shadow:0 4px 10px #0e3c2f33}@media(max-width:768px){.blog-page[data-v-7cfb01b8]{padding:15px}.header-section[data-v-7cfb01b8]{flex-direction:column;text-align:center;gap:15px;padding:20px}.add-btn[data-v-7cfb01b8]{width:100%;justify-content:center}.stats-bar[data-v-7cfb01b8]{flex-direction:column;gap:10px}.modal-overlay[data-v-7cfb01b8]{padding:0;background:#fff;align-items:flex-start}.modal-content[data-v-7cfb01b8]{width:100%;height:100%;max-height:100vh;border-radius:0;box-shadow:none}.modal-header[data-v-7cfb01b8]{padding:15px;background:#f9f9f9}.modal-body-scroll[data-v-7cfb01b8],.modal-footer[data-v-7cfb01b8]{padding:15px}.btn-cancel[data-v-7cfb01b8],.btn-save[data-v-7cfb01b8]{flex:1}}[data-v-7ae2cc02]:root{--primary-color:#0e3c2f;--bg-color:#f8f9fa;--border-color:#e2e8f0;--unread-bg:#e8f5e9;--hover-bg:#f1f5f9;--text-dark:#1e293b;--text-light:#64748b}[data-v-7ae2cc02]{box-sizing:border-box}.inbox-page[data-v-7ae2cc02]{max-width:1400px;margin:0 auto;padding:20px;direction:rtl;height:100vh;display:flex;flex-direction:column}.header-section[data-v-7ae2cc02]{background:var(--primary-color,#0e3c2f);color:#fff;padding:30px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;box-shadow:0 10px 20px #0e3c2f26}.header-text h2[data-v-7ae2cc02]{margin:0 0 8px;font-weight:800;font-size:1.8rem}.header-text p[data-v-7ae2cc02]{margin:0;opacity:.9;font-size:.95rem}.stats-group[data-v-7ae2cc02]{display:flex;gap:10px}.stat-badge[data-v-7ae2cc02]{background:#f8f9fa;border:1px solid #eee;padding:8px 16px;border-radius:8px;font-weight:700;color:#555;display:flex;align-items:center;gap:8px;font-size:.9rem}.stat-badge.warning[data-v-7ae2cc02]{background:#fff7ed;color:#c2410c;border-color:#ffedd5}.stat-badge.warning i[data-v-7ae2cc02]{font-size:.6rem}.inbox-container[data-v-7ae2cc02]{display:flex;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px #0000000d;flex-grow:1;border:1px solid #e2e8f0;position:relative}.sidebar-list[data-v-7ae2cc02]{width:380px;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;background:#fff;flex-shrink:0;transition:transform .3s ease}.search-wrapper[data-v-7ae2cc02]{padding:15px;border-bottom:1px solid #f1f1f1;position:relative}.search-wrapper input[data-v-7ae2cc02]{width:100%;padding:12px 40px 12px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8f9fa;font-family:inherit;transition:.3s}.search-wrapper input[data-v-7ae2cc02]:focus{background:#fff;border-color:#0e3c2f;outline:none}.search-icon[data-v-7ae2cc02]{position:absolute;right:28px;top:50%;transform:translateY(-50%);color:#aaa}.scrollable-list[data-v-7ae2cc02]{overflow-y:auto;flex-grow:1}.message-item[data-v-7ae2cc02]{padding:18px 15px;border-bottom:1px solid #f8f9fa;cursor:pointer;display:flex;gap:15px;transition:all .2s;position:relative}.message-item[data-v-7ae2cc02]:hover{background:#fcfcfc}.message-item.active[data-v-7ae2cc02]{background:#f0fdf4;border-right:4px solid #0e3c2f}.message-item.unread[data-v-7ae2cc02]{background:#fff}.message-item.unread .sender-name[data-v-7ae2cc02]{font-weight:800;color:#000}.message-item.unread .item-subject[data-v-7ae2cc02]{font-weight:700;color:#0e3c2f}.item-avatar[data-v-7ae2cc02]{width:45px;height:45px;background:#e2e8f0;color:#475569;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.active .item-avatar[data-v-7ae2cc02]{background:#0e3c2f;color:#fff}.item-content[data-v-7ae2cc02]{flex-grow:1;overflow:hidden}.item-top[data-v-7ae2cc02]{display:flex;justify-content:space-between;margin-bottom:4px}.sender-name[data-v-7ae2cc02]{font-size:.95rem;color:#333}.msg-time[data-v-7ae2cc02]{font-size:.75rem;color:#94a3b8}.item-subject[data-v-7ae2cc02]{font-size:.9rem;color:#475569;margin-bottom:4px}.item-snippet[data-v-7ae2cc02],.item-subject[data-v-7ae2cc02]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-snippet[data-v-7ae2cc02]{font-size:.8rem;color:#94a3b8}.unread-indicator[data-v-7ae2cc02]{position:absolute;top:20px;left:15px;width:10px;height:10px;background:#ef4444;border-radius:50%;box-shadow:0 0 0 2px #fff}.content-area[data-v-7ae2cc02]{flex-grow:1;background:#fbfbfb;position:relative;overflow:hidden}.content-area[data-v-7ae2cc02],.message-view[data-v-7ae2cc02]{display:flex;flex-direction:column}.message-view[data-v-7ae2cc02]{height:100%}.toolbar[data-v-7ae2cc02]{padding:15px 25px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#fff}.back-btn-mobile[data-v-7ae2cc02]{display:none}.actions[data-v-7ae2cc02]{display:flex;gap:10px;margin-right:auto}.action-btn[data-v-7ae2cc02]{border:1px solid #e2e8f0;background:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;color:#64748b;font-family:inherit;font-size:.9rem;display:flex;align-items:center;gap:8px;text-decoration:none;transition:.2s}.action-btn.delete[data-v-7ae2cc02]:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.action-btn.reply[data-v-7ae2cc02]{background:#0e3c2f;color:#fff;border-color:#0e3c2f}.action-btn.reply[data-v-7ae2cc02]:hover{background:#08281f}.msg-header[data-v-7ae2cc02]{padding:25px 30px 10px;display:flex;justify-content:space-between;align-items:flex-start}.sender-profile[data-v-7ae2cc02]{gap:15px}.big-avatar[data-v-7ae2cc02],.sender-profile[data-v-7ae2cc02]{display:flex;align-items:center}.big-avatar[data-v-7ae2cc02]{width:60px;height:60px;background:#0e3c2f;color:#fff;border-radius:12px;justify-content:center;font-size:1.8rem;font-weight:700}.meta-info h3[data-v-7ae2cc02]{margin:0 0 8px;font-size:1.2rem;color:#1e293b}.contact-chips[data-v-7ae2cc02]{display:flex;gap:10px;flex-wrap:wrap}.chip[data-v-7ae2cc02]{background:#e2e8f0;padding:4px 10px;border-radius:4px;font-size:.8rem;color:#475569;display:flex;align-items:center;gap:5px}.full-date[data-v-7ae2cc02]{color:#94a3b8;font-size:.9rem;margin-top:5px}.divider[data-v-7ae2cc02]{height:1px;background:#e2e8f0;margin:10px 30px}.msg-body-container[data-v-7ae2cc02]{padding:20px 30px;overflow-y:auto;flex-grow:1}.subject-line[data-v-7ae2cc02]{margin:0 0 20px;color:#0f172a;font-size:1.4rem;line-height:1.4}.text-content[data-v-7ae2cc02]{font-size:1.05rem;line-height:1.8;color:#334155;white-space:pre-wrap;font-family:inherit}.no-selection-state[data-v-7ae2cc02]{flex-direction:column;height:100%;color:#94a3b8;text-align:center;padding:20px}.icon-bg[data-v-7ae2cc02],.no-selection-state[data-v-7ae2cc02]{display:flex;align-items:center;justify-content:center}.icon-bg[data-v-7ae2cc02]{width:100px;height:100px;background:#f1f5f9;border-radius:50%;font-size:3rem;color:#cbd5e1;margin-bottom:20px}.state-msg[data-v-7ae2cc02]{padding:30px;text-align:center;color:#64748b}@media(max-width:768px){.inbox-page[data-v-7ae2cc02]{padding:10px;height:100vh}.header-section[data-v-7ae2cc02]{padding:15px;flex-direction:column;gap:15px;align-items:center}.header-content h2[data-v-7ae2cc02]{font-size:1.2rem}.stats-group[data-v-7ae2cc02]{width:100%;overflow-x:auto;padding-bottom:5px}.inbox-container[data-v-7ae2cc02]{flex-direction:column;overflow:hidden}.sidebar-list[data-v-7ae2cc02]{width:100%;height:100%;border-left:none}.content-area[data-v-7ae2cc02]{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:10}.inbox-container.mobile-detail-active .content-area[data-v-7ae2cc02]{transform:translate(0)}.back-btn-mobile[data-v-7ae2cc02]{display:flex;align-items:center;gap:5px;background:none;border:none;color:#0e3c2f;font-weight:700;font-family:inherit;font-size:1rem;cursor:pointer;padding:0}.desktop-text[data-v-7ae2cc02]{display:none}.action-btn[data-v-7ae2cc02]{padding:8px 10px}.msg-header[data-v-7ae2cc02]{flex-direction:column;gap:10px;padding:15px}.full-date[data-v-7ae2cc02]{font-size:.8rem;align-self:flex-start}.meta-info h3[data-v-7ae2cc02]{font-size:1.1rem}.big-avatar[data-v-7ae2cc02]{width:50px;height:50px;font-size:1.4rem}.msg-body-container[data-v-7ae2cc02]{padding:15px}.subject-line[data-v-7ae2cc02]{font-size:1.2rem}.text-content[data-v-7ae2cc02]{font-size:1rem}}[data-v-c52d1552]:root{--primary:#0e3c2f;--primary-dark:#07271e;--bg-page:#f8fafc;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0}body.modal-open[data-v-c52d1552]{overflow:hidden}.posts-page[data-v-c52d1552]{max-width:1200px;margin:0 auto;padding:20px;direction:rtl;min-height:100vh}.toast-container[data-v-c52d1552]{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:10px;width:90%;max-width:350px}.toast-message[data-v-c52d1552]{background:#fff;padding:12px 16px;border-radius:50px;box-shadow:0 4px 15px #00000026;display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600}.toast-message.success[data-v-c52d1552]{color:#059669}.toast-message.error[data-v-c52d1552]{color:#dc2626}.toast-anim-enter-active[data-v-c52d1552],.toast-anim-leave-active[data-v-c52d1552]{transition:all .3s ease}.toast-anim-enter[data-v-c52d1552],.toast-anim-leave-to[data-v-c52d1552]{opacity:0;transform:translateY(-20px)}.header-section[data-v-c52d1552]{background:var(--primary-color,#0e3c2f);color:#fff;padding:25px;border-radius:16px;margin-bottom:25px;box-shadow:0 10px 30px #0e3c2f26}.header-content[data-v-c52d1552]{display:flex;justify-content:space-between;align-items:center;gap:20px}.header-text h2[data-v-c52d1552]{margin:0 0 5px;font-size:1.5rem}.header-text p[data-v-c52d1552]{margin:0;opacity:.8;font-size:.9rem}.add-btn[data-v-c52d1552]{background:#fff;color:#0e3c2f;border:none;padding:12px 24px;border-radius:10px;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease}.add-btn[data-v-c52d1552]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.empty-state[data-v-c52d1552]{flex-direction:column;text-align:center;padding:40px 20px;background-color:#f9f9f9;border-radius:12px;border:1px dashed #d1d5db;margin:20px auto;max-width:500px}.empty-icon-bg[data-v-c52d1552],.empty-state[data-v-c52d1552]{display:flex;align-items:center;justify-content:center;transition:all .3s ease}.empty-icon-bg[data-v-c52d1552]{width:80px;height:80px;border-radius:50%;background-color:#e5e7eb;margin-bottom:20px;font-size:36px;color:#9ca3af}.empty-state h3[data-v-c52d1552]{font-size:1.6rem;font-weight:600;color:#374151;margin-bottom:10px}.empty-state p[data-v-c52d1552]{font-size:1rem;color:#6b7280;line-height:1.5}@media screen and (max-width:768px){.empty-state[data-v-c52d1552]{padding:30px 15px}.empty-icon-bg[data-v-c52d1552]{width:60px;height:60px;font-size:28px;margin-bottom:15px}.empty-state h3[data-v-c52d1552]{font-size:1.4rem}.empty-state p[data-v-c52d1552]{font-size:.95rem}}@media screen and (max-width:480px){.empty-state[data-v-c52d1552]{padding:25px 10px}.empty-icon-bg[data-v-c52d1552]{width:50px;height:50px;font-size:24px;margin-bottom:12px}.empty-state h3[data-v-c52d1552]{font-size:1.2rem}.empty-state p[data-v-c52d1552]{font-size:.9rem}}.filter-wrapper[data-v-c52d1552]{overflow-x:auto;margin-bottom:25px;padding-bottom:5px;scrollbar-width:none;-ms-overflow-style:none}.filter-wrapper[data-v-c52d1552]::-webkit-scrollbar{display:none}.filter-bar[data-v-c52d1552]{display:flex;gap:10px;white-space:nowrap}.filter-pill[data-v-c52d1552]{background:#fff;border:1px solid var(--border);padding:8px 18px;border-radius:20px;cursor:pointer;color:var(--text-muted);font-weight:600;font-size:.9rem;transition:.2s}.filter-pill.active[data-v-c52d1552]{background:#0e3c2f;color:#fff;border-color:var(--primary)}.posts-grid[data-v-c52d1552]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.post-card[data-v-c52d1552]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px #00000008;border:1px solid var(--border);transition:transform .2s;display:flex;flex-direction:column}.post-card[data-v-c52d1552]:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000000f}.card-media[data-v-c52d1552]{height:180px;position:relative;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.card-media img[data-v-c52d1552]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.text-placeholder[data-v-c52d1552]{font-size:2.5rem;color:#cbd5e1}.status-tag[data-v-c52d1552]{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 4px #0000001a}.status-tag.active[data-v-c52d1552]{background:#ffffffe6;color:#059669}.status-tag.inactive[data-v-c52d1552]{background:#ffffffe6;color:#64748b}.card-actions[data-v-c52d1552]{position:absolute;top:10px;right:10px;z-index:5;display:flex;gap:8px;opacity:0;transform:translateY(-5px);transition:.2s}.post-card:hover .card-actions[data-v-c52d1552]{opacity:1;transform:translateY(0)}.action-btn[data-v-c52d1552]{width:34px;height:34px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #00000026}.edit[data-v-c52d1552]{background:#fff;color:var(--primary)}.delete[data-v-c52d1552]{background:#ef4444;color:#fff}.card-body[data-v-c52d1552]{padding:16px;flex:1;display:flex;flex-direction:column}.card-body h3[data-v-c52d1552]{font-size:1.05rem;margin:0 0 8px;color:var(--text-main)}.card-body p[data-v-c52d1552]{font-size:.85rem;color:var(--text-muted);line-height:1.6;margin-bottom:15px;flex:1}.card-footer[data-v-c52d1552]{border-top:1px solid #f1f5f9;padding-top:10px;font-size:.8rem;color:#94a3b8}.skeleton-card[data-v-c52d1552]{height:320px;background:#e2e8f0;border-radius:16px;animation:pulse-c52d1552 1.5s infinite}@keyframes pulse-c52d1552{0%,to{opacity:.6}50%{opacity:1}}.modal-overlay[data-v-c52d1552]{position:fixed;inset:0;background:#00000080;z-index:999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-c52d1552]{background:#fff;width:500px;max-width:95%;border-radius:16px;display:flex;flex-direction:column;max-height:85vh;box-shadow:0 20px 40px #0003;animation:modalZoom-c52d1552 .3s ease}@keyframes modalZoom-c52d1552{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header[data-v-c52d1552]{padding:15px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-c52d1552]{margin:0;font-size:1.1rem}.close-btn[data-v-c52d1552]{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer}.modal-scrollable-body[data-v-c52d1552]{padding:20px;overflow-y:auto;flex:1}.modal-footer[data-v-c52d1552]{padding:15px 20px;border-top:1px solid var(--border);display:flex;gap:10px;background:#f8fafc;border-radius:0 0 16px 16px}.btn-save[data-v-c52d1552]{flex:2;background:#0e3c2f;border-radius:8px;border:none;font-weight:700;display:flex;justify-content:center;align-items:center;gap:8px}.btn-cancel[data-v-c52d1552],.btn-save[data-v-c52d1552]{color:#fff;padding:12px;cursor:pointer}.btn-cancel[data-v-c52d1552]{flex:1;background:#c6a664;border:1px solid var(--border);border-radius:8px;font-weight:600}.form-section[data-v-c52d1552]{margin-bottom:18px}.label-title[data-v-c52d1552]{display:block;font-weight:700;margin-bottom:8px;font-size:.9rem}.type-selector[data-v-c52d1552]{display:flex;background:#f1f5f9;padding:4px;border-radius:10px}.type-item[data-v-c52d1552]{flex:1;padding:8px;text-align:center;cursor:pointer;border-radius:8px;font-size:.9rem;color:var(--text-muted);transition:.2s;display:flex;align-items:center;justify-content:center;gap:6px}.type-item.active[data-v-c52d1552]{background:#fff;color:var(--primary);box-shadow:0 2px 4px #0000000d;font-weight:700}.image-uploader[data-v-c52d1552]{border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;text-align:center;transition:.2s;overflow:hidden;position:relative}.image-uploader[data-v-c52d1552]:hover{border-color:var(--primary);background:#f0fdf4}.image-uploader.has-img[data-v-c52d1552]{border:none}.upload-placeholder[data-v-c52d1552]{padding:30px 0;cursor:pointer}.icon-circle[data-v-c52d1552]{width:40px;height:40px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:var(--text-muted);font-size:1.2rem}.img-preview[data-v-c52d1552]{width:100%;height:200px;position:relative}.img-preview img[data-v-c52d1552]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#000}.preview-actions[data-v-c52d1552]{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:10px}.preview-actions button[data-v-c52d1552]{border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.change-img[data-v-c52d1552]{background:#fff;color:#333}.del-img[data-v-c52d1552]{background:#ef4444;color:#fff}.tabs[data-v-c52d1552]{display:flex;border-bottom:2px solid #f1f5f9;margin-bottom:15px}.tabs button[data-v-c52d1552]{flex:1;padding:10px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-weight:600;color:var(--text-muted);margin-bottom:-2px}.tabs button.active[data-v-c52d1552]{color:var(--primary);border-bottom-color:var(--primary)}.input-group[data-v-c52d1552]{margin-bottom:12px}.input-group label[data-v-c52d1552]{display:block;margin-bottom:5px;font-size:.85rem;font-weight:600}.input-group input[data-v-c52d1552],.input-group textarea[data-v-c52d1552]{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;background:#fff}.input-group input[data-v-c52d1552]:focus,.input-group textarea[data-v-c52d1552]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0e3c2f1a}.ltr[data-v-c52d1552]{direction:ltr;text-align:left}.switcher-box[data-v-c52d1552]{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:12px;border-radius:8px;border:1px solid var(--border)}.small-text[data-v-c52d1552]{font-size:.75rem;color:var(--text-muted);margin:2px 0 0}.switch[data-v-c52d1552]{position:relative;display:inline-block;width:46px;height:24px}.switch input[data-v-c52d1552]{opacity:0;width:0;height:0}.slider[data-v-c52d1552]{cursor:pointer;inset:0;background-color:#6e6d69;border-radius:24px}.slider[data-v-c52d1552],.slider[data-v-c52d1552]:before{position:absolute;transition:.4s}.slider[data-v-c52d1552]:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%}input:checked+.slider[data-v-c52d1552]{background-color:#22c55e}input:checked+.slider[data-v-c52d1552]:before{transform:translate(22px)}@media(max-width:768px){.posts-page[data-v-c52d1552]{padding:15px 10px}.header-content[data-v-c52d1552]{flex-direction:column;align-items:stretch;text-align:center;gap:15px}.add-btn[data-v-c52d1552]{justify-content:center;width:100%;background:#fff}.posts-grid[data-v-c52d1552]{grid-template-columns:1fr}.card-actions[data-v-c52d1552]{opacity:1;transform:translateY(0);background:#fffc;padding:4px;border-radius:20px}.modal-overlay[data-v-c52d1552]{align-items:flex-end}.modal-content[data-v-c52d1552]{width:100%;max-width:100%;height:85vh;border-radius:20px 20px 0 0;margin:0;animation:slideUp-c52d1552 .3s cubic-bezier(.16,1,.3,1)}.modal-footer[data-v-c52d1552]{padding-bottom:max(15px,env(safe-area-inset-bottom))}@keyframes slideUp-c52d1552{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.partners-page[data-v-cce9db2d]{padding:30px;direction:rtl;background-color:#f4f6f8;min-height:100vh}.header-section[data-v-cce9db2d]{background:var(--primary-color,#0e3c2f);color:#fff;padding:30px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;box-shadow:0 10px 20px #0e3c2f26}.header-text h2[data-v-cce9db2d]{margin:0 0 8px;font-weight:800;font-size:1.8rem}.header-text p[data-v-cce9db2d]{margin:0;opacity:.9;font-size:.95rem}.add-btn[data-v-cce9db2d]{background:#fff;color:#0e3c2f;border:none;padding:12px 24px;border-radius:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease}.add-btn[data-v-cce9db2d]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.partners-grid[data-v-cce9db2d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:25px}.partner-card[data-v-cce9db2d]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #0000000a;transition:transform .3s,box-shadow .3s;position:relative;border:1px solid #eee;display:flex;flex-direction:column}.partner-card[data-v-cce9db2d]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.logo-wrapper[data-v-cce9db2d]{height:160px;padding:20px;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid #f9f9f9}.logo-wrapper img[data-v-cce9db2d]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s}.partner-card:hover .logo-wrapper img[data-v-cce9db2d]{transform:scale(1.05)}.card-info[data-v-cce9db2d]{padding:20px;text-align:center;background:#fafafa;flex-grow:1}.name-ar[data-v-cce9db2d]{margin:0 0 5px;color:#333;font-size:1.2rem;font-weight:700}.name-en[data-v-cce9db2d]{margin:0 0 15px;color:#888;font-size:.95rem;font-weight:500;letter-spacing:.5px}.website-link[data-v-cce9db2d]{display:inline-block;font-size:.85rem;color:#0e3c2f;text-decoration:none;border:1px solid #0e3c2f;padding:5px 15px;border-radius:20px;transition:all .2s}.website-link[data-v-cce9db2d]:hover{background:#0e3c2f;color:#fff}.card-overlay[data-v-cce9db2d]{position:absolute;top:10px;right:10px;display:flex;gap:8px;opacity:0;transition:opacity .2s;z-index:2}.partner-card:hover .card-overlay[data-v-cce9db2d]{opacity:1}.action-btn[data-v-cce9db2d]{width:32px;height:32px;border-radius:50%;border:none;display:grid;place-items:center;cursor:pointer;color:#fff;box-shadow:0 2px 5px #0003}.action-btn.edit[data-v-cce9db2d]{background:#3498db}.action-btn.delete[data-v-cce9db2d]{background:#e74c3c}.skeleton-card[data-v-cce9db2d]{pointer-events:none;border:1px solid #eee}.skeleton-image[data-v-cce9db2d]{height:160px;background:#eee;position:relative;overflow:hidden}.skeleton-content[data-v-cce9db2d]{padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.skeleton-line[data-v-cce9db2d]{height:12px;background:#eee;border-radius:4px;position:relative;overflow:hidden}.skeleton-line.title[data-v-cce9db2d]{width:60%;height:18px;margin-bottom:5px}.skeleton-line.subtitle[data-v-cce9db2d]{width:40%}.skeleton-line.button[data-v-cce9db2d]{width:50%;height:30px;border-radius:15px;margin-top:10px}.skeleton-image[data-v-cce9db2d]:after,.skeleton-line[data-v-cce9db2d]:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0,#fff6 20%,#ffffffb3 60%,#fff0);animation:shimmer-cce9db2d 1.5s infinite}@keyframes shimmer-cce9db2d{to{transform:translate(100%)}}.error-state[data-v-cce9db2d]{text-align:center;padding:40px;background:#fff0f0;border-radius:12px;color:#d32f2f;border:1px solid #ffcdd2}.error-state i[data-v-cce9db2d]{font-size:3rem;margin-bottom:15px;opacity:.5}.retry-btn[data-v-cce9db2d]{margin-top:15px;padding:8px 20px;background:#d32f2f;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700}.empty-state[data-v-cce9db2d]{text-align:center;padding:50px 20px;color:#999;grid-column:1/-1}.empty-icon[data-v-cce9db2d]{font-size:4rem;margin-bottom:20px;opacity:.5}.fade-enter-active[data-v-cce9db2d],.fade-leave-active[data-v-cce9db2d]{transition:opacity .5s}.fade-enter[data-v-cce9db2d],.fade-leave-to[data-v-cce9db2d]{opacity:0}.modal-enter-active[data-v-cce9db2d],.modal-leave-active[data-v-cce9db2d]{transition:opacity .3s}.modal-enter[data-v-cce9db2d],.modal-leave-to[data-v-cce9db2d]{opacity:0}.modal-enter .modal-content[data-v-cce9db2d],.modal-leave-to .modal-content[data-v-cce9db2d]{transform:translateY(-20px)}.modal-overlay[data-v-cce9db2d]{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content[data-v-cce9db2d]{background:#fff;padding:30px;border-radius:12px;width:500px;max-width:90%;box-shadow:0 15px 30px #0003;transition:transform .3s}.modal-header[data-v-cce9db2d]{display:flex;justify-content:space-between;margin-bottom:25px;align-items:center}.close-btn[data-v-cce9db2d]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999}.form-group[data-v-cce9db2d]{margin-bottom:15px}.form-group label[data-v-cce9db2d]{display:block;margin-bottom:6px;font-weight:700;color:#555;font-size:.9rem}.form-group input[data-v-cce9db2d]:not([type=file]){width:100%;padding:10px;border:1px solid #ddd;border-radius:6px}.file-upload-container[data-v-cce9db2d]{border:2px dashed #ddd;padding:15px;border-radius:8px;text-align:center;transition:border-color .3s}.file-upload-container[data-v-cce9db2d]:hover{border-color:#0e3c2f}.file-input[data-v-cce9db2d]{display:none}.upload-preview[data-v-cce9db2d]{cursor:pointer;min-height:120px;display:flex;align-items:center;justify-content:center}.upload-preview img[data-v-cce9db2d]{max-width:100%;max-height:150px;border-radius:4px}.upload-placeholder[data-v-cce9db2d]{display:flex;flex-direction:column;align-items:center;color:#999;gap:10px}.upload-placeholder i[data-v-cce9db2d]{font-size:2rem}.remove-img-btn[data-v-cce9db2d]{margin-top:10px;background:#ffebeb;color:#e74c3c;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.row-inputs[data-v-cce9db2d]{display:flex;gap:15px}.row-inputs .form-group[data-v-cce9db2d]{flex:1}.ltr-input input[data-v-cce9db2d]{direction:ltr;text-align:left}.modal-actions[data-v-cce9db2d]{margin-top:25px;display:flex;justify-content:flex-end;gap:10px}.save-btn[data-v-cce9db2d]{background:#0e3c2f;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;min-width:120px}.save-btn[data-v-cce9db2d]:disabled{background:#6b8c84;cursor:not-allowed}.cancel-btn[data-v-cce9db2d]{background:#eee;color:#333;padding:10px 20px;border:none;border-radius:6px;cursor:pointer}@media(max-width:600px){.row-inputs[data-v-cce9db2d]{flex-direction:column;gap:0}.header-section[data-v-cce9db2d]{flex-direction:column;text-align:center;gap:15px}.add-btn[data-v-cce9db2d]{width:100%;justify-content:center}}.fade-in[data-v-cfafbf88]{animation:fadeIn-cfafbf88 .3s ease-in}@keyframes fadeIn-cfafbf88{0%{opacity:0}to{opacity:1}}[data-v-cfafbf88]{box-sizing:border-box}.settings-page[data-v-cfafbf88]{padding:30px;direction:rtl;background-color:#f4f6f8;min-height:100vh;font-family:Tajawal,sans-serif}.header-section[data-v-cfafbf88]{background:var(--primary-color,#0e3c2f);color:#fff;padding:30px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;box-shadow:0 10px 20px #0e3c2f26}.header-text h2[data-v-cfafbf88]{margin:0 0 8px;font-weight:800;font-size:1.8rem}.header-text p[data-v-cfafbf88]{margin:0;opacity:.9;font-size:.95rem}.save-btn-main[data-v-cfafbf88]{background:#fff;color:#0e3c2f;border:none;padding:12px 24px;border-radius:10px;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease}.save-btn-main[data-v-cfafbf88]:hover{background:#0dac7f;transform:translateY(-2px);box-shadow:0 4px 12px #0e3c2f26}.save-btn-main[data-v-cfafbf88]:disabled{opacity:.7;cursor:not-allowed;transform:none}.settings-wrapper[data-v-cfafbf88]{display:flex;gap:30px;align-items:flex-start}.settings-nav[data-v-cfafbf88]{width:260px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a;flex-shrink:0;display:flex;flex-direction:column}.nav-item[data-v-cfafbf88]{padding:16px 20px;cursor:pointer;color:#555;border-left:4px solid transparent;border-bottom:1px solid #f9f9f9;display:flex;align-items:center;gap:12px;transition:all .2s ease;font-weight:500}.nav-item[data-v-cfafbf88]:hover{background:#f8f9fa;color:#0e3c2f}.nav-item.active[data-v-cfafbf88]{background:#eefcf6;color:#0e3c2f;border-right:4px solid #0e3c2f;border-left:none}.nav-item i[data-v-cfafbf88]{width:24px;text-align:center;font-size:1.1rem}.settings-content[data-v-cfafbf88]{flex-grow:1;background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000000a;width:100%;min-width:0}.panel-title[data-v-cfafbf88]{margin-top:0;margin-bottom:25px;color:#2c3e50;font-size:1.2rem;border-bottom:2px solid #f1f1f1;padding-bottom:12px}.logo-section[data-v-cfafbf88]{display:flex;align-items:center;gap:25px;margin-bottom:35px}.logo-preview[data-v-cfafbf88]{width:110px;height:110px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #eee;overflow:hidden;position:relative;background:#fafafa}.logo-preview img[data-v-cfafbf88]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.upload-overlay[data-v-cfafbf88]{position:absolute;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;color:#fff;opacity:0;cursor:pointer;transition:.2s;font-size:1.5rem}.logo-preview:hover .upload-overlay[data-v-cfafbf88]{opacity:1}.mobile-upload-btn[data-v-cfafbf88]{display:none}.logo-info h4[data-v-cfafbf88]{margin:0 0 8px;color:#333}.logo-info p[data-v-cfafbf88]{margin:0;color:#888;font-size:.85rem;line-height:1.4}.form-grid[data-v-cfafbf88]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.social-grid[data-v-cfafbf88]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.full-width[data-v-cfafbf88]{grid-column:1/-1;width:100%}.form-group[data-v-cfafbf88]{margin-bottom:0;display:flex;flex-direction:column}.form-group label[data-v-cfafbf88]{margin-bottom:8px;font-weight:600;color:#444;font-size:.9rem}.form-group input[data-v-cfafbf88],.form-group textarea[data-v-cfafbf88]{width:100%;padding:12px 15px;border:1px solid #e0e0e0;border-radius:8px;font-size:.95rem;background:#fff;transition:border-color .3s,box-shadow .3s}.form-group input[data-v-cfafbf88]:focus,.form-group textarea[data-v-cfafbf88]:focus{outline:none;border-color:#0e3c2f;box-shadow:0 0 0 3px #0e3c2f1a}.ltr input[data-v-cfafbf88]{direction:ltr;text-align:left}.input-icon[data-v-cfafbf88],.social-input-group[data-v-cfafbf88]{display:flex}.input-icon[data-v-cfafbf88]{width:45px;align-items:center;justify-content:center;border:1px solid #e0e0e0;border-left:none;border-top-right-radius:8px;border-bottom-right-radius:8px;background:#f8f9fa;color:#666;font-size:1.1rem}.input-icon.facebook[data-v-cfafbf88]{color:#1877f2;background:#e7f5ff}.input-icon.instagram[data-v-cfafbf88]{color:#c32aa3;background:#fcecef}.input-icon.twitter[data-v-cfafbf88]{color:#000;background:#f0f0f0}.input-icon.whatsapp[data-v-cfafbf88]{color:#25d366;background:#e8f5e9}.social-input-group input[data-v-cfafbf88]{border-top-right-radius:0;border-bottom-right-radius:0}.alert-box[data-v-cfafbf88]{background:#fff8e1;color:#b76e00;padding:15px;border-radius:8px;margin-bottom:25px;border:1px solid #ffe69c;display:flex;gap:15px;align-items:center;font-size:.9rem}.password-btn[data-v-cfafbf88]{background:#d32f2f;color:#fff;border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-weight:600;transition:.3s}.password-btn[data-v-cfafbf88]:hover{background:#b71c1c}.security-form .form-group[data-v-cfafbf88]{margin-bottom:20px;max-width:400px}.maintenance-card[data-v-cfafbf88]{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:25px;border-radius:12px;border:1px solid #eee;box-shadow:0 2px 5px #00000005;gap:20px}.m-info h4[data-v-cfafbf88]{margin:0 0 6px;color:#c62828}.m-info p[data-v-cfafbf88]{margin:0;font-size:.9rem;color:#777}.toggle-switch[data-v-cfafbf88]{position:relative;width:55px;height:28px;flex-shrink:0}.toggle-switch input[data-v-cfafbf88]{opacity:0;width:0;height:0}.toggle-switch label[data-v-cfafbf88]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:34px;transition:.3s}.toggle-switch label[data-v-cfafbf88]:before{position:absolute;content:"";height:22px;width:22px;right:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+label[data-v-cfafbf88]{background-color:#0e3c2f}.toggle-switch input:checked+label[data-v-cfafbf88]:before{transform:translate(-27px)}.mt-20[data-v-cfafbf88]{margin-top:20px}.divider[data-v-cfafbf88]{border:0;border-top:1px solid #eee;margin:30px 0}.fade-in[data-v-cfafbf88]{animation:fadeIn-cfafbf88 .3s ease-in-out}@keyframes fadeIn-cfafbf88{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:992px){.settings-wrapper[data-v-cfafbf88]{flex-direction:column;gap:20px}.settings-nav[data-v-cfafbf88]{width:100%;flex-direction:row;overflow-x:auto;white-space:nowrap;border-radius:8px;scrollbar-width:none;-ms-overflow-style:none}.settings-nav[data-v-cfafbf88]::-webkit-scrollbar{display:none}.nav-item[data-v-cfafbf88]{flex:0 0 auto;border-bottom:3px solid transparent;border-left:none;border-right:none;justify-content:center;padding:15px 20px}.nav-item.active[data-v-cfafbf88]{background:transparent;color:#0e3c2f;border-bottom-color:#0e3c2f;border-right:none}}@media(max-width:768px){.settings-page[data-v-cfafbf88]{padding:15px}.header-section[data-v-cfafbf88]{flex-direction:column;align-items:stretch;gap:15px}.header-content[data-v-cfafbf88]{text-align:center}.save-btn-main[data-v-cfafbf88]{justify-content:center;width:100%}.settings-content[data-v-cfafbf88]{padding:20px}.logo-section[data-v-cfafbf88]{flex-direction:column;text-align:center;gap:15px}.mobile-upload-btn[data-v-cfafbf88]{display:inline-block;margin-top:10px;padding:6px 12px;background:#f1f1f1;border-radius:4px;font-size:.8rem;cursor:pointer}.upload-overlay[data-v-cfafbf88]{display:none}.maintenance-card[data-v-cfafbf88]{flex-direction:column;text-align:center}.security-form .form-group[data-v-cfafbf88]{max-width:100%}.password-btn[data-v-cfafbf88]{width:100%}.input-icon[data-v-cfafbf88]{width:40px}}@media(max-width:768px){.sidebar[data-v-bee54ecc]{z-index:100}.sidebar-overlay[data-v-bee54ecc]{display:block;z-index:99}}[data-v-bee54ecc]:root{--primary-color:#0e3c2f;--accent-color:#c6a664;--bg-color:#f4f6f9;--text-color:#333;--sidebar-width:260px;--sidebar-collapsed-width:70px;--header-height:70px}[data-v-bee54ecc]{box-sizing:border-box;margin:0;padding:0}.dashboard-container[data-v-bee54ecc]{display:flex;height:100vh;width:100vw;background-color:#f4f6f9;overflow:hidden;direction:rtl;font-family:Tajawal,sans-serif}.sidebar[data-v-bee54ecc]{width:260px;background:#0e3c2f;color:#fff;display:flex;flex-direction:column;transition:width .3s ease,transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;flex-shrink:0;white-space:nowrap}.sidebar-header[data-v-bee54ecc]{height:70px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid hsla(0,0%,100%,.1);position:relative}.sidebar-header h2[data-v-bee54ecc]{color:#c6a664;font-size:20px;margin:0}.mobile-close-btn[data-v-bee54ecc]{display:none}.sidebar-nav[data-v-bee54ecc]{flex:1;padding:20px 10px;overflow-y:auto}.nav-item[data-v-bee54ecc]{width:100%;background:transparent;border:none;color:#ddd;padding:12px 10px;display:flex;align-items:center;cursor:pointer;border-radius:8px;transition:all .2s ease;font-size:16px;margin-bottom:8px;text-align:right;overflow:hidden}.icon-box[data-v-bee54ecc]{width:30px;display:flex;justify-content:center;flex-shrink:0}.nav-label[data-v-bee54ecc]{margin-right:10px;transition:opacity .2s}.nav-item[data-v-bee54ecc]:hover{background:#ffffff0d;color:#fff}.nav-item.active[data-v-bee54ecc]{background:#c6a664;color:#0e3c2f;font-weight:700}.sidebar-footer[data-v-bee54ecc]{padding:20px;border-top:1px solid hsla(0,0%,100%,.1)}.sidebar.collapsed[data-v-bee54ecc]{width:70px}.sidebar.collapsed .nav-label[data-v-bee54ecc],.sidebar.collapsed .sidebar-header h2[data-v-bee54ecc]{opacity:0;width:0;display:none}.sidebar.collapsed .nav-item[data-v-bee54ecc]{justify-content:center;padding:12px 0}.sidebar.collapsed .icon-box[data-v-bee54ecc]{margin:0}.main-content[data-v-bee54ecc]{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.top-navbar[data-v-bee54ecc]{height:70px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 2px 15px #0000000a;z-index:900;flex-shrink:0}.toggle-btn[data-v-bee54ecc]{background:transparent;border:none;font-size:20px;color:#0e3c2f;cursor:pointer;padding:5px}.page-title[data-v-bee54ecc]{margin-right:15px;font-weight:700;color:#0e3c2f;border-right:3px solid #c6a664;padding-right:10px}.user-profile[data-v-bee54ecc]{display:flex;align-items:center;gap:12px}.user-text[data-v-bee54ecc]{text-align:left}.user-name[data-v-bee54ecc]{display:block;font-weight:700;font-size:14px;color:#0e3c2f}.user-role[data-v-bee54ecc]{display:block;font-size:12px;color:#888;margin-top:2px}.user-avatar[data-v-bee54ecc]{width:40px;height:40px;border-radius:50%;border:2px solid #c6a664;-o-object-fit:cover;object-fit:cover}.page-view[data-v-bee54ecc]{flex:1;overflow-y:auto;padding:20px;scroll-behavior:smooth}.cards-grid[data-v-bee54ecc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:20px 0}.card[data-v-bee54ecc]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000000d;text-align:center}@media(max-width:768px){.sidebar[data-v-bee54ecc]{position:fixed;top:0;right:0;height:100%;width:260px!important;transform:translate(100%);box-shadow:none;z-index:1060}.sidebar.mobile-open[data-v-bee54ecc]{transform:translate(0);box-shadow:-5px 0 20px #0003}.mobile-close-btn[data-v-bee54ecc]{display:block;background:transparent;border:none;color:#fff;font-size:20px;position:absolute;left:20px;cursor:pointer}.sidebar-overlay[data-v-bee54ecc]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.user-text[data-v-bee54ecc]{display:none}.page-title[data-v-bee54ecc]{font-size:15px}.page-view[data-v-bee54ecc]{padding:15px}}.fade-enter-active[data-v-bee54ecc],.fade-leave-active[data-v-bee54ecc]{transition:opacity .3s}.fade-enter[data-v-bee54ecc],.fade-leave-to[data-v-bee54ecc]{opacity:0}
