body{background-color:#000;font-family:Arial,sans-serif;margin:0}.container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden}.center-image{height:auto;margin-bottom:30px;width:300px}.description{color:#ff0;font-size:1.2rem;margin-bottom:40px;text-align:center;text-shadow:0 0 5px #ff0,0 0 10px #ff0;width:60%}.led-wrapper{border-bottom:2px solid #ff0;border-top:2px solid #ff0;overflow:hidden;padding:10px 0;white-space:nowrap;width:100%}.led-text{animation:scroll 8s linear infinite;color:#ff0;display:inline-block;font-size:2rem;font-weight:700;text-shadow:0 0 5px #ff0,0 0 10px #ff0,0 0 20px #ff0}@keyframes scroll{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:9999}.toast{align-items:center;animation:slideInRight .3s ease-out,fadeOut .3s ease-out 3.7s;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#1a1a00f2,#000000fa);border:3px solid;border-radius:8px;box-shadow:0 8px 25px #ffd70066,inset 0 0 20px #ffd7000d;display:flex;gap:12px;max-width:400px;min-width:300px;overflow:hidden;padding:15px 20px;pointer-events:all;position:relative}.toast:before{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffd70008 0,#ffd70008 20px);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.toast-success{border-image:repeating-linear-gradient(45deg,#0f0,#0f0 5px,gold 0,gold 10px,#000 0,#000 15px) 1;box-shadow:0 8px 25px #0f06,inset 0 0 20px #00ff000d}.toast-error{border-image:repeating-linear-gradient(45deg,#f44,#f44 5px,gold 0,gold 10px,#000 0,#000 15px) 1;box-shadow:0 8px 25px #f446,inset 0 0 20px #ff44440d}.toast-info{border-image:repeating-linear-gradient(45deg,#4a90e2,#4a90e2 5px,gold 0,gold 10px,#000 0,#000 15px) 1;box-shadow:0 8px 25px #4a90e266,inset 0 0 20px #4a90e20d}.toast-warning{border-image:repeating-linear-gradient(45deg,orange,orange 5px,gold 0,gold 10px,#000 0,#000 15px) 1;box-shadow:0 8px 25px #ffa50066,inset 0 0 20px #ffa5000d}.toast-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-shrink:0;font-size:24px}.toast-message{color:gold;flex:1 1;font-size:15px;font-weight:500;position:relative;text-shadow:1px 1px 2px #00000080,0 0 8px #ffd7004d;z-index:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translateX(400px)}}@media (max-width:768px){.toast-container{left:15px;right:15px;top:70px}.toast{max-width:100%;min-width:auto;padding:12px 15px}.toast-icon{font-size:20px}.toast-message{font-size:14px}}@media (max-width:480px){.toast-container{left:10px;right:10px;top:65px}.toast{border:2px solid;padding:10px 12px}.toast-icon{font-size:18px}.toast-message{font-size:13px}}.biography-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.biography-modal-container{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a00f2,#000000fa);border:3px solid;border-image:repeating-linear-gradient(45deg,gold,gold 15px,orange 0,orange 30px) 1;border-radius:15px;box-shadow:0 20px 80px #ffd70066,inset 0 0 50px #ffd7000d;max-height:85vh;max-width:900px;overflow-y:auto;position:relative;width:95%}.modal-close{background:linear-gradient(135deg,#ffd70033,#ffa5001a);border:2px solid gold;box-shadow:0 0 15px #ffd7004d;font-size:24px}.modal-close:hover{background:linear-gradient(135deg,#ffd70066,#ffa50033);box-shadow:0 0 25px #ffd70099}.modal-header-compact{border-bottom:2px solid;border-image:repeating-linear-gradient(90deg,gold,gold 15px,orange 0,orange 30px) 1;padding:15px 20px;text-align:center}.modal-header-compact h2{color:gold;font-size:22px;margin:0;text-shadow:0 0 15px #ffd70080}.biography-form-compact{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:20px}.form-left,.form-right{display:flex;flex-direction:column;gap:12px}.image-preview-compact{aspect-ratio:4/3;background:#00000080;border:2px solid gold;border-radius:8px;box-shadow:0 0 15px #ffd7004d;overflow:hidden;width:100%}.image-preview-compact img{border-radius:6px;height:100%;object-fit:cover;width:100%}.form-group-compact{display:flex;flex-direction:column;gap:5px}.form-group-compact label{color:gold;font-size:12px;font-weight:700;letter-spacing:.5px;text-shadow:0 0 8px #ffd70066;text-transform:uppercase}.form-group-compact input,.form-group-compact textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a0099,#000c);border:2px solid gold;border-radius:6px;box-shadow:0 4px 12px #ffd70033;color:gold;font-family:inherit;font-size:12px;padding:8px 12px;transition:all .3s ease}.form-group-compact input::placeholder,.form-group-compact textarea::placeholder{color:#ffd70080}.form-group-compact input:focus,.form-group-compact textarea:focus{background:linear-gradient(135deg,#1a1a00cc,#000000e6);border-color:orange;box-shadow:0 6px 20px #ffd70066,inset 0 0 10px #ffd7001a;outline:none}.form-group-compact input:disabled,.form-group-compact textarea:disabled{cursor:not-allowed;opacity:.6}.image-upload-wrapper-compact{display:flex;flex-direction:column;gap:8px}.image-input{display:none}.image-upload-label-compact{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a0099,#000c);border:2px dashed gold;border-radius:6px;box-shadow:0 4px 12px #ffd70033;color:gold;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;justify-content:center;min-height:40px;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;text-shadow:0 0 5px #ffd70080;transition:all .3s ease;white-space:nowrap}.image-upload-label-compact:hover{background:linear-gradient(135deg,#ffd70026,#000000b3);border-color:orange;box-shadow:0 6px 20px #ffd70066,inset 0 0 10px #ffd7001a;transform:translateY(-2px)}.btn-remove-image-compact{background:linear-gradient(135deg,#ff000026,#000c);border:2px solid #f44;border-radius:6px;color:#ff6b6b;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase;transition:all .3s ease}.btn-remove-image-compact:hover:not(:disabled){background:linear-gradient(135deg,#ff000059,#8b000033);border-color:gold;box-shadow:0 0 20px #ff000080,inset 0 0 15px #ffffff1a;transform:translateY(-2px)}.btn-remove-image-compact:disabled{cursor:not-allowed;opacity:.6}.form-buttons-compact{border-top:2px solid #ffd7004d;display:flex;gap:8px;margin-top:8px;padding-top:8px}.form-buttons-compact button{border:2px solid;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:700;letter-spacing:.5px;min-height:40px;padding:10px 12px;text-transform:uppercase;transition:all .3s ease}.btn-cancel-compact{background:linear-gradient(135deg,#64646433,#000c);border-color:#888;color:#888}.btn-cancel-compact:hover:not(:disabled){background:linear-gradient(135deg,#64646466,#000c);border-color:gold;box-shadow:0 0 15px #ffd7004d;color:gold}.btn-delete-compact{background:linear-gradient(135deg,#ff000026,#000c);border-color:#f44;color:#ff6b6b;padding:10px}.btn-delete-compact:hover:not(:disabled){background:linear-gradient(135deg,#ff000059,#8b000033);border-color:gold;box-shadow:0 0 15px #f006}.btn-submit-compact{background:linear-gradient(135deg,#ffd70033,#ffa5001a);border-color:gold;color:gold;flex:1.5 1;font-weight:700}.btn-submit-compact:hover:not(:disabled){background:linear-gradient(135deg,#ffd70066,#ffa5004d);border-color:orange;box-shadow:0 0 20px #ffd70080,inset 0 0 15px #ffffff1a;color:orange;transform:translateY(-2px)}.btn-cancel-compact:disabled,.btn-delete-compact:disabled,.btn-submit-compact:disabled{cursor:not-allowed;opacity:.6}.delete-confirm{display:flex;flex-direction:column;gap:20px;padding:40px 25px;text-align:center}.delete-confirm h3{color:#ff6b6b;font-size:22px;margin:0;text-shadow:0 0 15px #ff00004d}.delete-confirm p{color:orange;font-size:14px;line-height:1.6;margin:0}.delete-buttons{display:flex;gap:12px;margin-top:15px}.delete-buttons button{border:2px solid;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:700;min-height:40px;padding:10px 15px;text-transform:uppercase;transition:all .3s ease}.delete-buttons .btn-cancel{background:linear-gradient(135deg,#64646433,#000c);border-color:#888;color:#888}.delete-buttons .btn-cancel:hover:not(:disabled){background:linear-gradient(135deg,#64646466,#000c);border-color:gold;color:gold}.delete-buttons .btn-delete{background:linear-gradient(135deg,#ff000040,#8b000033);border-color:#f44;color:#ff6b6b}.delete-buttons .btn-delete:hover:not(:disabled){background:linear-gradient(135deg,#ff000073,#8b00004d);border-color:gold;box-shadow:0 0 20px #ff000080}@media (max-width:1024px){.biography-modal-container{max-width:95%}.biography-form-compact{gap:15px;grid-template-columns:1fr}}@media (max-width:768px){.biography-modal-container{max-height:90vh;max-width:95%}.modal-header-compact h2{font-size:20px}.biography-form-compact{gap:12px;grid-template-columns:1fr;padding:15px}.image-preview-compact{aspect-ratio:3/2}}@media (max-width:480px){.biography-modal-container{border:2px solid;border-radius:10px}.modal-close{font-size:20px;height:36px;right:10px;top:10px;width:36px}.modal-header-compact{padding:12px 15px}.modal-header-compact h2{font-size:18px}.biography-form-compact{gap:10px;grid-template-columns:1fr;padding:12px}.form-group-compact label{font-size:11px}.form-group-compact input,.form-group-compact textarea{font-size:11px;padding:7px 10px}.form-buttons-compact{gap:6px;margin-top:6px;padding-top:6px}.form-buttons-compact button{font-size:11px;min-height:36px;padding:8px 10px}.delete-confirm{padding:30px 15px}.delete-confirm h3{font-size:18px}.delete-buttons{gap:8px}}.base-container{background:#000;color:gold;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.base-container:before{background-attachment:fixed;background-image:linear-gradient(90deg,gold,gold 8px,#000 0,#000 16px,orange 0,orange 24px,#000 0,#000 32px),linear-gradient(90deg,gold,gold 8px,#000 0,#000 16px,orange 0,orange 24px,#000 0,#000 32px),linear-gradient(180deg,gold,gold 8px,#000 0,#000 16px,orange 0,orange 24px,#000 0,#000 32px),linear-gradient(180deg,gold,gold 8px,#000 0,#000 16px,orange 0,orange 24px,#000 0,#000 32px);background-position:0 0,0 calc(100% - 12px),0 0,calc(100% - 12px) 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:32px 12px,32px 12px,12px 32px,12px 32px;bottom:0;box-shadow:inset 0 3px 15px #ffd70033,inset 0 -3px 15px #ffd70033,inset 3px 0 15px #ffd70033,inset -3px 0 15px #ffd70033;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1}.topbar{animation:topbarFloat 4s ease-in-out infinite;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:linear-gradient(135deg,#1a1a00b3,#000000d9);border:3px solid;border-image:repeating-linear-gradient(90deg,gold,gold 12px,orange 0,orange 24px) 1;border-radius:12px;box-shadow:0 8px 35px #ffd70059,0 0 60px #ffd70026,inset 0 0 30px #ffffff1a,inset 0 -1px 2px #ffd7004d;left:50%;max-width:1400px;position:fixed;top:15px;transform:translateX(-50%);width:calc(100% - 40px);will-change:transform;z-index:200}@keyframes topbarFloat{0%,to{box-shadow:0 8px 35px #ffd70059,0 0 60px #ffd70026,inset 0 0 30px #ffffff1a,inset 0 -1px 2px #ffd7004d;transform:translateX(-50%) translateY(0)}50%{box-shadow:0 15px 50px #ffd70073,0 0 80px #ffd70040,inset 0 0 40px #ffffff26,inset 0 -2px 4px #ffd70066;transform:translateX(-50%) translateY(-6px)}}.topbar:after{animation:glowWave 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a 25%,#ffffff26 50%,#ffffff1a 75%,#0000);border-radius:9px;content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}@keyframes glowWave{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1}to{opacity:0;transform:translateX(100%)}}.topbar:before{animation:particlesFloat 6s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20px 30px,#ffd70066,#0000),radial-gradient(2px 2px at 60px 70px,#ffa5004d,#0000),radial-gradient(1px 1px at 50px 50px,#ffd70080,#0000),radial-gradient(1px 1px at 130px 80px,#ffa50066,#0000),radial-gradient(2px 2px at 90px 10px,#ffd7004d,#0000),radial-gradient(1px 1px at 130px 30px,#ffa50080,#0000);background-position:0 0;background-size:200px 100%;border-radius:9px;content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@keyframes particlesFloat{0%{background-position:0 0;opacity:.2}50%{opacity:.5}to{background-position:200px 0;opacity:.2}}.topbar-container{gap:20px;height:auto;justify-content:space-between;margin:0 auto;max-width:100%;padding:12px 25px}.topbar-container,.topbar-logo{align-items:center;display:flex;position:relative;z-index:10}.topbar-logo{flex-shrink:0;gap:12px}.topbar-logo:before{animation:logoPulse 2s ease-in-out infinite;background:radial-gradient(circle,#ffd70026 0,#0000 70%);border-radius:50%;content:"";height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}@keyframes logoPulse{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.15)}}.topbar-logo img{animation:logoFloat 3s ease-in-out infinite;background:#00000080;border:2px solid gold;border-radius:50%;box-shadow:0 0 20px #ffd70099,inset 0 0 15px #ffd70033,0 0 40px #ffd70033;height:48px;object-fit:cover;padding:3px;position:relative;width:48px;z-index:2}@keyframes logoFloat{0%,to{filter:drop-shadow(0 6px 18px rgba(255,215,0,.4));transform:translateY(0) rotate(0deg)}50%{filter:drop-shadow(0 10px 25px rgba(255,215,0,.6));transform:translateY(-3px) rotate(1deg)}}.topbar-logo span{animation:textGlow 2s ease-in-out infinite;color:gold;display:none;font-size:17px;font-weight:700;letter-spacing:2px;position:relative;text-shadow:2px 2px 4px #ffd70066,0 0 12px #ffd70080;z-index:2}@keyframes textGlow{0%,to{text-shadow:2px 2px 4px #ffd70066,0 0 12px #ffd70080}50%{text-shadow:2px 2px 6px #ffd70099,0 0 20px #ffd700cc,0 0 35px #ffa50080}}@media (min-width:768px){.topbar-logo span{display:block}}.hamburger-btn{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#1a1a00cc,#000000f2);border:2px solid gold;border-radius:8px;box-shadow:0 4px 15px #ffd7004d,inset 0 0 20px #ffffff1a;cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:6px;transition:all .3s ease;width:40px;z-index:150}.hamburger-line{background:gold;border-radius:2px;box-shadow:0 0 8px #ffd70099;height:2.5px;transition:all .3s ease;width:20px}.hamburger-btn:hover{background:linear-gradient(135deg,#ffd70033,#ffa50026);box-shadow:0 6px 20px #ffd70080,inset 0 0 25px #ffffff26;transform:scale(1.05)}.hamburger-btn.active .hamburger-line:first-child{transform:rotate(45deg) translateY(7px)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.menu-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:90}.topbar-menu{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center}.topbar-btn{animation:buttonFloat 2s ease-in-out infinite;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#1a1a0099,#000c);border:2px solid gold;border-radius:6px;box-shadow:0 4px 12px #ffd70040,inset 0 0 20px #ffffff14;color:gold;cursor:pointer;font-size:13px;font-weight:600;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s ease;white-space:nowrap}@keyframes buttonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.topbar-btn:hover{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffd70033,#ffa50026);border-color:orange;box-shadow:0 0 25px #ffd70099,inset 0 0 25px #ffffff26;color:gold;transform:translateY(-3px)}.topbar-divider{animation:dividerPulse 2s ease-in-out infinite;background:linear-gradient(180deg,#0000,gold 20%,gold 80%,#0000);box-shadow:0 0 10px #ffd70080;height:28px;margin:0 4px;width:2px}@keyframes dividerPulse{0%,to{box-shadow:0 0 10px #ffd70080;opacity:.5}50%{box-shadow:0 0 18px #ffd700e6;opacity:1}}.admin-btn{background:linear-gradient(135deg,#9370db26,#000c);border-color:#9370db}.admin-btn:hover{background:linear-gradient(135deg,#9370db59,#4b008240);border-color:gold;box-shadow:0 0 25px #9370db99,inset 0 0 25px #ffffff26}.superadmin-btn{background:linear-gradient(135deg,#dc143c26,#000c);border-color:tomato}.superadmin-btn:hover{background:linear-gradient(135deg,#dc143c59,#8b000040);border-color:gold;box-shadow:0 0 25px #dc143c99,inset 0 0 25px #ffffff26}.topbar-user-section{align-items:center;display:flex;flex-shrink:0;gap:12px;z-index:10}.user-profile-dropdown{position:relative}.user-profile-btn{align-items:center;animation:userButtonFloat 2.5s ease-in-out infinite;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1a1a0099,#000c);border:2px solid gold;border-radius:6px;box-shadow:0 4px 12px #ffd70040,inset 0 0 20px #ffffff14;color:gold;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;padding:7px 11px;transition:all .3s ease}@keyframes userButtonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.user-profile-btn:hover{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffd70033,#ffa50026);border-color:orange;box-shadow:0 0 25px #ffd70099,inset 0 0 25px #ffffff26;transform:translateY(-3px)}.user-avatar-small{animation:avatarGlow 2s ease-in-out infinite;background:#00000080;border:2px solid gold;border-radius:50%;box-shadow:0 0 15px #ffd70080;flex-shrink:0;height:34px;overflow:hidden;width:34px}@keyframes avatarGlow{0%,to{box-shadow:0 0 15px #ffd70080}50%{box-shadow:0 0 25px #ffd700cc}}.user-avatar-small img{height:100%;object-fit:cover;width:100%}.avatar-placeholder-small{align-items:center;background:linear-gradient(135deg,gold,orange);color:#000;display:flex;font-size:15px;font-weight:700;height:100%;justify-content:center;text-shadow:0 2px 4px #0000004d;width:100%}.user-name-small{color:gold;font-size:12px;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 8px #ffd70080;white-space:nowrap}.dropdown-arrow{color:gold;font-size:10px;transition:transform .3s ease}.user-profile-btn:hover .dropdown-arrow{transform:translateY(2px) rotate(180deg)}.user-dropdown-menu{animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a00f2,#000000fa);border:2px solid gold;border-radius:10px;box-shadow:0 12px 50px #ffd70066,inset 0 0 30px #ffffff1a,0 0 40px #ffd70026;margin-top:10px;min-width:220px;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.user-info-header{border-bottom:2px solid #ffd7004d;padding:12px 15px}.user-role-badge{animation:badgePulse 2s ease-in-out infinite;background:#ffd70026;border:1px solid #ffd70080;border-radius:8px;color:gold;display:inline-block;font-size:11px;font-weight:700;margin:0 0 6px;padding:4px 8px;text-shadow:0 0 8px #ffd70099}@keyframes badgePulse{0%,to{background:#ffd70026;box-shadow:0 0 8px #ffd7004d}50%{background:#ffd70040;box-shadow:0 0 15px #ffd700b3}}.user-email-small{color:orange;font-size:10px;margin:0;opacity:.85;word-break:break-all}.user-dropdown-menu .topbar-btn{animation:none;border:2px solid gold;font-size:12px;justify-content:flex-start;margin:0;padding:10px 12px;width:100%}.user-dropdown-menu .topbar-btn:hover{transform:translateX(2px)}.profile-btn{background:linear-gradient(135deg,#ffd7001a,#000c);border-color:gold}.logout-btn{background:linear-gradient(135deg,#ff00001a,#000c);border-color:#f44}.logout-btn:hover{background:linear-gradient(135deg,#ff000040,#8b000033);border-color:gold;box-shadow:0 0 25px #ff000080,inset 0 0 25px #ffffff26}.auth-buttons{align-items:center;display:flex;gap:8px}.auth-btn{animation:authButtonFloat 2.2s ease-in-out infinite;font-size:12px;padding:8px 13px}@keyframes authButtonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.login-btn{background:linear-gradient(135deg,#4a90e21a,#000c);border-color:#4a90e2}.login-btn:hover{background:linear-gradient(135deg,#4a90e240,#000c);border-color:gold;box-shadow:0 0 25px #4a90e280,inset 0 0 25px #ffffff26}.register-btn{background:linear-gradient(135deg,#00ff001a,#000c);border-color:#0f0}.register-btn:hover{background:linear-gradient(135deg,#00ff0040,#000c);border-color:gold;box-shadow:0 0 25px #00ff0080,inset 0 0 25px #ffffff26}.main-content{background:#0000;flex:1 1;margin-top:-70px;min-height:calc(100vh - 95px);padding:40px 150px 150px 60px;position:relative;z-index:10}.dashboard-header{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#1a1a0099,#000000b3);border:4px solid;border-image:repeating-linear-gradient(45deg,gold,gold 15px,orange 0,orange 30px,#000 0,#000 45px) 1;box-shadow:0 0 40px #ffd70066,inset 0 0 50px #ffd7000d;margin-bottom:50px;padding:30px;position:relative;text-align:center}.dashboard-header:before{background:repeating-linear-gradient(90deg,#0000,#ffd70008 50px,#0000 100px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dashboard-header h1{color:gold;font-size:48px;margin:0 0 15px;position:relative;text-shadow:3px 3px 6px #ffd70080,0 0 20px #ffd70066;z-index:1}.subtitle{color:orange;font-size:20px;margin:0;position:relative;z-index:1}.empty-subtitle{font-style:italic;opacity:.8}.biography-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.biography-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#1a1a0099,#0a0a00b3);border:4px solid;border-image:repeating-linear-gradient(45deg,gold,gold 8px,orange 0,orange 16px,#000 0,#000 24px) 1;box-shadow:0 8px 20px #ffd7004d,inset 0 0 30px #ffd7000d;overflow:hidden;position:relative;transition:all .3s ease}.biography-card:before{background:repeating-linear-gradient(90deg,#0000,#ffd7001a 20px,#0000 40px);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.biography-card:hover:before{left:100%}.biography-card:hover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-image:repeating-linear-gradient(45deg,orange,orange 8px,gold 0,gold 16px,orange 0,orange 24px) 1;box-shadow:0 20px 50px #ffd70080,inset 0 0 50px #ffd7001a;transform:translateY(-10px)}.card-image{border-bottom:3px solid;border-image:repeating-linear-gradient(90deg,gold,gold 10px,orange 0,orange 20px) 1;height:200px;overflow:hidden;position:relative;width:100%}.card-image:after{background:linear-gradient(180deg,#0000,#00000080);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.biography-card:hover .card-image img{transform:scale(1.15)}.card-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;padding:25px;position:relative}.card-content:before{background:repeating-linear-gradient(0deg,gold,gold 10px,orange 0,orange 20px);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.card-content h3{color:gold;font-size:24px;margin:0 0 10px;text-shadow:2px 2px 4px #ffd7004d,0 0 10px #ffd70066}.card-date{color:orange;font-size:14px;font-style:italic;margin:0 0 15px;text-shadow:0 0 5px #ffa5004d}.card-description{color:gold;font-size:16px;line-height:1.6;margin-bottom:15px;opacity:.9}.card-full-content{border-image:repeating-linear-gradient(90deg,gold,gold 5px,#0000 0,#0000 10px) 1;border-top:2px solid;color:orange;font-size:14px;line-height:1.8;padding-top:15px}.card-admin-actions{background:linear-gradient(135deg,#ffd70014,#0000004d);border-top:2px solid #ffd7004d;display:flex;gap:8px;justify-content:flex-end;padding:15px}.btn-delete-card,.btn-edit{border:2px solid;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 12px;text-align:center;text-transform:uppercase;transition:all .3s ease}.btn-edit{background:linear-gradient(135deg,#9370db26,#000c);border-color:#9370db;color:#b19fff}.btn-edit:hover{background:linear-gradient(135deg,#9370db59,#4b008240);border-color:gold;box-shadow:0 0 20px #9370db99,inset 0 0 15px #ffffff1a;color:gold;transform:translateY(-2px)}.btn-delete-card{background:linear-gradient(135deg,#ff000026,#000c);border-color:#f44;color:#ff6b6b}.btn-delete-card:hover{background:linear-gradient(135deg,#ff000059,#8b000033);border-color:gold;box-shadow:0 0 20px #ff000080,inset 0 0 15px #ffffff1a;transform:translateY(-2px)}.dashboard-footer{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#1a1a0099,#000000b3);border:3px solid;border-image:repeating-linear-gradient(90deg,gold,gold 20px,orange 0,orange 40px,#000 0,#000 60px) 1;box-shadow:0 0 30px #ffd7004d,inset 0 0 40px #ffd7000d;margin-top:60px;padding:30px;text-align:center}.dashboard-footer p{color:gold;font-size:18px;font-weight:700;margin:0;text-shadow:0 0 10px #ffd70066}.coming-soon{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a0099,#000000b3);border:5px solid;border-image:repeating-linear-gradient(45deg,gold,gold 15px,orange 0,orange 30px,#000 0,#000 45px) 1;border-radius:15px;box-shadow:0 0 50px #ffd70066,inset 0 0 80px #ffd7001a;overflow:hidden;padding:100px 40px;position:relative;text-align:center}.coming-soon:before{animation:patternMove 20s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 20px,#ffd70008 0,#ffd70008 40px);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes patternMove{0%{transform:translate(0) rotate(0deg)}to{transform:translate(50px,50px) rotate(1turn)}}.coming-soon h1{color:gold;font-size:64px;margin-bottom:20px;position:relative;text-shadow:4px 4px 8px #ffd70080,0 0 30px #ffd70099;z-index:1}.coming-soon p{color:orange;font-size:28px;font-style:italic;position:relative;z-index:1}.hero-section{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a00cc,#000000e6);border:2px solid gold;border-radius:15px;box-shadow:0 0 50px #ffd70066,inset 0 0 60px #ffffff0d;display:flex;justify-content:center;margin-bottom:60px;min-height:100vh;overflow:hidden;padding:60px 30px;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.hero-section:before{animation:heroPatternMove 30s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 20px,#ffd70005 0,#ffd70005 40px);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:100%}@keyframes heroPatternMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-content{align-items:center;display:flex;flex-direction:column;gap:30px;max-width:900px;position:relative;text-align:center;width:100%;z-index:2}.hero-logo-container{display:flex;justify-content:center;margin-bottom:20px}.hero-logo-img{animation:heroLogoFloat 4s ease-in-out infinite;background:#00000080;border:3px solid gold;border-radius:20px;box-shadow:0 10px 40px #ffd70066,inset 0 0 40px #ffd7001a,0 0 60px #ffd70033;height:300px;object-fit:contain;object-position:center;padding:0;width:350px}@keyframes heroLogoFloat{0%,to{box-shadow:0 10px 40px #ffd70066,inset 0 0 40px #ffd7001a,0 0 60px #ffd70033;transform:translateY(0)}50%{box-shadow:0 20px 60px #ffd70099,inset 0 0 50px #ffd70026,0 0 80px #ffd7004d;transform:translateY(-8px)}}.hero-title{animation:heroTitleSlideIn .8s ease-out;color:gold;font-size:48px;font-weight:700;letter-spacing:2px;margin:0;max-width:600px;text-shadow:3px 3px 6px #ffd70080,0 0 25px #ffd70099}@keyframes heroTitleSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-text{animation:heroTextSlideIn .8s ease-out .2s both;color:orange;font-size:16px;line-height:1.8;margin:0;max-width:700px;opacity:.95;text-shadow:1px 1px 3px #00000080,0 0 10px #ffa5004d}@keyframes heroTextSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.hero-section{margin-bottom:50px;min-height:90vh;padding:50px 25px}.hero-logo-img{height:280px;width:320px}.hero-title{font-size:40px}.hero-text{font-size:15px}}@media (max-width:768px){.hero-section{gap:20px;margin-bottom:40px;min-height:80vh;padding:40px 20px}.hero-logo-img{height:240px;width:280px}.hero-title{font-size:32px;max-width:100%}.hero-text{font-size:14px;max-width:100%}}@media (max-width:480px){.hero-section{border:2px solid gold;margin-bottom:30px;min-height:70vh;padding:30px 15px}.hero-logo-img{border-radius:15px;height:200px;width:240px}.hero-title{font-size:24px}.hero-text{font-size:13px}}.dashboard-container{margin:0 auto;max-width:1200px;padding:0 20px;scroll-snap-type:y mandatory}.biography-section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:60px 0;scroll-snap-align:start;scroll-snap-stop:always}@media (max-width:1200px){.hero-section{margin-bottom:50px;padding:50px 25px}.hero-logo-img{height:180px;width:180px}.hero-title{font-size:40px}.hero-text{font-size:15px}}@media (max-width:768px){.hero-section{margin-bottom:40px;padding:40px 20px}.hero-logo-img{height:160px;width:160px}.hero-title{font-size:32px;max-width:100%}.hero-text{font-size:14px;max-width:100%}}@media (max-width:480px){.hero-section{border:2px solid gold;margin-bottom:30px;padding:30px 15px}.hero-logo-img{height:140px;width:140px}.hero-title{font-size:24px}.hero-text{font-size:13px}}.about-section{align-items:center;background:#0000;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:100px 80px;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.about-section:before{animation:aboutPatternMove 40s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 30px,#ffd70005 0,#ffd70005 60px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes aboutPatternMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.about-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr;max-width:1400px;width:100%;z-index:2}.about-content,.about-logo{align-items:center;position:relative}.about-logo{display:flex;justify-content:center}.about-logo:before{animation:logoOrbit 8s linear infinite;background:repeating-conic-gradient(from 0deg,gold 0deg 12deg,orange 12deg 24deg,#000 24deg 36deg);border-radius:50%;content:"";height:450px;opacity:.15;position:absolute;width:450px;z-index:-1}@keyframes logoOrbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.about-logo-img{animation:aboutLogoFloat 5s ease-in-out infinite;background:#00000080;border:4px solid gold;border-radius:30px;box-shadow:0 20px 60px #ffd70066,inset 0 0 50px #ffd7001a,0 0 80px #ffd70040;height:350px;object-fit:contain;object-position:center;position:relative;width:350px;z-index:1}@keyframes aboutLogoFloat{0%,to{filter:drop-shadow(0 10px 30px rgba(255,215,0,.4));transform:translateY(0)}50%{filter:drop-shadow(0 25px 50px rgba(255,215,0,.6));transform:translateY(-15px)}}.about-title{animation:aboutTitleSlideIn .8s ease-out;color:gold;font-size:56px;font-weight:700;letter-spacing:2px;line-height:1.2;margin:0 0 30px;position:relative;text-shadow:4px 4px 8px #ffd70080,0 0 30px #ffd70099}.about-title:after{background:repeating-linear-gradient(90deg,gold,gold 10px,orange 0,orange 20px);bottom:-15px;box-shadow:0 0 20px #ffd70099;content:"";height:4px;left:0;position:absolute;width:100px}@keyframes aboutTitleSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.about-text{animation:aboutTextSlideIn .8s ease-out .2s both;color:orange;font-size:18px;line-height:2;margin:0;opacity:.95;padding-top:20px;position:relative;text-shadow:1px 1px 3px #00000080,0 0 10px #ffa50033;z-index:1}@keyframes aboutTextSlideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.about-text-content{display:flex;flex-direction:column;gap:20px;justify-content:center}@media (max-width:1200px){.about-content{gap:40px;grid-template-columns:1fr}.about-logo-img{height:320px;width:320px}.about-logo:before{height:400px;width:400px}.about-title{font-size:48px}.about-text{font-size:17px;line-height:1.8}}@media (max-width:768px){.about-section{min-height:auto;padding:40px 20px}.about-content{gap:30px}.about-logo-img{height:280px;width:280px}.about-logo:before{height:350px;width:350px}.about-title{font-size:36px;margin-bottom:20px}.about-title:after{bottom:-12px;width:80px}.about-text{font-size:16px;line-height:1.7;padding-top:15px}}@media (max-width:576px){.about-section{min-height:auto;padding:30px 15px}.about-logo-img{border:3px solid gold;border-radius:20px;height:240px;width:240px}.about-logo:before{height:300px;width:300px}.about-title{font-size:28px;margin-bottom:15px}.about-title:after{bottom:-10px;height:3px;width:70px}.about-text{font-size:14px;line-height:1.6;padding-top:12px}}@media (max-width:480px){.about-section{padding:25px 12px}.about-logo-img{border:3px solid gold;border-radius:15px;height:200px;width:200px}.about-logo:before{height:250px;width:250px}.about-title{font-size:24px;margin-bottom:12px}.about-title:after{bottom:-8px;height:2px;width:60px}.about-text{font-size:13px;line-height:1.5;padding-top:10px}}.admin-actions-header{background:linear-gradient(135deg,#ffd7001a,#ffa5000d);border:2px solid;border-image:repeating-linear-gradient(90deg,gold,gold 15px,orange 0,orange 30px) 1;border-radius:10px;box-shadow:0 0 20px #ffd70033;display:flex;justify-content:center;margin-bottom:30px;padding:20px}.admin-actions-header,.btn-add-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-add-content{background:linear-gradient(135deg,#0f03,#00c8001a);border:2px solid #0f0;border-radius:8px;box-shadow:0 0 15px #00ff004d;color:#0f0;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;padding:12px 25px;text-shadow:0 0 8px #00ff0080;text-transform:uppercase;transition:all .3s ease}.btn-add-content:hover{background:linear-gradient(135deg,#0f06,#00c80033);border-color:gold;box-shadow:0 0 25px #0f09,inset 0 0 15px #ffffff1a;color:gold;transform:translateY(-2px)}@media (max-width:768px){.admin-actions-header{margin-bottom:20px;padding:15px}.btn-add-content{font-size:13px;padding:10px 20px}.card-admin-actions{gap:6px;padding:12px}.btn-delete-card,.btn-edit{font-size:11px;padding:8px 10px}}@media (max-width:480px){.admin-actions-header{margin-bottom:15px;padding:12px}.btn-add-content{font-size:12px;padding:10px 15px;width:100%}.card-admin-actions{flex-direction:column;gap:8px;padding:12px}.btn-delete-card,.btn-edit{font-size:11px;padding:10px 8px}}@media (min-width:1920px){.dashboard-container{max-width:1600px}.biography-grid{gap:40px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.dashboard-header h1{font-size:56px}.coming-soon h1{font-size:72px}}@media (min-width:1440px) and (max-width:1919px){.dashboard-container{max-width:1400px}.biography-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media (min-width:1200px) and (max-width:1439px){.dashboard-container{max-width:1100px}.biography-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (min-width:992px) and (max-width:1199px){.topbar-container{padding:0 15px}.topbar-menu{gap:8px}.topbar-btn{font-size:12px;padding:8px 14px}.topbar-logo img{height:45px;width:45px}.topbar-logo span{font-size:16px}.dashboard-container{max-width:100%}.biography-grid{gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.dashboard-header h1{font-size:42px}.coming-soon h1{font-size:56px}}@media (min-width:768px) and (max-width:991px){.topbar-container{height:70px;padding:0 15px}.topbar{border-bottom:3px solid}.topbar-logo img{height:40px;width:40px}.topbar-logo span{font-size:14px}.topbar-menu{gap:6px}.topbar-btn{font-size:12px;padding:8px 12px}.topbar-divider{height:25px}.user-avatar-small{height:32px;width:32px}.user-name-small{font-size:12px;max-width:80px}.main-content{margin-top:20px;padding:30px 15px}}@media (min-width:576px) and (max-width:767px){.hamburger-btn{display:flex}.menu-overlay{display:block}.topbar-container{height:70px;justify-content:space-between}.topbar{border-bottom:3px solid}.topbar-logo span{display:none!important}.topbar-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#1a1a00f2,#000000fa);border-bottom:4px solid;border-image:repeating-linear-gradient(90deg,gold,gold 15px,orange 0,orange 30px) 1;display:none;flex-direction:column;gap:0;left:0;max-height:calc(100vh - 70px);overflow-y:auto;padding:15px 0;position:fixed;right:0;top:70px;z-index:99}.topbar-menu.open{display:flex}.topbar-btn{border:none;border-bottom:2px solid;border-image:repeating-linear-gradient(90deg,gold,gold 5px,#0000 0,#0000 10px) 1;font-size:13px;justify-content:flex-start;margin:0;padding:12px 20px;width:100%}.topbar-btn:hover{background:linear-gradient(135deg,#ffd70026,#ffa5001a);transform:none}.topbar-divider{height:3px;margin:10px 0;width:100%}.topbar-logo img{height:40px;width:40px}.user-profile-btn{border:2px solid;gap:8px;padding:8px 10px}.user-avatar-small{height:32px;width:32px}.user-name-small{font-size:12px;max-width:70px}.dropdown-arrow{font-size:10px}.main-content{margin-top:70px;padding:30px 20px}.biography-grid{gap:25px;grid-template-columns:1fr}.dashboard-header h1{font-size:32px}.coming-soon{padding:70px 25px}.coming-soon h1{font-size:42px}}@media (min-width:480px) and (max-width:575px){.hamburger-btn{display:flex;height:40px;width:40px}.menu-overlay{display:block}.topbar-container{height:65px;padding:0 12px}.topbar{border-bottom:2px solid}.topbar-logo img{height:35px;width:35px}.topbar-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#1a1a00f2,#000000fa);border-bottom:3px solid;display:none;flex-direction:column;gap:0;left:0;max-height:calc(100vh - 65px);overflow-y:auto;padding:10px 0;position:fixed;right:0;top:65px;z-index:99}.topbar-menu.open{display:flex}.topbar-btn{border:none;border-bottom:2px solid;font-size:12px;justify-content:flex-start;margin:0;padding:10px 18px;width:100%}.topbar-divider{height:2px;margin:8px 0;width:100%}.user-profile-btn{border:2px solid;gap:6px;padding:7px 9px}.user-avatar-small{height:30px;width:30px}.user-name-small{font-size:11px;max-width:60px}.dropdown-arrow{font-size:9px}.main-content{margin-top:65px;padding:25px 15px}.biography-grid{gap:25px;grid-template-columns:1fr}.dashboard-header{margin-bottom:30px;padding:20px 15px}.dashboard-header h1{font-size:28px}.coming-soon{border:4px solid;padding:60px 20px}.coming-soon h1{font-size:36px}}@media (max-width:479px){.hamburger-btn{display:flex;gap:4px;height:38px;width:38px}.hamburger-line{height:2.5px;width:20px}.menu-overlay{display:block}.topbar-container{height:60px;padding:0 10px}.topbar{border-bottom:2px solid}.topbar-logo img{border:2px solid;height:32px;width:32px}.topbar-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#1a1a00f2,#000000fa);border-bottom:2px solid;display:none;flex-direction:column;gap:0;left:0;max-height:calc(100vh - 60px);overflow-y:auto;padding:8px 0;position:fixed;right:0;top:60px;z-index:99}.topbar-menu.open{display:flex}.topbar-btn{border:none;border-bottom:2px solid;font-size:11px;justify-content:flex-start;margin:0;padding:10px 15px;width:100%}.topbar-btn:hover{transform:none}.topbar-divider{height:2px;margin:6px 0;width:100%}.user-profile-btn{border:2px solid;gap:5px;padding:6px 8px}.user-avatar-small{border:2px solid;height:28px;width:28px}.user-name-small{font-size:10px;max-width:50px}.dropdown-arrow{font-size:8px}.auth-buttons{gap:6px}.auth-btn{border:2px solid;font-size:10px;padding:8px 10px}.main-content{margin-top:60px;padding:20px 12px}.biography-grid{gap:15px;grid-template-columns:1fr}.dashboard-header{border:2px solid;margin-bottom:25px;padding:18px 12px}.dashboard-header h1{font-size:24px}.subtitle{font-size:13px}.coming-soon{border:3px solid;padding:50px 15px}.coming-soon h1{font-size:32px}.coming-soon p{font-size:18px}.card-image{height:140px}.card-content{padding:15px}.card-content h3{font-size:18px}.card-description{font-size:13px}.dashboard-footer{border:2px solid;margin-top:30px;padding:12px}.dashboard-footer p{font-size:12px}}@media (max-width:991px) and (orientation:landscape){.topbar-container{height:60px}.topbar-logo img{height:35px;width:35px}.main-content{margin-top:60px;padding:20px 15px}.hamburger-btn{height:40px;width:40px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.topbar-logo img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.card-image img{image-rendering:-webkit-optimize-contrast}}@media (hover:none) and (pointer:coarse){.topbar-btn,.user-profile-btn{min-height:44px}.biography-card:hover,.topbar-btn:hover{transform:none}}@media (prefers-reduced-motion:reduce){.biography-card:before,.coming-soon:before,.topbar-logo img{animation:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.biography-section{background:linear-gradient(180deg,#1a1a004d,#00000080);padding:60px 40px;width:100%}.biography-wrapper{margin:0 auto;max-width:1400px}.biography-layout{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:.1fr 1.2fr}.biography-left{display:flex;flex-direction:column;gap:20px}.biography-main-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a0099,#000c);border:3px solid;border-image:repeating-linear-gradient(45deg,gold,gold 15px,orange 0,orange 30px) 1;border-radius:12px;box-shadow:0 10px 40px #ffd70033;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.biography-main-card:hover{box-shadow:0 15px 60px #ffd70059;transform:translateY(-5px)}.card-image-large{border-bottom:2px solid gold;height:300px;overflow:hidden;width:100%}.card-image-large img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.biography-main-card:hover .card-image-large img{transform:scale(1.05)}.card-content-large{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:20px}.card-title-large{color:gold;font-size:24px;font-weight:700;margin:0;text-shadow:0 0 20px #ffd70066}.card-date-large{color:orange;font-size:12px;margin:0;opacity:.9}.card-description-large{color:#ccc;font-size:14px;line-height:1.5;margin:0}.card-full-content-large{border-top:1px solid #ffd70033;color:#aaa;font-size:13px;line-height:1.6;margin-top:8px;max-height:120px;overflow-y:auto;padding-top:10px}.card-admin-actions-large{background:linear-gradient(135deg,#ffd70014,#0000004d);border-top:2px solid #ffd7004d;display:flex;gap:12px;justify-content:flex-end;padding:15px 30px}.card-admin-actions-large .btn-delete-card,.card-admin-actions-large .btn-edit{flex:1 1;max-width:150px}.biography-right{display:flex;flex-direction:column;gap:15px}.btn-add-content-compact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f03,#00c8001a);border:2px solid #0f0;border-radius:8px;box-shadow:0 0 15px #00ff004d;color:#0f0;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;padding:12px 20px;text-shadow:0 0 8px #00ff0080;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-add-content-compact:hover{background:linear-gradient(135deg,#0f06,#00c80033);border-color:gold;box-shadow:0 0 25px #0f09,inset 0 0 15px #ffffff1a;color:gold;transform:translateY(-2px)}.biography-grid-compact{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.biography-card-small{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a0080,#000000b3);border:2px solid gold;border-radius:8px;box-shadow:0 4px 15px #ffd70026;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.biography-card-small:hover{border-color:orange;box-shadow:0 8px 25px #ffd7004d;transform:translateY(-3px)}.card-image-small{border-bottom:2px solid gold;height:150px;overflow:hidden;width:100%}.card-image-small img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.biography-card-small:hover .card-image-small img{transform:scale(1.08)}.card-content-small{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:12px}.card-title-small{color:gold;font-size:14px;font-weight:700;line-height:1.3;text-shadow:0 0 8px #ffd7004d}.card-description-small,.card-title-small{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden;text-overflow:ellipsis}.card-description-small{color:#aaa;font-size:12px;line-height:1.4}.card-actions-small{background:#0000004d;border-top:1px solid #ffd70033;display:flex;gap:6px;justify-content:flex-end;padding:8px 12px}.btn-small-delete,.btn-small-edit{border:2px solid;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:6px 10px;text-align:center;transition:all .2s ease}.btn-small-edit{background:linear-gradient(135deg,#9370db26,#000c);border-color:#9370db;color:#b19fff}.btn-small-edit:hover{background:linear-gradient(135deg,#9370db59,#4b008240);border-color:gold;box-shadow:0 0 12px #9370db66;color:gold}.btn-small-delete{background:linear-gradient(135deg,#ff000026,#000c);border-color:#f44;color:#ff6b6b}.btn-small-delete:hover{background:linear-gradient(135deg,#ff000059,#8b000033);border-color:gold;box-shadow:0 0 12px #ff00004d;color:gold}@media (max-width:1200px){.biography-layout{gap:30px;grid-template-columns:1fr .9fr}.card-image-large{height:350px}.card-title-large{font-size:28px}}@media (max-width:1024px){.biography-section{padding:50px 30px}.biography-layout{gap:30px;grid-template-columns:1fr}.card-image-large{height:300px}.biography-grid-compact{grid-template-columns:1fr 1fr}}@media (max-width:768px){.biography-section{padding:40px 20px}.biography-layout{gap:20px}.card-content-large{padding:20px}.card-title-large{font-size:24px}.card-description-large{font-size:14px}.card-image-large{height:250px}.biography-grid-compact{gap:12px;grid-template-columns:1fr 1fr}.card-image-small{height:120px}.card-title-small{font-size:13px}}@media (max-width:480px){.biography-section{padding:30px 15px}.biography-layout{gap:15px;grid-template-columns:1fr}.card-content-large{padding:15px}.card-title-large{font-size:20px}.card-description-large{font-size:13px}.card-image-large{height:200px}.card-full-content-large{max-height:150px}.biography-grid-compact{grid-template-columns:1fr}.card-image-small{height:100px}.card-title-small{font-size:12px}.card-description-small{font-size:11px}}.user-management-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#1a1a0099,#000000b3);border:3px solid;border-image:repeating-linear-gradient(45deg,gold,gold 15px,orange 0,orange 30px) 1;border-radius:15px;box-shadow:0 0 40px #ffd70066,inset 0 0 50px #ffd7000d;margin:0 auto;max-width:1400px;padding:40px 30px}.management-header{border-bottom:3px solid;border-image:repeating-linear-gradient(90deg,gold,gold 15px,orange 0,orange 30px) 1;margin-bottom:40px;padding-bottom:30px;text-align:center}.management-header h1{color:gold;font-size:42px;margin:0 0 10px;text-shadow:3px 3px 6px #ffd70080,0 0 20px #ffd70066}.management-header p{color:orange;font-size:16px;margin:0;opacity:.9}.management-controls{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:1fr 300px auto;margin-bottom:30px}.search-box{display:flex;gap:10px}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a0099,#000c);border:2px solid gold;border-radius:8px;box-shadow:0 4px 15px #ffd70033;color:gold;flex:1 1;font-size:14px;padding:12px 20px;transition:all .3s ease}.search-input::placeholder{color:#ffd70080}.search-input:focus{border-color:orange;box-shadow:0 6px 20px #ffd70066,inset 0 0 10px #ffd7001a;outline:none}.filter-box{display:flex;flex-direction:column;gap:8px}.filter-box label{color:gold;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.filter-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a0099,#000c);border:2px solid gold;border-radius:8px;box-shadow:0 4px 15px #ffd70033;color:gold;cursor:pointer;font-size:13px;font-weight:700;padding:10px 15px;transition:all .3s ease}.filter-select:hover{border-color:orange;box-shadow:0 6px 20px #ffd70066,inset 0 0 10px #ffd7001a}.filter-select:focus{border-color:orange;outline:none}.filter-select option{background:#000;color:gold}.user-stats{background:#ffd7001a;border:2px solid gold;border-radius:8px;box-shadow:0 0 15px #ffd7004d;display:flex;gap:20px;padding:12px 20px}.stat{color:orange;font-size:13px;font-weight:700}.stat strong{color:gold;font-size:15px;text-shadow:0 0 8px #ffd70099}.users-table-container{border-radius:10px;box-shadow:0 0 30px #ffd70033;overflow-x:auto}.users-table{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border-collapse:collapse;width:100%}.users-table thead{background:linear-gradient(135deg,#ffd70026,#ffa5001a);border-bottom:3px solid;border-image:repeating-linear-gradient(90deg,gold,gold 10px,orange 0,orange 20px) 1}.users-table th{color:gold;font-size:13px;font-weight:700;letter-spacing:1px;padding:15px;text-align:left;text-shadow:0 0 10px #ffd70080;text-transform:uppercase}.users-table tbody tr{border-bottom:2px solid;border-image:repeating-linear-gradient(90deg,#0000,#0000 20px,#ffd7004d 0,#ffd7004d 40px) 1;transition:all .3s ease}.users-table tbody tr:hover{background:#ffd70014;box-shadow:inset 0 0 20px #ffd7001a}.users-table td{color:orange;font-size:14px;padding:15px;vertical-align:middle}.user-name{align-items:center;color:gold;display:flex;font-weight:600;gap:12px}.user-avatar{background:#00000080;border:2px solid gold;border-radius:50%;box-shadow:0 0 10px #ffd70066;flex-shrink:0;height:40px;overflow:hidden;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{font-size:16px}.user-info{display:flex;flex-direction:column;gap:4px}.user-display-name{color:gold;font-size:14px;font-weight:600}.user-id{color:orange;font-size:11px;opacity:.7}.user-email{color:gold;font-size:13px;opacity:.85}.user-date{color:orange;font-size:12px;opacity:.8}.role-badge{border:2px solid;border-radius:20px;display:inline-block;font-size:12px;font-weight:700;padding:6px 12px;text-shadow:0 0 5px #00000080}.role-badge.role-superadmin{background:#dc143c33;border-color:#f44;box-shadow:0 0 15px #dc143c66;color:#ff6b6b}.role-badge.role-admin{background:#9370db33;border-color:#9370db;box-shadow:0 0 15px #9370db66;color:#b19fff}.role-badge.role-client{background:#ffd70026;border-color:gold;box-shadow:0 0 15px #ffd7004d;color:gold}.role-buttons{display:flex;flex-wrap:wrap;gap:6px}.role-btn{background:#0000004d;border:2px solid;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 10px;text-transform:uppercase;transition:all .3s ease}.role-btn:hover{box-shadow:0 4px 12px #ffd7004d;transform:translateY(-2px)}.btn-client{border-color:gold;color:gold}.btn-client:hover{background:#ffd70026}.btn-client.active{background:#ffd7004d;box-shadow:0 0 20px #ffd70099}.btn-admin{border-color:#9370db;color:#9370db}.btn-admin:hover{background:#9370db26}.btn-admin.active{background:#9370db4d;box-shadow:0 0 20px #9370db99}.btn-superadmin{border-color:#f44;color:#f44}.btn-superadmin:hover{background:#dc143c26}.btn-superadmin.active{background:#dc143c4d;box-shadow:0 0 20px #dc143c99}.loading{padding:60px}@media (max-width:1200px){.user-management-container{padding:30px 20px}.management-header h1{font-size:36px}.management-controls{gap:15px;grid-template-columns:1fr}.user-stats{width:100%}}@media (max-width:768px){.user-management-container{padding:20px 15px}.management-header h1{font-size:28px}.management-header p{font-size:14px}.management-controls{gap:12px;grid-template-columns:1fr}.users-table{font-size:12px}.users-table td,.users-table th{padding:10px}.role-buttons{flex-direction:column}.role-btn{font-size:10px;padding:8px 6px;width:100%}.user-avatar{height:36px;width:36px}}@media (max-width:576px){.user-management-container{border-width:2px;padding:15px 12px}.management-header h1{font-size:24px;margin-bottom:8px}.management-header p{font-size:12px}.management-header{margin-bottom:20px;padding-bottom:15px}.search-input{font-size:12px;padding:10px 15px}.filter-box label{font-size:11px}.filter-select{font-size:12px;padding:8px 12px}.user-stats{gap:12px;padding:10px 15px}.stat{font-size:12px}.stat strong{font-size:14px}.users-table{font-size:11px}.users-table td,.users-table th{font-size:11px;padding:8px}.user-avatar{height:32px;width:32px}.avatar-placeholder{font-size:14px}.user-display-name{font-size:12px}.role-badge,.user-id{font-size:10px}.role-badge{padding:4px 8px}.role-buttons{gap:4px}.role-btn{font-size:9px;padding:4px 6px}.empty-state{border-width:2px;padding:60px 20px}.empty-state h2{font-size:24px}.empty-state p{font-size:14px}}.events-page-wrapper{margin-top:130px;width:100%}.events-container{margin:0 auto;max-width:1400px;padding:20px;scroll-snap-type:y mandatory;width:100%}.events-header{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#1a1a0099,#000000b3);border:4px solid;border-image:repeating-linear-gradient(45deg,gold,gold 15px,orange 0,orange 30px,#000 0,#000 45px) 1;border-radius:12px;box-shadow:0 0 40px #ffd70066,inset 0 0 50px #ffd7000d;margin-bottom:50px;overflow:hidden;padding:40px 30px;position:relative;text-align:center}.events-header:before{animation:headerPattern 20s linear infinite;background:repeating-linear-gradient(90deg,#0000,#ffd70008 50px,#0000 100px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.events-header h1{color:gold;font-size:56px;letter-spacing:2px;margin:0 0 15px;position:relative;text-shadow:3px 3px 6px #ffd70080,0 0 20px #ffd70066;z-index:1}.events-subtitle{color:orange;font-size:18px;margin:0;opacity:.9;position:relative;z-index:1}.admin-panel-events{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffd70014,#ffa5000d);border:2px solid;border-image:repeating-linear-gradient(90deg,gold,gold 15px,orange 0,orange 30px) 1;border-radius:10px;box-shadow:0 0 20px #ffd70033;margin-bottom:40px;padding:25px}.admin-controls{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.btn-create-event{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f03,#00c8001a);border:2px solid #0f0;border-radius:8px;box-shadow:0 0 15px #00ff004d;color:#0f0;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;letter-spacing:1px;padding:14px 28px;text-shadow:0 0 8px #00ff0080;text-transform:uppercase;transition:all .3s ease}.btn-create-event:hover{background:linear-gradient(135deg,#0f06,#00c80033);border-color:gold;box-shadow:0 0 25px #0f09,inset 0 0 15px #ffffff1a;color:gold;transform:translateY(-2px)}.btn-create-event .icon{font-size:18px}.btn-add-gallery{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#c864ff33,#9632c81a);border:2px solid #c864ff;border-radius:8px;box-shadow:0 0 15px #c864ff4d;color:#e89bff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;letter-spacing:1px;padding:14px 28px;text-shadow:0 0 8px #c864ff80;text-transform:uppercase;transition:all .3s ease}.btn-add-gallery:hover{background:linear-gradient(135deg,#c864ff66,#9632c833);border-color:gold;box-shadow:0 0 25px #c864ff99,inset 0 0 15px #ffffff1a;color:gold;transform:translateY(-2px)}.btn-add-gallery .icon{font-size:18px}.events-filter{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:40px}.filter-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1a1a0099,#000c);border:2px solid gold;border-radius:6px;box-shadow:0 4px 12px #ffd70040;color:gold;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 25px;text-transform:uppercase;transition:all .3s ease}.filter-btn:hover{background:linear-gradient(135deg,#ffd70033,#ffa50026);border-color:orange;box-shadow:0 0 25px #ffd70099,inset 0 0 25px #ffffff26;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#ffd7004d,#ffa50033);border-color:gold;box-shadow:0 0 30px #ffd700cc,inset 0 0 30px #fff3;color:gold}.events-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:50px}.event-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#1a1a0099,#0a0a00b3);border:3px solid gold;border-radius:12px;box-shadow:0 8px 20px #ffd7004d,inset 0 0 30px #ffd7000d;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.event-card:hover{border-color:orange;box-shadow:0 20px 50px #ffd70080,inset 0 0 50px #ffd7001a;transform:translateY(-10px)}.event-card.past{border-color:#ffd70080;opacity:.75}.event-image{border-bottom:3px solid gold;height:220px;overflow:hidden;position:relative;width:100%}.event-image img{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.event-card:hover .event-image img{transform:scale(1.1)}.event-image:after{background:linear-gradient(180deg,#0000,#0006);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.event-type-badge{background:linear-gradient(135deg,#ffd70026,#000c);border:2px solid gold;border-radius:6px;box-shadow:0 4px 12px #ffd7004d;color:gold;left:12px;text-shadow:0 0 8px #ffd70080}.event-status-badge,.event-type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;font-weight:700;padding:8px 14px;position:absolute;top:12px;z-index:2}.event-status-badge{background:linear-gradient(135deg,#ff646433,#000c);border:2px solid #f44;border-radius:6px;box-shadow:0 4px 12px #ff44444d;color:#ff6b6b;right:12px;text-shadow:0 0 8px #ff444480}.event-info{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:20px}.event-title{color:gold;font-size:22px;font-weight:700;line-height:1.3;margin:0;text-shadow:0 0 12px #ffd70066}.event-details{border-bottom:1px solid #ffd70033;border-top:1px solid #ffd70033;display:flex;flex-direction:column;gap:8px;padding:12px 0}.detail-row{color:#aaa;font-size:13px;gap:10px;line-height:1.4;min-height:20px;width:100%}.detail-row,.detail-row .icon{align-items:center;display:flex}.detail-row .icon{color:gold;flex-shrink:0;font-size:16px;justify-content:center;min-width:20px;width:20px}.event-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;flex:1 1;font-size:14px;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.event-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.btn-buy-tickets,.btn-delete-event,.btn-edit-event,.btn-view-detail{align-items:center;border:2px solid;border-radius:6px;cursor:pointer;display:inline-flex;flex:1 1;font-size:12px;font-weight:700;justify-content:center;letter-spacing:.5px;min-width:80px;padding:10px 12px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn-view-detail{background:linear-gradient(135deg,#4a90e226,#000c);border-color:#4a90e2;color:#7cb3ff}.btn-view-detail:hover{background:linear-gradient(135deg,#4a90e259,#000c);border-color:gold;box-shadow:0 0 20px #4a90e299,inset 0 0 15px #ffffff1a;color:gold;transform:translateY(-2px)}.btn-edit-event{background:linear-gradient(135deg,#9370db26,#000c);border-color:#9370db;color:#b19fff}.btn-edit-event:hover{background:linear-gradient(135deg,#9370db59,#4b008240);border-color:gold;box-shadow:0 0 20px #9370db99,inset 0 0 15px #ffffff1a;color:gold;transform:translateY(-2px)}.btn-delete-event{background:linear-gradient(135deg,#ff000026,#000c);border-color:#f44;color:#ff6b6b}.btn-delete-event:hover{background:linear-gradient(135deg,#ff000059,#8b000033);border-color:gold;box-shadow:0 0 20px #ff000080,inset 0 0 15px #ffffff1a;transform:translateY(-2px)}.btn-buy-tickets{background:linear-gradient(135deg,#00ff0026,#000c);border-color:#0f0;color:#0f0;text-shadow:0 0 8px #00ff0080}.btn-buy-tickets:hover{background:linear-gradient(135deg,#00ff0059,#00c80033);border-color:gold;box-shadow:0 0 20px #00ff0080,inset 0 0 15px #ffffff1a;color:gold;transform:translateY(-2px)}.modal-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;padding:100px 10px 10px}.modal-content{border:3px solid gold;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-content.modal-detail{max-width:420px}.modal-header{align-items:center;background:linear-gradient(135deg,#ffd70014,#0000004d);border-bottom:2px solid #ffd7004d;display:flex;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{font-size:20px;margin:0;text-shadow:0 0 15px #ffd70066}.btn-close{align-items:center;background:linear-gradient(135deg,#ff000026,#000c);border:2px solid #f44;border-radius:50%;color:#ff6b6b;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:35px;justify-content:center;transition:all .3s ease;width:35px}.btn-close:hover{background:linear-gradient(135deg,#ff000059,#8b000033);border-color:gold;box-shadow:0 0 15px #ff000080;color:gold}.event-form{padding:15px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.form-group{gap:4px}.form-group:last-child{grid-column:1/-1}.form-group label{font-size:12px;text-shadow:0 0 8px #ffd7004d}.form-group input,.form-group select,.form-group textarea{background:linear-gradient(135deg,#1a1a00cc,#000000e6);border:2px solid gold;border-radius:6px;box-shadow:inset 0 0 10px #ffd7001a;color:gold;font-family:inherit;font-size:12px;padding:8px 12px;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffd70080}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:linear-gradient(135deg,#1a1a00e6,#000000f2);border-color:orange;box-shadow:inset 0 0 15px #ffd70026,0 0 20px #ffd7004d;outline:none}.form-group select{cursor:pointer}.form-group select option{background:#000;color:gold}.form-group input[type=file]{background:linear-gradient(135deg,#1a1a00cc,#000000e6);border:2px dashed gold;color:gold;cursor:pointer;font-size:12px;padding:8px 12px;position:relative;transition:all .3s ease}.form-group input[type=file]::-webkit-file-upload-button{background:linear-gradient(135deg,#ffd70033,#ffa5001a);border:2px solid gold;border-radius:4px;color:gold;cursor:pointer;font-size:11px;font-weight:700;margin-right:8px;padding:6px 12px;text-shadow:0 0 8px #ffd7004d;-webkit-transition:all .3s ease;transition:all .3s ease}.form-group input[type=file]::file-selector-button{background:linear-gradient(135deg,#ffd70033,#ffa5001a);border:2px solid gold;border-radius:4px;color:gold;cursor:pointer;font-size:11px;font-weight:700;margin-right:8px;padding:6px 12px;text-shadow:0 0 8px #ffd7004d;transition:all .3s ease}.form-group input[type=file]::-webkit-file-upload-button:hover{background:linear-gradient(135deg,#ffd70066,#ffa50033);border-color:orange;box-shadow:0 0 12px #ffd70066;transform:scale(1.05)}.form-group input[type=file]::file-selector-button:hover{background:linear-gradient(135deg,#ffd70066,#ffa50033);border-color:orange;box-shadow:0 0 12px #ffd70066;transform:scale(1.05)}.form-group input[type=file]:focus{border-color:orange;box-shadow:inset 0 0 15px #ffd70026,0 0 20px #ffd7004d;outline:none}.image-preview-container{align-items:center;background:#0000004d;border:2px solid #ffd7004d;border-radius:6px;display:flex;justify-content:center;margin-top:8px;min-height:80px;padding:8px;position:relative;text-align:center}.image-preview-container.has-image{background:#0000;border:none;padding:0}.image-preview{border:2px solid gold;border-radius:6px;box-shadow:0 4px 15px #ffd70033;max-height:80px;object-fit:contain;width:100%}.image-preview-empty{color:#ffd70080;font-size:12px;font-style:italic}.image-preview-info{color:gold;font-size:11px;margin-top:6px;text-shadow:0 0 8px #ffd7004d}.form-actions{border-top:2px solid #ffd7004d;gap:10px;margin-top:12px;padding:12px 0 0}.btn-cancel,.btn-submit{border:2px solid;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:700;letter-spacing:.5px;padding:10px 15px;text-transform:uppercase;transition:all .3s ease}.btn-cancel{background:linear-gradient(135deg,#ff000026,#000c);border-color:#f44;color:#ff6b6b}.btn-cancel:hover{background:linear-gradient(135deg,#ff000059,#8b000033);box-shadow:0 0 15px #ff000080}.detail-content{display:flex;flex-direction:column;gap:10px;padding:10px}.detail-image{border:2px solid gold;border-radius:8px;box-shadow:0 10px 30px #ffd7004d;height:150px;object-fit:contain;width:100%}.detail-info{display:flex;flex-direction:column;gap:8px}.detail-section{background:linear-gradient(135deg,#ffd70014,#0000004d);border:1px solid #ffd7004d;border-radius:8px;padding:8px}.detail-section h3{color:gold;font-size:12px;margin:0 0 6px;text-shadow:0 0 10px #ffd7004d}.detail-section p{color:#ccc;font-size:11px;line-height:1.3;margin:0 0 4px}.detail-section p:last-child{margin:0}.detail-section strong{color:gold}.detail-actions{display:flex;gap:15px;margin-top:10px}.btn-buy-tickets-detail{background:linear-gradient(135deg,#0f03,#00c8001a);border:2px solid #0f0;border-radius:6px;box-shadow:0 4px 12px #00ff004d;color:#0f0;cursor:pointer;display:inline-block;flex:1 1;font-size:14px;font-weight:700;letter-spacing:1px;padding:14px 25px;text-align:center;text-decoration:none;text-shadow:0 0 8px #00ff0080;text-transform:uppercase;transition:all .3s ease}.btn-buy-tickets-detail:hover{background:linear-gradient(135deg,#0f06,#00c80033);border-color:gold;box-shadow:0 0 25px #0f09,inset 0 0 15px #ffffff1a;color:gold;transform:translateY(-2px)}.loading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a0066;border:2px solid;border-image:repeating-linear-gradient(45deg,gold,gold 10px,#0000 0,#0000 20px) 1;border-radius:15px;color:gold;padding:80px 40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:5px solid #ffd70033;border-radius:50%;border-top-color:gold;box-shadow:0 0 20px #ffd70066;height:60px;margin:0 auto 20px;width:60px}.empty-state{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#1a1a0099,#000000b3);border:4px solid;border-image:repeating-linear-gradient(45deg,gold,gold 10px,orange 0,orange 20px,#000 0,#000 30px) 1;border-radius:15px;box-shadow:0 10px 40px #ffd7004d,inset 0 0 50px #ffd7000d;padding:80px 40px;text-align:center}.empty-state h2{color:gold;font-size:32px;margin-bottom:15px;text-shadow:0 0 15px #ffd70080}.empty-state p{color:orange;font-size:18px;margin:10px 0}.btn-delete-gallery{background:linear-gradient(135deg,#ff000026,#000c);color:#ff6b6b}.btn-delete-gallery:hover{background:linear-gradient(135deg,#ff000059,#8b000033);border-color:gold;box-shadow:0 0 20px #ff000080,inset 0 0 15px #ffffff1a;transform:translateY(-2px)}.btn-gallery-event{align-items:center;background:linear-gradient(135deg,#c864ff26,#000c);border:2px solid #c864ff;border-radius:6px;color:#e89bff;cursor:pointer;display:inline-flex;flex:1 1;font-size:12px;font-weight:700;justify-content:center;letter-spacing:.5px;min-width:80px;padding:10px 12px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn-gallery-event:hover{background:linear-gradient(135deg,#c864ff59,#4b008240);border-color:gold;box-shadow:0 0 20px #c864ff99,inset 0 0 15px #ffffff1a;color:gold;transform:translateY(-2px)}.gallery-form{padding:15px}.gallery-upload-area{background:#0000004d;border:2px dashed gold;border-radius:8px;cursor:pointer;margin-bottom:15px;padding:30px;position:relative;text-align:center;transition:all .3s ease}.gallery-upload-area:hover{background:#ffd7000d;border-color:orange}.gallery-file-input{display:none}.gallery-upload-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;-webkit-user-select:none;user-select:none}.upload-icon{font-size:40px}.upload-text{color:gold;font-size:16px;font-weight:700;text-shadow:0 0 8px #ffd7004d}.upload-subtext{color:#ffd70099;font-size:12px}.gallery-preview-grid{margin-bottom:15px}.gallery-preview-grid h3{color:gold;font-size:12px;margin:0 0 10px;text-shadow:0 0 8px #ffd7004d}.preview-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.preview-item{aspect-ratio:1;background:#00000080;border:2px solid gold;border-radius:6px;overflow:hidden;position:relative;width:100%}.preview-item img{height:100%;object-fit:cover;width:100%}.btn-remove-image{align-items:center;background:linear-gradient(135deg,#f00c,#000000e6);border:2px solid #f44;border-radius:50%;color:gold;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;padding:0;position:absolute;right:2px;top:2px;transition:all .3s ease;width:24px}.btn-remove-image:hover{background:linear-gradient(135deg,#ff0000e6,#8b000080);border-color:gold;box-shadow:0 0 10px #f009}.gallery-actions{border-top:2px solid #ffd7004d;display:flex;gap:10px;margin-top:12px;padding:12px 0 0}.gallery-section{background:linear-gradient(135deg,#ffd70014,#0000004d);border:2px solid #ffd7004d;border-radius:12px;box-shadow:0 0 20px #ffd70033;margin-top:50px;padding:25px}.gallery-title{color:gold;font-size:24px;margin:0 0 20px;text-align:center;text-shadow:0 0 15px #ffd70066}.galleries-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gallery-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1a1a0099,#0a0a00b3);border:2px solid gold;border-radius:10px;box-shadow:0 8px 20px #ffd70033,inset 0 0 20px #ffd7000d;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:15px;transition:all .3s ease}.gallery-card:hover{border-color:orange;box-shadow:0 15px 40px #ffd70066,inset 0 0 30px #ffd7001a;transform:translateY(-8px)}.gallery-card-title{color:gold;font-size:16px;font-weight:700;line-height:1.3;margin:0;text-shadow:0 0 10px #ffd7004d}.gallery-images-preview{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);height:160px;width:100%}.gallery-thumb{background:#00000080;border:1px solid #ffd7004d;border-radius:6px;height:100%;overflow:hidden;width:100%}.gallery-thumb img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-card:hover .gallery-thumb img{transform:scale(1.1)}.gallery-thumb-more{align-items:center;background:linear-gradient(135deg,#ffd70026,#000c);border:1px solid #ffd7004d;border-radius:6px;color:gold;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;text-shadow:0 0 8px #ffd70066;width:100%}.gallery-card-info{align-items:center;border-bottom:1px solid #ffd70033;border-top:1px solid #ffd70033;display:flex;justify-content:space-between;padding:8px 0}.btn-delete-gallery{border:2px solid #f44;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.5px;padding:10px;text-transform:uppercase;transition:all .3s ease;width:100%}.galleries-horizontal-container{border-radius:8px;overflow:hidden;position:relative;width:100%}.galleries-scroll{-ms-overflow-style:none;animation:scrollLeftInfinite 40s linear infinite;display:flex;gap:20px;padding:10px 0;scroll-behavior:smooth;scrollbar-width:none}.galleries-scroll::-webkit-scrollbar{display:none}@keyframes scrollLeftInfinite{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - 40px))}}.galleries-scroll:hover{animation-play-state:paused}.galleries-scroll:after{content:"";flex:0 0 20px}.gallery-card-horizontal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1a1a0099,#0a0a00b3);border:2px solid gold;border-radius:10px;box-shadow:0 8px 20px #ffd70033,inset 0 0 20px #ffd7000d;display:flex;flex:0 0 auto;flex-direction:column;height:280px;overflow:hidden;position:relative;transition:all .3s ease;width:400px}.gallery-card-horizontal:hover{border-color:orange;box-shadow:0 15px 40px #ffd70066,inset 0 0 30px #ffd7001a;transform:translateY(-8px)}.gallery-image-single{align-items:center;background:#00000080;display:flex;flex:1 1;height:100%;justify-content:center;overflow:hidden;width:100%}.gallery-image-single img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-card-horizontal:hover .gallery-image-single img{transform:scale(1.02)}.btn-delete-image{align-items:center;background:linear-gradient(135deg,#ff000026,#000c);border:2px solid #f44;border-radius:6px;color:#ff6b6b;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;padding:0;position:absolute;right:8px;top:8px;transition:all .3s ease;width:36px;z-index:5}.btn-delete-image:hover{background:linear-gradient(135deg,#ff000059,#8b000033);border-color:gold;box-shadow:0 0 15px #ff000080;color:gold;transform:scale(1.1)}.gallery-card-footer{align-items:center;background:linear-gradient(135deg,#ffd70014,#0000004d);border-top:1px solid #ffd70033;display:flex;justify-content:space-between;padding:10px 12px}.gallery-count{color:#ffd700b3;font-size:12px;font-weight:700}.btn-delete-gallery-horizontal{align-items:center;background:linear-gradient(135deg,#ff000026,#000c);border:2px solid #f44;border-radius:6px;color:#ff6b6b;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.btn-delete-gallery-horizontal:hover{background:linear-gradient(135deg,#ff000059,#8b000033);border-color:gold;box-shadow:0 0 15px #ff000080;color:gold;transform:scale(1.1)}@media (max-width:768px){.gallery-section{margin-top:30px;padding:15px}.gallery-title{font-size:20px}.gallery-card-horizontal{height:240px;width:320px}.gallery-count{font-size:11px}.btn-delete-gallery-horizontal{font-size:12px;height:28px;width:28px}}@media (max-width:480px){.gallery-section{margin-top:20px;padding:12px}.gallery-title{font-size:18px;margin-bottom:15px}.gallery-card-horizontal{height:200px;width:280px}.gallery-count{font-size:10px}.btn-delete-gallery-horizontal{font-size:11px;height:26px;width:26px}}@media (max-width:768px){.gallery-section{margin-top:30px;padding:15px}.gallery-title{font-size:20px}.galleries-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gallery-card{gap:10px;padding:12px}.gallery-card-title{font-size:14px}.gallery-images-preview{height:120px}.preview-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}@media (max-width:480px){.gallery-section{margin-top:20px;padding:12px}.gallery-title{font-size:18px;margin-bottom:15px}.galleries-grid{gap:12px;grid-template-columns:1fr}.gallery-upload-area{padding:20px}.upload-icon{font-size:32px}.upload-text{font-size:14px}.upload-subtext{font-size:11px}}@media (max-width:1200px){.events-grid{gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.events-header h1{font-size:48px}.modal-content{max-width:90%}}@media (max-width:768px){.events-header{margin-bottom:30px;padding:30px 20px}.events-header h1{font-size:36px}.events-header,.events-subtitle{font-size:14px}.events-grid{gap:20px;grid-template-columns:1fr}.event-image{height:180px}.form-row{gap:15px;grid-template-columns:1fr}.admin-panel-events{margin-bottom:25px;padding:20px}.btn-create-event{font-size:14px;justify-content:center;width:100%}.modal-header h2{font-size:22px}.detail-image{height:250px}.event-form{padding:20px}}@media (max-width:480px){.events-container{padding:15px}.events-header{border:2px solid;margin-bottom:20px;padding:20px 15px}.events-header h1{font-size:28px;margin-bottom:10px}.events-subtitle{font-size:13px}.events-filter{gap:10px;margin-bottom:25px}.filter-btn{font-size:12px;padding:8px 16px}.events-grid{gap:15px}.event-card{border:2px solid}.event-image{height:150px}.event-info{gap:10px;padding:15px}.event-title{font-size:18px}.event-details{padding:8px 0}.detail-row{font-size:12px}.event-description{-webkit-line-clamp:1;font-size:13px}.event-actions{gap:6px}.btn-buy-tickets,.btn-delete-event,.btn-edit-event,.btn-view-detail{font-size:11px;min-width:60px;padding:8px 10px}.modal-overlay{padding:10px}.modal-content{max-width:100%}.modal-header{padding:15px}.modal-header h2{font-size:18px}.btn-close{font-size:20px;height:35px;width:35px}.event-form{padding:15px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:13px;padding:10px 12px}.form-actions{flex-direction:column;gap:10px}.detail-image{height:200px}.detail-content{gap:15px;padding:15px}.detail-section{padding:12px}.detail-section h3{font-size:16px}.detail-section p{font-size:13px}.btn-buy-tickets-detail{font-size:13px;padding:12px 20px}}@media (max-width:768px) and (orientation:landscape){.events-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.event-image{height:140px}}.profile-page-wrapper{background:#0000;margin-top:130px;min-height:calc(100vh - 130px);width:100%}.profile-container{margin:0 auto;max-width:1000px;padding:40px 20px;width:100%}.profile-header{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#1a1a0099,#000000b3);border:4px solid;border-image:repeating-linear-gradient(45deg,gold,gold 15px,orange 0,orange 30px,#000 0,#000 45px) 1;border-radius:12px;box-shadow:0 0 40px #ffd70066,inset 0 0 50px #ffd7000d;margin-bottom:50px;overflow:hidden;padding:40px 30px;position:relative;text-align:center}.profile-header:before{animation:headerPattern 20s linear infinite;background:repeating-linear-gradient(90deg,#0000,#ffd70008 50px,#0000 100px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes headerPattern{0%{transform:translateX(0)}to{transform:translateX(100px)}}.profile-header h1{color:gold;font-size:48px;letter-spacing:2px;margin:0 0 15px;position:relative;text-shadow:3px 3px 6px #ffd70080,0 0 20px #ffd70066;z-index:1}.profile-subtitle{color:orange;font-size:16px;margin:0;opacity:.9;position:relative;z-index:1}.profile-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 2fr;position:relative;z-index:2}.profile-sidebar{display:flex;flex-direction:column;gap:20px}.profile-avatar-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#1a1a0099,#000c);border:3px solid;border-image:repeating-linear-gradient(90deg,gold,gold 15px,orange 0,orange 30px) 1;border-radius:12px;box-shadow:0 10px 40px #ffd7004d,inset 0 0 30px #ffd7000d;padding:30px 25px;text-align:center;transition:all .3s ease}.profile-avatar-card:hover{box-shadow:0 15px 50px #ffd70073,inset 0 0 40px #ffd7001a;transform:translateY(-5px)}.avatar-display{align-items:center;animation:avatarFloat 3s ease-in-out infinite;background:#00000080;border:4px solid gold;border-radius:50%;box-shadow:0 0 30px #ffd70080,inset 0 0 20px #ffd7001a;display:flex;height:150px;justify-content:center;margin:0 auto 20px;overflow:hidden;width:150px}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.avatar-display img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,gold,orange);color:#000;display:flex;font-size:60px;font-weight:700;height:100%;justify-content:center;text-shadow:0 2px 4px #0000004d;width:100%}.user-info-display{border-bottom:2px solid #ffd7004d;margin-bottom:15px;padding-bottom:15px;text-align:center}.user-name-display{color:gold;font-size:20px;font-weight:700;margin:0 0 8px;text-shadow:0 0 10px #ffd70066}.user-email-display{color:orange;font-size:13px;margin:0;opacity:.9;word-break:break-all}.user-role-display{background:#ffd70026;border:1px solid #ffd70066;border-radius:20px;color:gold;display:inline-block;font-size:12px;letter-spacing:.5px;margin-top:8px;padding:6px 12px}.btn-change-photo,.user-role-display{font-weight:700;text-transform:uppercase}.btn-change-photo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00c8ff33,#0096ff1a);border:2px solid #00d4ff;border-radius:8px;box-shadow:0 0 15px #00d4ff4d;color:#00d4ff;cursor:pointer;font-size:14px;letter-spacing:1px;padding:12px 20px;text-shadow:0 0 8px #00d4ff80;transition:all .3s ease;width:100%}.btn-change-photo:hover{background:linear-gradient(135deg,#00c8ff66,#0096ff33);border-color:gold;box-shadow:0 0 25px #00c8ff99,inset 0 0 15px #ffffff1a;color:gold;transform:translateY(-2px)}.file-input-wrapper{display:inline-block;overflow:hidden;position:relative;width:100%}.file-input-wrapper input[type=file]{display:none}.profile-forms{display:flex;flex-direction:column;gap:25px}.profile-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#1a1a0099,#000c);border:3px solid;border-image:repeating-linear-gradient(90deg,gold,gold 12px,orange 0,orange 24px) 1;border-radius:12px;box-shadow:0 10px 40px #ffd70040,inset 0 0 30px #ffd7000d;padding:30px;transition:all .3s ease}.profile-section:hover{box-shadow:0 15px 50px #ffd70066,inset 0 0 40px #ffd7001a;transform:translateY(-3px)}.profile-section h2{align-items:center;border-bottom:2px solid #ffd7004d;color:gold;display:flex;font-size:24px;gap:10px;margin:0 0 25px;padding-bottom:15px;text-shadow:0 0 10px #ffd70066}.profile-section h2:before{background:linear-gradient(180deg,gold,orange);border-radius:2px;box-shadow:0 0 10px #ffd70080;content:"";display:inline-block;height:24px;width:4px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{font-size:14px;font-weight:600;letter-spacing:.5px;text-shadow:0 0 5px #ffd7004d;text-transform:uppercase}.form-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a00cc,#000000f2);border:2px solid gold;border-radius:8px;box-shadow:0 4px 12px #ffd70026,inset 0 0 20px #ffffff0d;font-size:14px;padding:12px 16px}.form-group input::placeholder{color:#ffd70099}.form-group input:focus{background:linear-gradient(135deg,#1a1a00e6,#000000fa);border-color:orange;box-shadow:0 0 20px #ffd70080,inset 0 0 30px #ffd7000d;color:gold;outline:none}.form-group input:disabled{background:#0000004d;border-color:#ffd7004d;color:#ffd70080;cursor:not-allowed}.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.btn-cancel,.btn-delete-account,.btn-submit{align-items:center;border:2px solid;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:8px;justify-content:center;letter-spacing:1px;min-width:150px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-cancel{background:linear-gradient(135deg,#64646433,#000c);border-color:#888;color:#ccc}.btn-cancel:hover{background:linear-gradient(135deg,#6464644d,#32323233);border-color:gold;box-shadow:0 0 20px #64646466,inset 0 0 15px #ffffff1a;color:gold;transform:translateY(-2px)}.btn-submit{background:linear-gradient(135deg,#0f03,#00c8001a);border-color:#0f0;box-shadow:0 0 15px #00ff004d;color:#0f0;text-shadow:0 0 8px #00ff0080}.btn-submit:hover{background:linear-gradient(135deg,#0f06,#00c80033);border-color:gold;box-shadow:0 0 25px #0f09,inset 0 0 15px #ffffff1a;color:gold;transform:translateY(-2px)}.btn-delete-account{background:linear-gradient(135deg,#ff000026,#000c);border-color:#f44;box-shadow:0 0 15px #f003;color:#ff6b6b;text-shadow:0 0 8px #f446}.btn-delete-account:hover{background:linear-gradient(135deg,#ff00004d,#8b000026);border-color:gold;box-shadow:0 0 25px #ff000080,inset 0 0 15px #ffffff1a;color:gold;transform:translateY(-2px)}.btn-cancel:disabled,.btn-delete-account:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.form-status{align-items:center;animation:slideIn .3s ease-out;border:2px solid;border-radius:8px;display:flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:15px;padding:15px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-status.loading{background:linear-gradient(135deg,#4a90e226,#000c);border-color:#4a90e2;color:#4a90e2}.form-status.success{background:linear-gradient(135deg,#00ff0026,#000c);border-color:#0f0;color:#0f0}.form-status.error{background:linear-gradient(135deg,#ff000026,#000c);border-color:#f44;color:#ff6b6b}.status-icon{animation:spin 2s linear infinite;font-size:18px}.form-status.error .status-icon,.form-status.success .status-icon{animation:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.profile-header h1{font-size:40px}.profile-content{gap:25px;grid-template-columns:1fr}.profile-section{padding:25px}}@media (max-width:768px){.profile-page-wrapper{margin-top:100px}.profile-container{padding:30px 15px}.profile-header{border:3px solid;margin-bottom:30px;padding:30px 20px}.profile-header h1{font-size:32px;margin-bottom:10px}.profile-subtitle{font-size:14px}.avatar-display{border:3px solid;height:120px;width:120px}.avatar-placeholder{font-size:50px}.profile-section{padding:20px}.profile-section h2{font-size:20px;margin-bottom:20px}.form-actions{flex-direction:column;gap:10px}.btn-cancel,.btn-delete-account,.btn-submit{min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.profile-page-wrapper{margin-top:80px;min-height:auto}.profile-container{padding:20px 12px}.profile-header{border:2px solid;margin-bottom:25px;padding:20px 15px}.profile-header h1{font-size:24px;margin-bottom:8px}.profile-subtitle{font-size:12px}.avatar-display{border:2px solid;height:100px;margin-bottom:15px;width:100px}.avatar-placeholder{font-size:40px}.user-name-display{font-size:18px}.user-email-display{font-size:12px}.profile-section{padding:15px}.profile-section h2{font-size:18px;margin-bottom:15px}.form-group{margin-bottom:15px}.form-group label{font-size:13px}.form-group input{font-size:13px;padding:10px 12px}.form-actions{gap:8px}.btn-cancel,.btn-delete-account,.btn-submit{font-size:12px;padding:10px 16px}.form-status{font-size:12px;gap:8px;padding:12px 15px}.status-icon{font-size:16px}}.modal-overlay{background:#000000b3}.modal-content{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a00f2,#000000fa);border:2px solid gold;border-radius:12px;box-shadow:0 20px 60px #ffd70066,inset 0 0 30px #ffffff1a;max-width:400px;padding:30px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{color:gold;font-size:20px;margin:0 0 15px;text-shadow:0 0 10px #ffd70066}.modal-content p{color:orange;font-size:14px;line-height:1.6;margin:0 0 25px}.modal-actions{display:flex;gap:12px}.modal-actions button{border:2px solid;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;letter-spacing:1px;padding:12px 20px;text-transform:uppercase;transition:all .3s ease}.modal-actions .btn-confirm{background:linear-gradient(135deg,#f003,#000c);border-color:#f44;color:#ff6b6b}.modal-actions .btn-confirm:hover{background:linear-gradient(135deg,#ff000059,#8b000033);border-color:gold;box-shadow:0 0 25px #ff000080,inset 0 0 15px #ffffff1a;color:gold}.modal-actions .btn-cancel{background:linear-gradient(135deg,#64646433,#000c);border-color:#888;color:#ccc}.modal-actions .btn-cancel:hover{background:linear-gradient(135deg,#64646459,#32323233);border-color:gold;box-shadow:0 0 20px #64646466,inset 0 0 15px #ffffff1a;color:gold}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{animation:modalSlideIn .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a00e6,#000000f2);border:5px solid;border-image:repeating-linear-gradient(45deg,gold,gold 12px,orange 0,orange 24px,#000 0,#000 36px) 1;box-shadow:0 0 60px #ffd70099,inset 0 0 60px #ffd70014;max-width:450px;overflow:hidden;padding:40px;position:relative;width:90%}.modal-container:before{animation:shimmer 15s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 30px,#ffd70005 0,#ffd70005 60px);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes shimmer{0%{transform:translate(0) rotate(0deg)}to{transform:translate(30px,30px) rotate(1turn)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;border:3px solid;border-image:repeating-linear-gradient(45deg,gold,gold 3px,orange 0,orange 6px) 1;border-radius:50%;box-shadow:0 0 15px #ffd70066;color:gold;cursor:pointer;display:flex;font-size:22px;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:10}.modal-close:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffd7004d;box-shadow:0 0 25px #ffd700cc;color:gold;transform:rotate(90deg) scale(1.1)}.modal-header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffd7000d;border:3px solid;border-image:repeating-linear-gradient(90deg,gold,gold 10px,orange 0,orange 20px,#000 0,#000 30px) 1;box-shadow:0 5px 20px #ffd70033,inset 0 0 30px #ffd7000d;margin-bottom:30px;padding:25px 25px 20px;position:relative;text-align:center;z-index:1}.modal-header h2{color:gold;font-size:34px;margin:0 0 10px;text-shadow:3px 3px 6px #ffd70080,0 0 20px #ffd70066}.modal-header p{color:orange;font-size:16px;margin:0;text-shadow:0 0 10px #ffa5004d}.modal-form{gap:20px;position:relative;z-index:1}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:gold;font-size:16px;font-weight:700;text-shadow:1px 1px 2px #ffd7004d,0 0 8px #ffd7004d}.form-group input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border:3px solid;border-image:repeating-linear-gradient(90deg,gold,gold 8px,orange 0,orange 16px,#000 0,#000 24px) 1;box-shadow:0 4px 15px #ffd7001a,inset 0 0 20px #ffd7000d;color:gold;font-size:16px;outline:none;padding:14px 18px;transition:all .3s ease}.form-group input:focus{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000e6;border-image:repeating-linear-gradient(90deg,orange,orange 8px,gold 0,gold 16px,orange 0,orange 24px) 1;box-shadow:0 0 25px #ffd70080,inset 0 0 30px #ffd7001a}.form-group input::placeholder{color:#ffd70066}.error-message{background:#f003;border:3px solid;border-image:repeating-linear-gradient(90deg,red,red 5px,gold 0,gold 10px) 1;border-radius:8px;box-shadow:0 5px 20px #ff00004d,inset 0 0 20px #ff00001a;color:gold;font-size:14px;padding:14px;text-align:center}.error-message,.submit-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.submit-btn{background:linear-gradient(135deg,#ffd700e6,#ffa500e6);border:4px solid;border-image:repeating-linear-gradient(45deg,#000,#000 5px,gold 0,gold 10px,#000 0,#000 15px) 1;box-shadow:0 8px 25px #ffd70066,inset 0 0 20px #ffffff1a;color:#000;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1.5px;margin-top:10px;overflow:hidden;padding:16px;position:relative;text-transform:uppercase;transition:all .3s ease}.submit-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.submit-btn:hover:before{height:400px;width:400px}.submit-btn:hover{background:linear-gradient(135deg,#ffa500e6,#ffd700e6);border-image:repeating-linear-gradient(45deg,#000,#000 5px,orange 0,orange 10px,#000 0,#000 15px) 1;box-shadow:0 12px 35px #ffd70099,inset 0 0 30px #fff3;transform:translateY(-3px)}.submit-btn:active{transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.divider{margin:25px 0;position:relative;text-align:center;z-index:1}.divider:before{background:repeating-linear-gradient(90deg,gold,gold 8px,orange 0,orange 16px,#0000 0,#0000 24px);box-shadow:0 0 10px #ffd7004d;content:"";height:3px;left:0;position:absolute;right:0;top:50%}.divider span{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;border:2px solid;border-image:repeating-linear-gradient(45deg,gold,gold 5px,orange 0,orange 10px) 1;box-shadow:0 4px 15px #ffd7004d,inset 0 0 15px #ffd7000d;color:gold;font-weight:700;padding:8px 20px}.divider span,.google-btn{font-size:16px;position:relative;z-index:1}.google-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:3px solid;border-image:repeating-linear-gradient(90deg,gold,gold 8px,orange 0,orange 16px,#000 0,#000 24px) 1;box-shadow:0 6px 20px #ffd7004d,inset 0 0 20px #ffd7000d;color:#757575;cursor:pointer;display:flex;font-weight:600;gap:12px;justify-content:center;overflow:hidden;padding:14px 20px;transition:all .3s ease;width:100%}.google-btn:before{background:repeating-linear-gradient(90deg,#0000,#ffd7001a 20px,#0000 40px);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.google-btn:hover:before{left:100%}.google-btn:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f8f8f8fa;border-image:repeating-linear-gradient(90deg,orange,orange 8px,gold 0,gold 16px,orange 0,orange 24px) 1;box-shadow:0 10px 30px #ffd70080,inset 0 0 30px #ffd7001a;transform:translateY(-2px)}.google-btn:active{transform:translateY(0)}.google-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.google-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:22px;width:22px}@media (max-width:480px){.modal-container{border:4px solid;padding:30px 20px}.modal-header{padding:20px}.modal-header h2{font-size:26px}.submit-btn{font-size:16px;padding:14px}.google-btn{font-size:14px;padding:12px 16px}}@media (min-width:1440px){.modal-container{max-width:500px;padding:45px}.modal-header h2{font-size:36px}.form-group input{font-size:17px;padding:16px 20px}}@media (min-width:992px) and (max-width:1439px){.modal-container{max-width:450px}}@media (min-width:768px) and (max-width:991px){.modal-container{max-width:500px;padding:35px;width:85%}.modal-header{margin-bottom:25px;padding:20px}.modal-header h2{font-size:30px}.form-group label,.modal-header p{font-size:15px}.form-group input{font-size:15px;padding:12px 16px}.submit-btn{font-size:17px;padding:14px}.google-btn{font-size:15px;padding:12px 18px}.google-icon{height:20px;width:20px}}@media (min-width:576px) and (max-width:767px){.modal-container{border:4px solid;max-width:450px;padding:30px;width:90%}.modal-close{font-size:20px;height:38px;right:12px;top:12px;width:38px}.modal-header{margin-bottom:25px;padding:20px}.modal-header h2{font-size:28px}.modal-header p{font-size:15px}.modal-form{gap:18px}.form-group label{font-size:15px}.form-group input{border:2px solid;font-size:15px;padding:12px 15px}.submit-btn{font-size:16px;padding:14px}.divider{margin:20px 0}.google-btn{border:2px solid;font-size:15px;padding:12px 18px}.google-icon{height:20px;width:20px}.error-message{font-size:13px;padding:12px}}@media (min-width:480px) and (max-width:575px){.modal-overlay{padding:15px}.modal-container{border:3px solid;max-width:100%;padding:25px 20px;width:95%}.modal-close{border:2px solid;font-size:18px;height:36px;right:10px;top:10px;width:36px}.modal-header{border:2px solid;margin-bottom:20px;padding:18px}.modal-header h2{font-size:26px;margin-bottom:8px}.modal-header p{font-size:14px}.modal-form{gap:16px}.form-group{gap:6px}.form-group label{font-size:14px}.form-group input{border:2px solid;font-size:14px;padding:11px 14px}.submit-btn{border:3px solid;font-size:15px;padding:13px}.divider{margin:18px 0}.divider span{font-size:14px;padding:6px 15px}.google-btn{border:2px solid;font-size:14px;gap:10px;padding:11px 16px}.google-icon{height:18px;width:18px}.error-message{border:2px solid;font-size:13px;padding:11px}}@media (max-width:479px){.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px}.modal-container{border:3px solid;max-width:100%;padding:20px 15px;width:96%}.modal-container:before{animation:shimmer 20s linear infinite}.modal-close{border:2px solid;font-size:16px;height:34px;right:8px;top:8px;width:34px}.modal-header{border:2px solid;margin-bottom:18px;padding:15px}.modal-header h2{font-size:24px;margin-bottom:6px}.modal-header p{font-size:13px}.modal-form{gap:14px}.form-group{gap:5px}.form-group label{font-size:13px}.form-group input{border:2px solid;font-size:13px;padding:10px 12px}.submit-btn{border:3px solid;font-size:14px;letter-spacing:1px;padding:12px}.divider{margin:15px 0}.divider:before{height:2px}.divider span{padding:5px 12px}.divider span,.google-btn{border:2px solid;font-size:13px}.google-btn{gap:8px;padding:10px 14px}.google-icon{height:16px;width:16px}.error-message{border:2px solid;border-radius:5px;font-size:12px;padding:10px}}@media (max-width:319px){.modal-container{padding:15px 12px}.modal-header h2{font-size:20px}.form-group label,.modal-header p{font-size:12px}.form-group input{font-size:12px;padding:9px 10px}.submit-btn{font-size:13px;padding:11px}.google-btn{flex-direction:column;font-size:12px;gap:5px;padding:9px 12px}.divider span{font-size:12px;padding:4px 10px}}@media (max-width:991px) and (orientation:landscape){.modal-overlay{align-items:flex-start;overflow-y:auto;padding:20px 10px}.modal-container{margin:20px auto;max-height:90vh;overflow-y:auto}.modal-header{margin-bottom:15px;padding:15px}.modal-header h2{font-size:22px}.modal-form{gap:12px}.form-group input{padding:10px 12px}.submit-btn{padding:11px}.google-btn{padding:10px 14px}}@media (hover:none) and (pointer:coarse){.modal-close{min-width:44px}.form-group input,.google-btn,.modal-close,.submit-btn{min-height:44px}.modal-close:hover{transform:none}.google-btn:hover:before,.submit-btn:hover:before{display:none}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.google-icon{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.modal-container{border-width:4px}}@media (prefers-reduced-motion:reduce){.modal-container,.modal-container:before,.modal-overlay{animation:none}.google-btn:before,.submit-btn:before{transition:none}}.icon{display:inline-block;filter:grayscale(100%) brightness(1.1);font-size:16px;font-weight:700;letter-spacing:1px;margin-right:6px;opacity:.8;transition:all .3s ease}.topbar-btn .icon{font-size:15px;opacity:.85}.topbar-btn:hover .icon{filter:grayscale(50%) brightness(1.3) drop-shadow(0 0 8px rgba(255,215,0,.6));opacity:1;transform:scale(1.15)}.auth-btn .icon,.user-profile-btn .icon{font-size:14px;opacity:.8}.auth-btn:hover .icon,.user-profile-btn:hover .icon{filter:grayscale(30%) brightness(1.2);opacity:1;transform:scale(1.12)}.topbar-btn:first-child .icon,.topbar-btn:nth-child(2) .icon,.topbar-btn:nth-child(3) .icon{color:gold}.topbar-btn:nth-child(4) .icon{color:orange}.login-btn .icon,.logout-btn .icon,.profile-btn .icon,.register-btn .icon,.superadmin-btn .icon{color:gold}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.topbar-btn:hover .icon{animation:iconPulse .6s ease-in-out}
/*# sourceMappingURL=main.66d96c05.css.map*/