html,body{margin:0;padding:0!important;height:100%;overflow:hidden;background:#fff!important}.nav{display:none!important}.admin-container{min-height:100vh;background:#faf8fc;position:relative;height:100vh;width:100%;margin:0;padding:0;overflow:hidden}.admin-content{max-width:none;margin:0;padding:0;display:flex;gap:0;width:100%;flex:1;height:100%}.admin-sidebar{width:285px;background:linear-gradient(180deg,#1a1024,#24163a);padding:1.5rem 1rem;height:100vh;position:fixed;left:0;top:0;box-shadow:10px 0 30px #0000001a;z-index:1000;color:#ffffffeb;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.admin-sidebar::-webkit-scrollbar{width:4px}.admin-sidebar::-webkit-scrollbar-track{background:transparent}.admin-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar-logo{padding:0 1rem 2rem;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.sidebar-section-title{font-size:.7rem;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:1.5px;margin:2rem 1rem .75rem}.sidebar-item{display:flex;align-items:center;gap:12px;padding:.85rem 1.25rem;margin:.2rem .5rem;border-radius:12px;color:#ffffffb3;text-decoration:none;transition:all .3s ease;cursor:pointer;font-weight:500;font-size:.92rem}.sidebar-item:hover{background:#ffffff0d;color:#fff}.sidebar-item.active{background:linear-gradient(90deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 15px #7c3aed4d}.sidebar-item svg{width:20px;height:20px;opacity:.7;transition:opacity .3s}.sidebar-item.active svg{opacity:1}.admin-main{position:fixed;inset:72px 0 0 285px;height:calc(100vh - 72px);background:#fdfcff;display:flex;flex-direction:column;overflow:hidden;z-index:10;margin:0!important;padding:0!important;width:calc(100% - 285px)!important}.admin-header{height:80px;background:#ffffffd9;backdrop-filter:blur(12px);border-bottom:1px solid #f0f0f5;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;position:sticky;top:0;z-index:500;flex-shrink:0}.admin-content-scroll{flex:1;overflow-y:auto;padding:1.5rem;background:#fdfcff;width:100%;box-sizing:border-box}.calendar-day{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.75rem;color:#8b7ba8;cursor:pointer;transition:all .2s ease;border:1px solid transparent;background:#f0ece8}.calendar-day:hover{background:#7c3aed33}.calendar-day.active{background:#7c3aed;color:#fff;font-weight:600}.sidebar-section{margin-bottom:1.25rem;padding:0 .5rem}.sidebar-section-title{color:#85729a;font-size:.72rem;font-weight:700;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;letter-spacing:.6px;text-transform:uppercase;opacity:.9}.sidebar-section-list{display:flex;flex-direction:column;gap:.25rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.6rem;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#ffffffeb;transition:background .12s ease,color .12s ease;font-size:.95rem;position:relative}.sidebar-item:hover{background:#ffffff08;color:#fff}.sidebar-item.active{background:#7c3aed0f;color:#fff;font-weight:700}.sidebar-item.active:before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:4px;border-radius:4px;background:linear-gradient(180deg,#7c3aed,#a855f7)}.sidebar-item-color{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.08);box-shadow:0 1px #0003 inset}.admin-sidebar svg path,.admin-sidebar svg circle,.admin-sidebar svg rect{fill:#ffffffeb!important;stroke:#ffffff0f!important}#profileInitial{display:inline-block;font-weight:700;color:#fff}#profileAvatarImage,#profileDropdownAvatarImage{width:100%;height:100%;object-fit:cover;border-radius:50%;display:none}#profileButton.has-image{background:transparent!important;overflow:visible}.pd-avatar.has-image{background:transparent;overflow:hidden}.sidebar-nav{display:flex;flex-direction:column}.admin-header{position:fixed;top:0;left:285px;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;box-sizing:border-box;z-index:1200;background:#fffffff2;border-bottom:1px solid rgba(0,0,0,.04);backdrop-filter:blur(10px);margin:0!important;width:calc(100% - 285px)!important}#profileSection{position:relative;margin-left:auto;display:flex;align-items:center;gap:1rem}.admin-header h1{margin:0;padding:0}.profile-dropdown{position:absolute;right:0;top:calc(100% + 12px);background:#fff;color:#222;min-width:280px;border-radius:16px;box-shadow:0 10px 30px #00000026;padding:0;z-index:1300;overflow:hidden;display:none!important;border:1px solid rgba(0,0,0,.05)}.profile-dropdown.show{display:block!important}.pd-header{padding:16px;display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid #e5e7eb}.pd-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.2rem;flex-shrink:0;position:relative}.pd-avatar:after{content:"";position:absolute;bottom:0;right:0;width:14px;height:14px;background:#10b981;border:3px solid white;border-radius:50%}.pd-info h4{margin:0;font-size:.95rem;font-weight:600;color:#222}.pd-info p{margin:0;font-size:.85rem;color:#9ca3af}.pd-menu{padding:8px 0}.pd-item{width:100%;background:transparent;border:none;padding:12px 16px;text-align:left;cursor:pointer;font-size:.95rem;color:#222;transition:background .15s ease;display:flex;align-items:center;justify-content:space-between;gap:8px}.pd-item:hover{background:#f3f0ff}.pd-item-label{display:flex;align-items:center;gap:10px;flex:1}.pd-icon{width:20px;text-align:center;font-size:1rem}.pd-shortcut{font-size:.8rem;color:#b3b8c4;white-space:nowrap}.pd-divider{height:1px;background:#e5e7eb;margin:8px 0}.admin-main .tab-content>div{width:100%!important;box-sizing:border-box}.gallery-tabs-nav{display:flex;gap:.5rem;background:#f3f0ff;padding:.5rem;border-radius:16px;margin-bottom:2rem;overflow-x:auto;scrollbar-width:none}.gallery-tab-btn{padding:.75rem 1.25rem;border-radius:12px;border:none;background:transparent;color:#6d28d9;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s ease}.gallery-tab-btn.active{background:#fff;color:#7c3aed;box-shadow:0 4px 12px #7c3aed1a}.upload-section{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 10px 40px #00000008;border:1px solid #f0f0f5}.upload-section h2{color:#2c1f4c;margin-top:0;font-size:1.5rem;font-weight:600}.upload-section h3{color:#2c1f4c;font-size:1.1rem;font-weight:600;margin-top:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group label{font-weight:600;color:#2c1f4c;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{padding:.8rem;border:1px solid #ddd4e8;border-radius:8px;background:#faf8fc;color:#111;font-family:inherit;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.form-group textarea{resize:vertical;min-height:120px}.programs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.programs-list>div{background:#fff;border:1px solid #e8dff5;border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;height:100%;min-height:250px}.programs-list>div:hover{border-color:#7c3aed;box-shadow:0 4px 16px #7c3aed1f;transform:translateY(-2px)}.flex-between{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:1.5rem}.admin-btn{padding:.75rem 1.5rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem}.btn-primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 4px 12px #7c3aed33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed4d;background:linear-gradient(135deg,#6d28d9,#9333ea)}.data-table{color:#2c1f4c;width:100%;border-collapse:collapse}.data-table thead{background:#f0e6ff}.data-table th{color:#2c1f4c;padding:1rem;text-align:left;font-weight:600;border-bottom:2px solid #e8dff5}.data-table td{color:#555;border-color:#e8dff5;padding:.75rem 1rem;border-bottom:1px solid #e8dff5}.data-table tr:hover{background:#f9f7ff}.program-card{background:#fff;border:1px solid #e8dff5;border-radius:12px;padding:1.5rem;position:relative;transition:all .3s ease}.program-card:hover{border-color:#7c3aed;box-shadow:0 4px 16px #7c3aed1f}.program-card h3{color:#7c3aed;margin-bottom:.5rem;font-size:1.1rem}.program-card p{color:#7d6b8f;font-size:.9rem;margin-bottom:1rem}.program-actions{display:flex;gap:.5rem}.program-actions button{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.edit-btn{background:#7b68ee;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease}.edit-btn:hover{background:#9a7fd0;transform:translateY(-2px)}.primary-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.95rem}.primary-btn:active{transform:translateY(0)}.edit-btn{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.edit-btn:hover{background:#2563eb;transform:translateY(-2px)}.delete-btn{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.delete-btn:hover{background:#dc2626;transform:translateY(-2px)}.gallery-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-top:1.5rem}.preview-item{position:relative;width:200px;height:200px;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background:#f5f3ff;border:1px solid #e8dff5;transition:all .3s ease}.preview-item:hover{box-shadow:0 4px 16px #7c3aed33;transform:translateY(-4px);border-color:#7c3aed}.preview-item img{width:100%;height:100%;object-fit:cover;display:block}.preview-item .delete-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.2rem;opacity:0;transition:all .3s ease}.preview-item:hover .delete-btn{opacity:1}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:2000;align-items:center;justify-content:center}.modal-content{background:#faf8fc;border:1px solid #ddd4e8;border-radius:12px;max-width:500px;width:90%;box-shadow:0 10px 40px #7c3aed26}.modal-header{border-bottom:1px solid #e8dff5;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.modal-header h2{color:#2c1f4c;margin:0;font-size:1.3rem;font-weight:600}.close-btn{background:none;border:none;color:#7d6b8f;font-size:1.5rem;cursor:pointer;transition:all .3s ease}.close-btn:hover{color:#2c1f4c}.modal.active{display:flex}.success-message{background:#d1fae5;border-left:4px solid #10b981;color:#047857;padding:1rem;border-radius:6px;margin-bottom:1rem;display:none;font-weight:500}.success-message.show{display:block;animation:slideDown .3s ease}.error-message{background:#fee2e2;border-left:4px solid #ef4444;color:#991b1b;padding:1rem;border-radius:6px;margin-bottom:1rem;display:none;font-weight:500}.error-message.show{display:block;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.primary-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed4d}.secondary-btn{background:#f5f5f7;color:#7c3aed;border:1px solid #7c3aed;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease}.secondary-btn:hover{background:#7c3aed;color:#fff}.button-group{display:flex;gap:1.5rem;margin-top:2rem;flex-wrap:wrap}.button-group button{flex:1;min-width:150px}.list-item{display:flex;gap:.5rem;padding:.5rem 0}.list-item input{flex:1}.list-item button{background:#dc2626;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer}.add-list-btn{background:var(--brand-blue);color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;cursor:pointer;margin-top:.5rem}@media(max-width:1024px){.admin-content{flex-direction:column}.admin-sidebar{width:100%;position:static;display:flex}.sidebar-nav{flex-direction:row;overflow-x:auto;width:100%}.sidebar-nav button{border-left:none;border-bottom:3px solid transparent;padding:1rem 1.5rem}.sidebar-nav button.active{border-left:none;border-bottom-color:var(--brand-blue);background:#2a417514}}