.navbar{background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 4px 6px #0000001a}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo h2{color:#fff;font-size:1.8rem;cursor:pointer;transition:transform .3s ease}.nav-logo h2:hover{transform:scale(1.05)}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{color:#fff;background:none;border:none;padding:.5rem 1rem;cursor:pointer;font-size:1.1rem;transition:all .3s ease;border-bottom:2px solid transparent}.nav-link:hover{opacity:.8;border-bottom-color:#fff}.nav-link.active{border-bottom-color:#fff;font-weight:700}.admin-link{background:rgba(222,193,255,.15);border-radius:6px;padding:.5rem 1rem;border-bottom:none;transition:all .3s ease;color:#dec1ff}.admin-link:hover{background:rgba(222,193,255,.25);border-bottom-color:transparent}.admin-link.active{background:rgba(222,193,255,.35);border-bottom-color:transparent;color:#dec1ff}@media (max-width: 768px){.nav-menu{gap:1rem}.nav-link{font-size:.9rem;padding:.5rem .75rem}.nav-logo h2{font-size:1.3rem}}.projects-view-section{padding:60px 40px;min-height:calc(100vh - 80px);background:linear-gradient(135deg,rgba(83,162,190,.1) 0%,rgba(10,34,57,.1) 100%)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;max-width:1400px;margin:0 auto}.project-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-8px);border-color:#dec1ff;box-shadow:0 20px 40px #53a2be4d;background:rgba(222,193,255,.05)}.project-image{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#53A2BE 0%,#0A2239 100%)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:25px;display:flex;flex-direction:column;flex:1}.project-content h3{margin:0 0 12px;font-size:1.3rem;color:#fff;font-weight:600}.project-content p{flex:1;color:#ffffffb3;margin:0 0 15px;font-size:.95rem;line-height:1.6}.project-actions{display:flex;gap:10px}.btn-link{background:linear-gradient(135deg,#53A2BE 0%,#0A2239 100%);color:#dec1ff;border:2px solid #DEC1FF;padding:10px 20px;border-radius:6px;text-decoration:none;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;display:inline-block}.btn-link:hover{transform:scale(1.05);box-shadow:0 10px 25px #53a2be66}@media (max-width: 768px){.projects-view-section{padding:40px 20px}.view-header h2{font-size:2rem}.projects-grid{grid-template-columns:1fr;gap:20px}}.photography-view-section{padding:60px 40px;min-height:calc(100vh - 80px);background:linear-gradient(135deg,rgba(82,5,10,.1) 0%,rgba(131,33,97,.1) 100%)}.view-header{text-align:center;margin-bottom:50px}.view-header h2{font-size:2.5rem;color:#fff;margin-bottom:10px;font-weight:700;letter-spacing:.5px}.view-header p{font-size:1.1rem;color:#ffffffb3;margin:0}.label-filters{display:flex;justify-content:center;gap:12px;margin-bottom:50px;flex-wrap:wrap;max-width:1400px;margin-left:auto;margin-right:auto}.label-tab{background:rgba(222,193,255,.1);color:#fffc;border:2px solid rgba(222,193,255,.3);padding:10px 24px;border-radius:20px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;text-transform:capitalize}.label-tab:hover{background:rgba(222,193,255,.2);border-color:#dec1ff99;color:#dec1ff}.label-tab.active{background:linear-gradient(135deg,#52050A 0%,#832161 100%);color:#dec1ff;border-color:#dec1ff;box-shadow:0 8px 20px #8321614d}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;max-width:1400px;margin:0 auto}.gallery-item{position:relative;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.gallery-item:hover{border-color:#dec1ff;box-shadow:0 15px 35px #8321614d}.gallery-image{position:relative;width:100%;height:100%;overflow:hidden}.gallery-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.gallery-item:hover .gallery-image img{transform:scale(1.1) translate(0)}.gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay h3{color:#fff;margin:0 0 8px;font-size:1.2rem;font-weight:600}.gallery-overlay p{color:#fffc;margin:0 0 10px;font-size:.9rem;line-height:1.4}.category-tag{display:inline-block;background:linear-gradient(135deg,#52050A 0%,#832161 100%);color:#dec1ff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize;width:fit-content}.overlay-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.label-tag{display:inline-block;background:rgba(83,162,190,.3);color:#dec1ff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500;font-style:italic;width:fit-content;border:1px solid rgba(83,162,190,.5)}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#ffffff80}.empty-state p{font-size:1.2rem;margin:0}@media (max-width: 768px){.photography-view-section{padding:40px 20px}.view-header h2{font-size:2rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}}.admin-auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-auth-modal{background:linear-gradient(135deg,rgba(20,20,40,.95) 0%,rgba(30,10,40,.95) 100%);border-radius:12px;padding:2rem;width:90%;max-width:400px;box-shadow:0 20px 60px #00000080;border:2px solid #DEC1FF}.auth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.auth-header h2{color:#fff;margin:0;font-size:1.5rem;flex:1}.btn-exit-auth{background:rgba(255,255,255,.2);color:#fff;border:none;width:32px;height:32px;border-radius:6px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.btn-exit-auth:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.admin-auth-modal h2{color:#fff;margin:0 0 .5rem;font-size:1.5rem;text-align:center}.admin-auth-modal p{color:#fffc;text-align:center;margin-bottom:1.5rem;font-size:.95rem}.admin-auth-modal form{display:flex;flex-direction:column;gap:1rem}.admin-auth-modal input{padding:.75rem;border:2px solid rgba(255,255,255,.3);border-radius:6px;background:rgba(255,255,255,.1);color:#fff;font-size:1rem;transition:all .3s ease}.admin-auth-modal input:focus{outline:none;background:rgba(222,193,255,.15);border-color:#dec1ff}.admin-auth-modal input::placeholder{color:#ffffff80}.admin-auth-modal input:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#ff3b30;font-size:.9rem;padding:.5rem;background:rgba(255,59,48,.1);border-radius:4px;border-left:3px solid #ff3b30}.admin-auth-modal button{padding:.75rem;background:linear-gradient(135deg,#DEC1FF 0%,#c9a6ff 100%);color:#1a1a2e;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.admin-auth-modal button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #0003}.admin-auth-modal button:disabled{opacity:.7;cursor:not-allowed}.admin-dashboard-section{padding:60px 40px;min-height:calc(100vh - 80px);background:linear-gradient(135deg,rgba(20,20,40,.8) 0%,rgba(30,20,50,.8) 100%)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.header-title h2{font-size:2.5rem;color:#fff;margin:0 0 5px;font-weight:700}.header-title p{color:#ffffffb3;margin:0;font-size:1rem}.btn-logout-admin{background:rgba(255,67,67,.15);color:#ff6b6b;border:1px solid rgba(255,67,67,.3);padding:12px 24px;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-logout-admin:hover{background:rgba(255,67,67,.25);border-color:#ff434380}.admin-tabs{display:flex;gap:15px;margin-bottom:40px;border-bottom:2px solid rgba(255,255,255,.1)}.tab-button{background:transparent;border:none;color:#fff9;padding:15px 20px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;margin-bottom:-2px}.tab-button:hover{color:#ffffffe6}.tab-button.active{color:#dec1ff;border-bottom-color:#dec1ff}.admin-content{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-header h3{margin:0;font-size:1.5rem;color:#fff}.btn-add-admin{background:linear-gradient(135deg,#DEC1FF 0%,#c9a6ff 100%);color:#1a1a2e;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease}.btn-add-admin:hover{transform:scale(1.05);box-shadow:0 10px 25px #dec1ff66}.admin-form{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:25px;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{margin-bottom:20px}.form-group label{display:block;color:#fffc;margin-bottom:8px;font-size:.95rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;padding:12px 15px;border-radius:6px;font-size:.95rem;font-family:inherit;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;background:rgba(255,255,255,.12);border-color:#dec1ff;box-shadow:0 0 0 3px #dec1ff33}.form-group textarea{resize:vertical;min-height:100px}.form-group select option{background:#1a1a2e;color:#fff}.form-divider{text-align:center;color:#fff6;margin:15px 0;font-size:.9rem}.btn-submit-admin{background:linear-gradient(135deg,#DEC1FF 0%,#c9a6ff 100%);color:#1a1a2e;border:none;padding:12px 30px;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;width:100%}.btn-submit-admin:hover{transform:scale(1.02);box-shadow:0 15px 35px #dec1ff66}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.admin-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.admin-item:hover{border-color:#fff3;box-shadow:0 10px 25px #667eea26}.item-image{width:100%;height:150px;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.item-image img{width:100%;height:100%;object-fit:cover}.item-info{padding:20px;flex:1;display:flex;flex-direction:column}.item-info h4{margin:0 0 8px;color:#fff;font-size:1.1rem;font-weight:600}.item-info p{color:#fff9;margin:0 0 10px;font-size:.9rem;flex:1}.item-link{color:#667eea;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .3s ease}.item-link:hover{color:#764ba2;transform:translate(5px)}.admin-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.admin-photo{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.admin-photo:hover{border-color:#fff3;box-shadow:0 10px 25px #667eea26}.photo-image{width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.photo-image img{width:100%;height:100%;object-fit:cover}.photo-info{padding:15px;flex:1;display:flex;flex-direction:column}.photo-info h4{margin:0 0 8px;color:#fff;font-size:1rem;font-weight:600}.photo-category{display:inline-block;background:rgba(222,193,255,.2);color:#dec1ff;padding:4px 10px;border-radius:4px;font-size:.75rem;text-transform:capitalize;margin-bottom:8px;margin-right:6px;width:fit-content}.photo-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.photo-label{display:inline-block;background:linear-gradient(135deg,rgba(83,162,190,.3) 0%,rgba(10,34,57,.3) 100%);color:#dec1ff;padding:4px 10px;border-radius:4px;font-size:.75rem;font-style:italic;width:fit-content;border:1px solid rgba(83,162,190,.4)}.photo-info p{color:#fff9;margin:0;font-size:.85rem;flex:1}.btn-delete-admin{background:rgba(255,67,67,.2);border:1px solid rgba(255,67,67,.4);color:#ff6b6b;width:36px;height:36px;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-delete-admin:hover{background:rgba(255,67,67,.3);border-color:#ff434399;transform:scale(1.1)}.btn-edit-admin{background:rgba(222,193,255,.2);border:1px solid rgba(222,193,255,.4);color:#dec1ff;width:36px;height:36px;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-edit-admin:hover{background:rgba(222,193,255,.3);border-color:#dec1ff;transform:scale(1.1)}.item-actions{position:absolute;top:10px;right:10px;display:flex;gap:8px}.position-preview{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:15px;display:flex;flex-direction:column;gap:10px}.preview-container{width:100%;aspect-ratio:16 / 9;background:rgba(0,0,0,.3);border:2px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;transition:border-color .2s ease}.preview-container:hover{border-color:#dec1ff4d}.preview-container.dragging{border-color:#dec1ff99;background:rgba(0,0,0,.4)}.preview-image{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .1s ease-out;-webkit-user-select:none;user-select:none;pointer-events:none}.position-overlay{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.6);color:#dec1ff;padding:6px 12px;border-radius:4px;font-size:.75rem;font-weight:500;pointer-events:none}.position-preview small{color:#ffffff80;font-size:.8rem;text-align:center}.btn-reset-position{background:rgba(222,193,255,.15);color:#dec1ff;border:1px solid rgba(222,193,255,.3);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease;align-self:flex-start}.btn-reset-position:hover{background:rgba(222,193,255,.25);border-color:#dec1ff80;transform:scale(1.05)}.empty-admin-state{text-align:center;padding:60px 20px;color:#fff6}.empty-admin-state p{font-size:1.1rem;margin:0}.truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.admin-dashboard-section{padding:40px 20px}.dashboard-header{flex-direction:column;gap:20px}.header-title h2{font-size:2rem}.admin-grid,.admin-gallery{grid-template-columns:1fr}.admin-tabs{overflow-x:auto}}.app{min-height:100vh;background:linear-gradient(135deg,#0A2239 0%,#1a1a3e 100%)}.main-content{min-height:calc(100vh - 80px);padding:40px 20px;max-width:1200px;margin:0 auto}.hero{text-align:center;padding:80px 20px;color:#fff}.hero-content h1{font-size:3.5rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:slideIn .8s ease-in-out}.hero-content p{font-size:1.5rem;opacity:.9;animation:slideIn .8s ease-in-out .2s both}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.main-content{padding:20px 15px}.hero-content h1{font-size:2rem}.hero-content p{font-size:1.1rem}}