body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.text-center{text-align:center}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}@media screen and (max-width:480px){body{font-size:14px}}@media screen and (min-width:1920px){body{font-size:18px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:20px auto;width:40px}@media print{.admin-create-button-admin,.admin-delete-button-admin,.admin-logout-button-admin,.user-logout-button-user{display:none}}*{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-container-log{align-items:center;background:linear-gradient(135deg,#2a0000,#5a0000 50%,#3a0000);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container-log:after{animation:depthPulse 15s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ffd70014 0,#0000 70%),radial-gradient(circle at 80% 70%,#8b00001f 0,#0000 70%),linear-gradient(45deg,#0000 30%,#ffd70008 0,#ffd70008 70%,#0000 0);content:"";height:100%;position:absolute;width:100%;z-index:0}@keyframes depthPulse{0%,to{opacity:.6;transform:translateZ(0)}50%{opacity:.9;transform:translateZ(10px)}}.login-container-log:before{animation:goldDust 20s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#ffd70099,#0000),radial-gradient(2px 2px at 40px 70px,#ffd70080,#0000),radial-gradient(3px 3px at 60px 20px,#ffd700b3,#0000),radial-gradient(2px 2px at 80px 50px,#ffd70080,#0000),radial-gradient(3px 3px at 100px 80px,#ffd70099,#0000);content:"";height:200%;position:absolute;width:200%;z-index:0}@keyframes goldDust{0%{transform:translate(0) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.login-box-log{background:linear-gradient(145deg,#fff9db,#f5e9b8);border:1px solid #ffd70033;border-radius:30px;box-shadow:0 0 0 1px #8b00001a,25px 25px 50px #5a000066,-25px -25px 50px #ffffff4d,inset 15px 15px 30px #8b00000d,inset -15px -15px 30px #fff9,0 0 0 1px #ffd7001a,0 0 30px #ffd7000d;max-width:590px;padding:60px 45px;position:relative;transform:perspective(1500px) rotateX(0deg) rotateY(0deg) translateZ(0);transform-style:preserve-3d;transition:all .6s cubic-bezier(.175,.885,.32,1.275);width:100%;z-index:1}.login-box-log:hover{box-shadow:35px 35px 70px #5a000080,-35px -35px 70px #fff6,inset 20px 20px 40px #8b000014,inset -20px -20px 40px #ffffffb3,0 0 0 2px #ffd70026,0 0 50px #ffd7001a;transform:perspective(1500px) rotateX(3deg) rotateY(-3deg) translateY(-15px) translateZ(20px)}@keyframes neomorphic3DEntrance{0%{filter:blur(10px);opacity:0;transform:perspective(1500px) rotateX(-20deg) rotateY(20deg) translateY(100px) translateZ(-200px) scale(.8)}60%{transform:perspective(1500px) rotateX(5deg) rotateY(-5deg) translateY(-15px) translateZ(50px) scale(1.05)}to{filter:blur(0);opacity:1;transform:perspective(1500px) rotateX(0deg) rotateY(0deg) translateY(0) translateZ(0) scale(1)}}.login-box-log{animation:neomorphic3DEntrance 1.5s cubic-bezier(.34,1.56,.64,1) forwards}.login-logo-log{align-items:center;animation:logoFloat3D 4s ease-in-out infinite;background:linear-gradient(145deg,#fff9db,#f5e9b8);border-radius:50%;box-shadow:15px 15px 30px #5a00004d,-15px -15px 30px #ffffff80,inset 10px 10px 20px #8b000014,inset -10px -10px 20px #ffffffb3,0 0 0 3px #ffd70033,0 0 25px #ffd7001a;display:flex;height:120px;justify-content:center;margin:0 auto 30px;overflow:hidden;position:relative;transform-style:preserve-3d;width:120px}@keyframes logoFloat3D{0%,to{box-shadow:15px 15px 30px #5a00004d,-15px -15px 30px #ffffff80;transform:translateY(0) rotateX(0deg) rotateY(0deg) scale(1)}33%{box-shadow:20px 20px 40px #5a000066,-20px -20px 40px #fff9;transform:translateY(-10px) rotateX(5deg) rotateY(5deg) scale(1.05)}66%{transform:translateY(-5px) rotateX(-3deg) rotateY(-3deg) scale(1.03)}}.login-logo-log img{filter:drop-shadow(3px 3px 6px rgba(139,0,0,.2));height:70px;object-fit:contain;transform:translateZ(20px);width:70px}.login-logo-log:before{animation:icon3DSpin 6s ease-in-out infinite;color:#8b0000;content:"🔐";font-size:56px;text-shadow:2px 2px 4px #8b00004d,-1px -1px 2px #ffffff80;transform-style:preserve-3d}@keyframes icon3DSpin{0%,to{color:#8b0000;transform:rotateY(0deg) scale(1)}25%{color:brown;transform:rotateY(90deg) scale(1.1)}50%{color:#8b0000;transform:rotateY(180deg) scale(1)}75%{color:brown;transform:rotateY(270deg) scale(1.1)}}.login-header-log{margin-bottom:40px;position:relative;text-align:center;transform-style:preserve-3d;z-index:2}.login-title-log{animation:titleFloat 3s ease-in-out infinite;color:#8b0000;font-size:2rem;font-weight:800;letter-spacing:1px;margin-bottom:10px;text-shadow:1px 1px 0 #8b00004d,2px 2px 0 #8b000033,3px 3px 0 #8b00001a,-1px -1px 0 #ffd70066,-2px -2px 0 #ffd7004d,0 0 20px #ffd7001a;transform:translateZ(30px)}@keyframes titleFloat{0%,to{transform:translateZ(30px) translateY(0)}50%{transform:translateZ(40px) translateY(-3px)}}.login-subtitle-log{color:brown;font-size:1rem;font-weight:500;letter-spacing:.5px;margin-top:8px;text-shadow:1px 1px 2px #ffd70080,0 0 10px #ffd70033;transform:translateZ(20px)}.login-form-log{position:relative;transform-style:preserve-3d;width:100%;z-index:2}.login-error-log{animation:error3DShake .8s cubic-bezier(.36,.07,.19,.97);background:linear-gradient(145deg,#fff9db,#f5e9b8);border:1px solid #ffd7004d;border-radius:15px;box-shadow:inset 6px 6px 12px #8b00001a,inset -6px -6px 12px #fff9,5px 5px 15px #8b000033,-5px -5px 15px #fff6;color:#8b0000;font-size:.95rem;font-weight:600;margin-bottom:28px;padding:16px 20px;text-align:center;transform:translateZ(15px)}@keyframes error3DShake{0%,to{transform:translateZ(15px) translateX(0) rotateX(0)}25%{transform:translateZ(15px) translateX(-12px) rotateY(5deg)}75%{transform:translateZ(15px) translateX(12px) rotateY(-5deg)}}.login-input-group-log{margin-bottom:32px;position:relative;transform-style:preserve-3d}.login-label-log{color:#8b0000;display:block;font-size:.95rem;font-weight:600;letter-spacing:.4px;margin-bottom:14px;text-shadow:1px 1px 2px #ffd70080,0 0 5px #ffd70033;transform:translateZ(25px)}.login-input-wrapper-log{align-items:center;display:flex;position:relative;transform-style:preserve-3d}.login-input-icon-log{color:#8b4513;font-size:1.2rem;left:20px;position:absolute;text-shadow:1px 1px 2px #ffd7004d,-1px -1px 1px #8b000033;transform:translateZ(40px);transition:all .3s ease;z-index:2}.login-input-log{background:linear-gradient(145deg,#fff9db,#f5e9b8);border:none;border-radius:18px;box-shadow:8px 8px 16px #5a000033,-8px -8px 16px #fff9,inset 6px 6px 12px #8b00000d,inset -6px -6px 12px #ffffffb3,0 0 0 1px #ffd70033;color:#8b0000;font-size:1rem;font-weight:500;padding:18px 20px 18px 55px;transform:translateZ(10px);transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.login-input-log:focus{box-shadow:12px 12px 24px #5a00004d,-12px -12px 24px #ffffffb3,inset 8px 8px 16px #8b000014,inset -8px -8px 16px #fffc,0 0 0 2px #ffd7004d,0 0 25px #ffd70026;outline:none;transform:translateZ(25px)}.login-input-log:focus+.login-input-icon-log{color:#8b0000;transform:translateZ(50px) scale(1.2)}.login-input-log::placeholder{color:#8b4513;font-weight:400;opacity:.7}.login-button-group-log{display:flex;flex-direction:column;gap:18px;margin-top:40px;transform-style:preserve-3d}.login-button-log{background:linear-gradient(145deg,#fff9db,#f5e9b8);border:none;border-radius:18px;box-shadow:10px 10px 20px #5a00004d,-10px -10px 20px #ffffff80,inset 4px 4px 8px #fff9,inset -4px -4px 8px #8b00001a,0 0 0 1px #ffd7004d;color:#8b0000;cursor:pointer;font-size:1.05rem;font-weight:700;letter-spacing:1.5px;overflow:hidden;padding:18px 30px;position:relative;text-shadow:1px 1px 2px #fffc,-1px -1px 1px #8b000033;text-transform:uppercase;transform:translateZ(20px);transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.login-button-log:hover{box-shadow:15px 15px 30px #5a000066,-15px -15px 30px #fff9,inset 6px 6px 12px #ffffffb3,inset -6px -6px 12px #8b000026,0 0 0 2px #ffd70066,0 0 30px #ffd70033;color:#5a0000;transform:translateZ(40px) translateY(-8px)}.login-button-log:active{box-shadow:5px 5px 10px #5a00004d,-5px -5px 10px #ffffff80,inset 8px 8px 16px #8b000026,inset -8px -8px 16px #fff9;transform:translateZ(15px) translateY(-3px)}.login-user-button-log{background:linear-gradient(145deg,#f7ce03,#974d02);color:#8b0000;position:relative}.login-user-button-log:before{background:linear-gradient(90deg,#8b00001a,#0000);border-radius:16px;bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px;z-index:1}.login-user-button-log:hover{background:linear-gradient(145deg,#fff,#fff9db)}.login-admin-button-log{background:linear-gradient(145deg,#f60000,#f10202);color:#5a0000;position:relative}.login-admin-button-log:before{background:linear-gradient(90deg,#5a000026,#0000);border-radius:16px;bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px;z-index:1}.login-admin-button-log:hover{background:linear-gradient(145deg,#fff,#fff9db)}.login-button-log:after{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:200%;left:-60%;position:absolute;top:-50%;transform:rotate(30deg);transition:left .7s ease;width:40%;z-index:2}.login-button-log:hover:after{left:120%}.login-footer-log{margin-top:35px;position:relative;text-align:center;transform-style:preserve-3d;z-index:2}.login-links-log{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;transform:translateZ(15px)}.login-link-log{background:linear-gradient(145deg,#fff9db1a,#f5e9b80d);border-radius:12px;box-shadow:4px 4px 8px #5a00001a,-4px -4px 8px #fff3;color:#8b4513;font-size:.95rem;font-weight:500;padding:8px 15px;text-decoration:none;transform:translateZ(10px);transform-style:preserve-3d;transition:all .3s ease}.login-link-log:hover{box-shadow:6px 6px 12px #5a000026,-6px -6px 12px #ffffff4d,0 0 15px #ffd70033;color:#8b0000;transform:translateZ(20px)}.login-info-log{color:#8b0000;font-size:1rem;font-weight:600;margin-top:20px;text-shadow:1px 1px 2px #ffd70080,0 0 5px #ffd70033;transform:translateZ(10px)}.login-button-log:disabled{cursor:not-allowed;filter:grayscale(.3);opacity:.6;transform:translateZ(10px)!important}.login-button-log.loading:before{animation:spin3D 1s linear infinite;border-color:#8b0000 #8b0000 #8b00001a #8b00001a;border-radius:50%;border-style:solid;border-width:3px;content:"";height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;transform-style:preserve-3d;width:24px;z-index:3}@keyframes spin3D{0%{transform:rotate3d(1,1,0,0deg)}to{transform:rotate3d(1,1,0,1turn)}}.login-button-log:focus-visible{outline:3px solid #8b000080;outline-offset:4px;transform:translateZ(30px)}.login-input-log:focus-visible{outline:2px solid #8b000080;outline-offset:3px}@media (max-width:768px){.login-box-log{border-radius:25px;max-width:450px;padding:50px 40px;transform:perspective(1200px) rotateX(0) rotateY(0) translateZ(0)}.login-title-log{font-size:1.8rem}.login-subtitle-log{font-size:.95rem}.login-logo-log{height:100px;width:100px}.login-box-log:hover{transform:perspective(1200px) rotateX(2deg) rotateY(-2deg) translateY(-10px) translateZ(15px)}}@media (max-width:576px){.login-container-log{padding:15px}.login-box-log{border-radius:20px;max-width:100%;padding:45px 35px;transform:perspective(1000px) rotateX(0) rotateY(0) translateZ(0)}.login-title-log{font-size:1.6rem}.login-subtitle-log{font-size:.9rem}.login-logo-log{height:90px;margin-bottom:25px;width:90px}.login-input-log{font-size:.95rem;padding:16px 18px 16px 50px}.login-button-group-log{gap:15px;margin-top:35px}.login-button-log{font-size:1rem;padding:16px 25px}.login-input-group-log{margin-bottom:28px}.login-box-log:hover{transform:perspective(1000px) rotateX(1.5deg) rotateY(-1.5deg) translateY(-8px) translateZ(10px)}}@media (max-width:375px){.login-box-log{padding:40px 30px}.login-title-log{font-size:1.5rem}.login-logo-log{height:80px;width:80px}.login-input-log{font-size:.9rem;padding:15px 16px 15px 45px}.login-button-log{font-size:.95rem;padding:15px 22px}}@media (max-height:650px) and (orientation:landscape){.login-container-log{align-items:flex-start;padding:15px}.login-box-log{margin:15px auto;max-width:500px;padding:30px 35px;transform:perspective(1200px) rotateX(0) rotateY(0) translateZ(0)}.login-logo-log{height:70px;margin-bottom:20px;width:70px}.login-header-log{margin-bottom:25px}.login-title-log{font-size:1.5rem;margin-bottom:8px}.login-subtitle-log{font-size:.9rem}.login-input-group-log{margin-bottom:22px}.login-input-log{padding:14px 16px 14px 45px}.login-button-group-log{gap:15px;margin-top:28px}.login-button-log{padding:14px 22px}.login-footer-log{margin-top:25px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.login-box-log,.login-box-log:hover{animation:none;transform:translateY(-5px)}.login-button-log:hover{transform:translateY(-3px)}.login-input-log:focus{transform:none}.login-logo-log{animation:none}}@media (prefers-contrast:high){.login-box-log{background:#fff9db;border:3px solid #8b0000}.login-input-log{background:#fff9db;border:2px solid #8b0000}.login-button-log{border:3px solid #8b0000}}@media print{.login-box-log,.login-container-log{background:#fff}.login-box-log{border:3px solid #8b0000;box-shadow:none;transform:none!important}.login-button-log{display:none}.login-title-log{color:#000;text-shadow:none}}:root{--danger-gradient:linear-gradient(135deg,#ff8e8e,#ff6a88);--warning-gradient:linear-gradient(135deg,#ffd166,#ffb347);--admin-gradient:linear-gradient(135deg,#6a11cb,#2575fc)}.admin-container-admin{background:linear-gradient(135deg,#fff5f5,#fff0f5);min-height:100vh;overflow-x:hidden;padding:0;position:relative}.admin-container-admin:before{animation:floatBackground 25s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 80%,#ff6b6b1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffe66d1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#4ecdc41a 0,#0000 50%);content:"";height:200%;left:-50%;position:fixed;top:-50%;width:200%;z-index:0}.admin-header-admin{align-items:center;background:linear-gradient(135deg,#2d3047,#424874);background:var(--dark-gradient);border-bottom:5px solid #6a11cb80;box-shadow:0 15px 40px #2d30474d;color:#fff;display:flex;justify-content:space-between;padding:25px 50px;perspective:1000px;position:relative;transform-style:preserve-3d;z-index:10}.admin-header-admin:after{animation:glowPulse 3s ease-in-out infinite alternate;background:linear-gradient(180deg,#6a11cb66,#0000);border-radius:50%;bottom:-25px;content:"";filter:blur(20px);height:25px;left:5%;position:absolute;width:90%;z-index:-1}.admin-title-section-admin{flex:1 1;transform:translateZ(25px)}.admin-title-admin{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffe66d,#6a11cb 50%,#4ecdc4);-webkit-background-clip:text;display:inline-block;font-size:36px;font-weight:800;letter-spacing:-.5px;margin:0 0 10px;position:relative;text-shadow:0 5px 15px #00000026}.admin-title-admin:after{animation:titleUnderline 3s ease-in-out infinite;background:linear-gradient(135deg,#6a11cb,#2575fc);background:var(--admin-gradient);border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:100px}.admin-subtitle-admin{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 15px #0000001a;display:inline-block;font-size:16px;font-weight:300;letter-spacing:.5px;margin:0;opacity:.9;padding:6px 15px}.admin-user-info-admin{align-items:center;display:flex;gap:25px;transform:translateZ(25px)}.admin-username-admin{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:25px;box-shadow:0 4px 15px #0000001a;font-size:16px;font-weight:500;overflow:hidden;padding:12px 24px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-username-admin:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.admin-username-admin:hover:before{left:100%}.admin-username-admin:hover{background:#ffffff40;box-shadow:0 8px 25px #0003;transform:translateY(-3px) scale(1.05)}.admin-logout-button-admin{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffe66d80;border-radius:15px;box-shadow:0 4px 20px #ffe66d33;color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:12px 32px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-logout-button-admin:before{background:linear-gradient(90deg,#0000,#ffe66d4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.admin-logout-button-admin:hover:before{left:100%}.admin-logout-button-admin:hover{background:#ffe66d4d;border-color:#ffe66dcc;box-shadow:0 10px 30px #ffe66d4d;color:#2d3047;transform:translateY(-3px) scale(1.05)}.admin-tabs-admin{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-bottom:2px solid #ffffff4d;box-shadow:0 10px 30px #2d30471a;display:flex;gap:5px;padding:0 50px;position:relative;z-index:5}.admin-tab-button-admin{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:20px 32px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);white-space:nowrap}.admin-tab-button-admin:before{border-radius:2px;height:4px;left:50%;transform:translateX(-50%);transition:all .4s ease;width:0}.admin-tab-button-admin:after,.admin-tab-button-admin:before{background:linear-gradient(135deg,#6a11cb,#2575fc);background:var(--admin-gradient);bottom:0;content:"";position:absolute}.admin-tab-button-admin:after{border-radius:12px 12px 0 0;left:0;opacity:0;right:0;top:0;transition:opacity .3s ease;z-index:-1}.admin-tab-button-admin:hover{background:#6a11cb0d;color:#6a11cb;transform:translateY(-2px)}.admin-tab-button-admin:hover:before{width:80%}.admin-tab-button-admin.active{background:#6a11cb14;color:#6a11cb;transform:translateY(-1px)}.admin-tab-button-admin.active:before{width:100%}.admin-tab-button-admin.active:after{opacity:.05}.admin-content-admin{margin:0 auto;max-width:1400px;padding:40px;position:relative;z-index:1}.admin-message-admin{animation:slideInDown .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#ffd166,#ffb347);background:var(--warning-gradient);border:2px solid #fff3;border-radius:20px;border-radius:var(--border-radius);box-shadow:0 8px 25px #ffd1664d;color:#fff;font-weight:600;margin-bottom:25px;overflow:hidden;padding:15px 25px;position:relative;text-align:center}.admin-message-admin:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.admin-message-admin:hover:before{left:100%}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.admin-content-card-admin,.admin-content-section-admin,.admin-form-container-admin,.admin-permission-card-admin,.admin-users-section-admin{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8f9ff);background:var(--card-gradient);border:2px solid #fff6;border-radius:25px;border-radius:var(--border-radius-lg);box-shadow:0 12px 35px #ff6b6b1a,0 3px 12px #00000014;box-shadow:var(--card-shadow);margin-bottom:30px;overflow:hidden;padding:35px;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-content-card-admin:before,.admin-content-section-admin:before,.admin-form-container-admin:before,.admin-permission-card-admin:before,.admin-users-section-admin:before{background:linear-gradient(135deg,#6a11cb,#2575fc);background:var(--admin-gradient);content:"";height:6px;left:0;position:absolute;right:0;top:0;transform:translateY(-100%);transition:transform .4s ease}.admin-content-card-admin:hover:before,.admin-content-section-admin:hover:before,.admin-form-container-admin:hover:before,.admin-permission-card-admin:hover:before,.admin-users-section-admin:hover:before{transform:translateY(0)}.admin-content-card-admin:hover,.admin-content-section-admin:hover,.admin-form-container-admin:hover,.admin-permission-card-admin:hover,.admin-users-section-admin:hover{box-shadow:0 25px 50px #ff6b6b33,0 10px 20px #0000001a;box-shadow:var(--card-shadow-hover);transform:translateY(-8px) rotateX(3deg)}.admin-form-title-admin,.admin-section-title-admin{color:#2d3047;display:inline-block;font-size:28px;font-weight:700;margin-bottom:25px;padding-left:20px;position:relative}.admin-form-title-admin:before,.admin-section-title-admin:before{background:linear-gradient(135deg,#6a11cb,#2575fc);background:var(--admin-gradient);border-radius:4px;box-shadow:0 4px 15px #6a11cb4d;content:"";height:40px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:8px}.admin-input-group-admin{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.admin-label-admin{align-items:center;border-bottom:2px solid #ff6b6b1a;color:#2d3047;display:flex;font-size:15px;font-weight:600;justify-content:space-between;padding-bottom:5px;position:relative}.admin-select-all{background:#6a11cb1a;border-radius:8px;color:#6a11cb;cursor:pointer;font-size:14px;font-weight:600;padding:4px 12px;transition:all .3s ease}.admin-select-all:hover{background:#ff6b6b1a;color:#ff6b6b;transform:translateX(3px) scale(1.05)}.admin-input-admin{background:#fffffff2;border:2px solid #e0e0e0cc;border-radius:12px;box-shadow:inset 0 2px 10px #0000000d;font-family:Poppins,sans-serif;font-size:16px;outline:none;padding:15px 20px;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-input-admin:focus{border-color:#6a11cb;box-shadow:0 0 0 4px #6a11cb1a,inset 0 2px 10px #0000000d;transform:translateY(-3px)}.admin-create-button-admin,.admin-submit-button-admin{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);background:var(--admin-gradient);border:none;border-radius:15px;box-shadow:0 8px 25px #6a11cb4d;color:#fff;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:16px 32px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-create-button-admin:after,.admin-submit-button-admin:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.admin-create-button-admin:hover,.admin-submit-button-admin:hover{box-shadow:0 15px 40px #6a11cb66;letter-spacing:1px;transform:translateY(-5px) scale(1.03)}.admin-create-button-admin:active:after,.admin-submit-button-admin:active:after{animation:ripple 1s ease-out}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(50)}}.admin-actions-admin{display:flex;justify-content:flex-start;margin-bottom:30px}.admin-table-admin{border-collapse:initial;border-radius:25px;border-radius:var(--border-radius-lg);border-spacing:0;box-shadow:0 10px 30px #2d30471a;overflow:hidden;transform-style:preserve-3d;width:100%}.admin-table-head-admin{background:linear-gradient(135deg,#2d3047,#424874);background:var(--dark-gradient);position:relative}.admin-table-head-admin:after{background:linear-gradient(180deg,#2d30474d,#0000);bottom:-10px;content:"";filter:blur(10px);height:10px;left:5%;position:absolute;width:90%;z-index:-1}.admin-table-header-admin{border-bottom:none;color:#fff;font-size:15px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:20px 25px;position:relative;text-align:left}.admin-table-header-admin:after{background:#fff3;content:"";height:60%;position:absolute;right:0;top:20%;width:1px}.admin-table-header-admin:last-child:after{display:none}.admin-table-body-admin .admin-table-row-admin{background:#fff;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-table-body-admin .admin-table-row-admin:nth-child(2n){background:#f8f9facc}.admin-table-body-admin .admin-table-row-admin:hover{background:linear-gradient(135deg,#fff5f5e6,#fff0f5e6);box-shadow:0 8px 25px #ff6b6b26;transform:translateX(10px) scale(1.02) rotateX(1deg);z-index:1}.admin-table-cell-admin{border-bottom:1px solid #f0f0f0cc;color:#2d3047;font-weight:500;padding:20px 25px;position:relative}.admin-table-body-admin .admin-table-row-admin:last-child .admin-table-cell-admin{border-bottom:none}.admin-delete-button-admin,.admin-image-delete-admin,.admin-permission-remove-admin{background:linear-gradient(135deg,#ff8e8e,#ff6a88);background:var(--danger-gradient);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:10px 24px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-delete-button-admin:before,.admin-image-delete-admin:before,.admin-permission-remove-admin:before{content:"🗑️";font-size:12px;left:-20px;position:absolute;transition:left .3s ease}.admin-delete-button-admin:hover,.admin-image-delete-admin:hover,.admin-permission-remove-admin:hover{background:linear-gradient(135deg,#ff6a88,#ff8e8e);box-shadow:0 10px 30px #ff6a8866;padding-left:35px;transform:translateY(-4px) scale(1.08)}.admin-delete-button-admin:hover:before,.admin-image-delete-admin:hover:before,.admin-permission-remove-admin:hover:before{left:10px}.admin-images-grid-admin{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}.admin-image-item-admin{background:#fff;border:2px solid #fff6;border-radius:20px;border-radius:var(--border-radius);box-shadow:0 12px 35px #ff6b6b1a,0 3px 12px #00000014;box-shadow:var(--card-shadow);cursor:pointer;display:flex;flex-direction:column;height:280px;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-image-item-admin:hover{border-color:#6a11cb66;box-shadow:0 25px 50px #ff6b6b33,0 10px 20px #0000001a;box-shadow:var(--card-shadow-hover);transform:translateY(-12px) rotateX(5deg) scale(1.05)}.admin-image-item-admin:after{background:linear-gradient(180deg,#0000 60%,#2d30471a);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.admin-image-item-admin:hover:after{opacity:1}.admin-image-preview-admin{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);height:200px;object-fit:cover;transition:transform .6s cubic-bezier(.34,1.56,.64,1);width:100%}.admin-image-item-admin:hover .admin-image-preview-admin{transform:scale(1.12)}.admin-image-upload-admin{margin-bottom:25px}.admin-upload-label-admin{background:linear-gradient(135deg,#4ecdc4,#44a08d);background:var(--secondary-gradient);border-radius:12px;box-shadow:0 6px 20px #4ecdc44d;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;overflow:hidden;padding:14px 32px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-upload-label-admin:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.admin-upload-label-admin:hover:before{left:100%}.admin-upload-label-admin:hover{box-shadow:0 10px 30px #4ecdc466;transform:translateY(-4px) scale(1.05)}.admin-file-input-admin{display:none}.admin-permission-list-admin{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.admin-permission-item-admin{align-items:center;background:linear-gradient(135deg,#fffaf4e6,#f8ede3e6);border:2px solid #fff6;border-radius:15px;box-shadow:0 5px 20px #ff6b6b1a;display:flex;flex:1 1;font-size:15px;gap:20px;justify-content:space-between;max-width:380px;min-width:280px;overflow:hidden;padding:15px 25px;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-permission-item-admin:hover{background:linear-gradient(135deg,#fff5f5e6,#fff0f5e6);box-shadow:0 15px 35px #ff6b6b33;transform:translateY(-6px) rotate(2deg) scale(1.03)}.admin-permission-content-name{color:#2d3047;flex:1 1;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-multi-select-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #e0e0e0cc;border-radius:20px;border-radius:var(--border-radius);box-shadow:inset 0 2px 10px #0000000d;margin-top:15px;max-height:300px;overflow-y:auto;padding:20px}.admin-multi-select-item{align-items:center;border-bottom:1px solid #f0f0f0cc;display:flex;gap:15px;padding:15px 0;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-multi-select-item:last-child{border-bottom:none}.admin-multi-select-item:hover{background:#6a11cb0d;border-radius:20px;border-radius:var(--border-radius);margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px;transform:translateX(8px) scale(1.02)}.admin-checkbox{accent-color:#6a11cb;cursor:pointer;flex-shrink:0;height:22px;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:22px}.admin-checkbox:hover{transform:scale(1.2)}.admin-checkbox-label{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:500;justify-content:space-between;padding:10px 15px;transform-style:preserve-3d;transition:all .3s ease}.admin-checkbox-label:hover{background:#ff6b6b0d;transform:translateY(-2px)}.admin-checkbox-label.selected{background:#6a11cb1a;color:#6a11cb;font-weight:600;transform:translateY(-3px) scale(1.02)}.admin-image-count,.admin-permission-count{background:#ffffff80;border-radius:12px;color:#666;font-size:13px;font-weight:400;margin-left:10px;opacity:.9;padding:3px 10px}.admin-selection-summary{background:linear-gradient(135deg,#fffaf4,#f8ede3);border:2px solid #fff6;border-radius:20px;border-radius:var(--border-radius);box-shadow:0 5px 20px #ff6b6b1a;color:#2d3047;font-weight:700;margin:30px 0;padding:20px 30px;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-selection-summary:hover{box-shadow:0 10px 30px #ff6b6b33;transform:translateY(-5px) rotateX(2deg)}.admin-search-header{flex-wrap:wrap;gap:25px;justify-content:space-between;margin-bottom:30px}.admin-search-bar,.admin-search-header{align-items:center;display:flex;transform-style:preserve-3d}.admin-search-bar{flex:1 1;gap:15px;max-width:500px;position:relative}.admin-search-input{background:#fffffff2;border:2px solid #e0e0e0cc;border-radius:15px;box-shadow:inset 0 2px 15px #0000000d;flex:1 1;font-family:Poppins,sans-serif;font-size:15px;padding:15px 25px;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-search-input:focus{border-color:#6a11cb;box-shadow:0 0 0 5px #6a11cb1a,inset 0 2px 15px #0000000d;outline:none;transform:translateY(-3px)}.admin-search-clear{background:linear-gradient(135deg,#ff8e8e,#ff6a88);background:var(--danger-gradient);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:14px 24px;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);white-space:nowrap}.admin-search-clear:hover{background:linear-gradient(135deg,#ff6a88,#ff8e8e);box-shadow:0 10px 30px #ff6a8866;transform:translateY(-4px) scale(1.08)}.admin-permission-user-header{align-items:center;border-bottom:3px solid #ff6b6b33;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:25px;padding-bottom:20px;transform-style:preserve-3d}.admin-permission-username-admin{color:#2d3047;font-size:22px;font-weight:800;margin:0;padding-left:20px;position:relative}.admin-permission-username-admin:before{background:linear-gradient(135deg,#4ecdc4,#44a08d);background:var(--secondary-gradient);border-radius:3px;box-shadow:0 4px 15px #4ecdc44d;content:"";height:25px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px}.admin-no-images-admin,.admin-no-permissions-admin,.admin-no-users-admin{background:#ffffffb3;border:3px dashed #ff6b6b4d;border-radius:20px;border-radius:var(--border-radius);color:#999;font-size:18px;margin:20px 0;padding:50px 30px;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-no-images-admin:hover,.admin-no-permissions-admin:hover,.admin-no-users-admin:hover{background:#ffffffe6;border-color:#ff6b6b80;transform:translateY(-5px) rotateX(2deg)}.admin-content-list-admin{display:flex;flex-direction:column;gap:20px}.admin-content-item-admin{background:linear-gradient(135deg,#fffaf4e6,#f8ede3e6);border:2px solid #fff6;border-radius:20px;border-radius:var(--border-radius);box-shadow:0 10px 30px #ff6b6b1a;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-content-item-admin:hover{border-color:#6a11cb4d;box-shadow:0 20px 40px #ff6b6b33;transform:translateY(-8px) rotateX(3deg) scale(1.02)}.admin-content-item-header{align-items:center;background:#0000;cursor:pointer;display:flex;justify-content:space-between;padding:25px 30px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);z-index:2}.admin-content-item-header:hover{background:#fff3}.admin-content-info{align-items:center;display:flex;flex:1 1;gap:20px}.admin-content-name-admin{color:#2d3047;font-size:22px;font-weight:800;margin:0;padding-left:15px;position:relative}.admin-content-name-admin:before{background:linear-gradient(135deg,#4ecdc4,#44a08d);background:var(--secondary-gradient);border-radius:3px;box-shadow:0 3px 10px #4ecdc44d;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:5px}.admin-content-image-count{background:linear-gradient(135deg,#ff6b6b,#ffe66d);background:var(--primary-gradient);border-radius:25px;box-shadow:0 5px 20px #ff6b6b4d;color:#fff;font-size:14px;font-weight:700;padding:8px 18px;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-content-item-admin:hover .admin-content-image-count{box-shadow:0 8px 25px #ff6b6b66;transform:scale(1.1) rotate(5deg)}.admin-content-actions{align-items:center;display:flex;gap:15px}.admin-toggle-button{align-items:center;background:linear-gradient(135deg,#2d3047,#424874);background:var(--dark-gradient);border:none;border-radius:50%;box-shadow:0 5px 20px #2d30474d;color:#fff;cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:48px}.admin-toggle-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.admin-toggle-button:hover:before{left:100%}.admin-toggle-button:hover{background:linear-gradient(135deg,#424874,#2d3047);box-shadow:0 10px 30px #2d304766;transform:rotate(90deg) scale(1.15)}.admin-content-expanded{animation:slideDown .5s cubic-bezier(.34,1.56,.64,1);background:#fff;border-top:3px solid #ff6b6b1a;padding:0 30px 30px;position:relative;z-index:1}.admin-image-modal-overlay{align-items:center;animation:modalFadeIn .6s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#2d3047fa;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.admin-image-modal-full{height:96%;perspective:2500px;width:96%}.admin-image-display-full,.admin-image-modal-full{align-items:center;display:flex;justify-content:center;position:relative;transform-style:preserve-3d}.admin-image-display-full{height:100%;width:100%}.admin-image-modal-image-full{animation:imageZoomIn .8s cubic-bezier(.34,1.56,.64,1);background:#0003;border:3px solid #ffffff1a;border-radius:20px;border-radius:var(--border-radius);box-shadow:0 40px 100px #0009;max-height:90%;max-width:90%;object-fit:contain;transform:rotateY(0deg);transition:transform .6s ease}.admin-image-nav-full{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#6a11cbd9;border:2px solid #fff3;border-radius:50%;box-shadow:0 15px 50px #6a11cb66;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:36px;height:85px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:85px;z-index:10}.admin-image-nav-full:before{border:2px solid #fff3;border-radius:50%;content:"";height:60px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:60px}.admin-image-nav-full:hover:before{opacity:1}.admin-image-nav-full:hover{background:#6a11cb;border-color:#fff6;box-shadow:0 25px 60px #6a11cb99;transform:translateY(-50%) scale(1.2) rotate(10deg)}.admin-image-nav-prev-full{left:35px}.admin-image-nav-next-full{right:35px}.admin-image-modal-close-full{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#2d3047d9;border:2px solid #6a11cb4d;border-radius:50%;box-shadow:0 15px 50px #2d304766;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:36px;height:75px;justify-content:center;position:absolute;right:35px;top:35px;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:75px;z-index:10}.admin-image-modal-close-full:hover{background:#6a11cbe6;border-color:#fff6;box-shadow:0 25px 60px #6a11cb99;transform:rotate(90deg) scale(1.2)}.admin-image-counter{animation:counterFloat 3s ease-in-out infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#2d3047e6;border:2px solid #6a11cb4d;border-radius:30px;bottom:35px;box-shadow:0 10px 30px #0006;color:#fff;font-size:16px;font-weight:600;left:50%;padding:12px 30px;position:absolute;transform:translateX(-50%)}@media screen and (max-width:1024px){.admin-header-admin{padding:20px 30px}.admin-title-admin{font-size:30px}.admin-subtitle-admin{font-size:14px}.admin-tabs-admin{padding:0 30px}.admin-tab-button-admin{font-size:15px;padding:16px 24px}.admin-content-admin{padding:30px}.admin-section-title-admin{font-size:24px;margin-bottom:30px}.admin-content-section-admin{padding:30px}.admin-images-grid-admin{gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.admin-image-item-admin{height:260px}.admin-image-preview-admin{height:180px}.admin-permission-item-admin{min-width:240px}.admin-image-nav-full{font-size:28px;height:70px;width:70px}.admin-image-modal-close-full{font-size:30px;height:60px;right:25px;top:25px;width:60px}.admin-image-counter{bottom:25px;font-size:15px;padding:10px 25px}}@media screen and (max-width:768px){.admin-header-admin{flex-direction:column;gap:15px;padding:15px 20px;text-align:center}.admin-user-info-admin{flex-wrap:wrap;justify-content:center;width:100%}.admin-username-admin{margin-bottom:10px;text-align:center;width:100%}.admin-title-admin{font-size:26px;text-align:center}.admin-title-admin:after{animation:titleUnderlineMobile 3s ease-in-out infinite;left:50%;transform:translateX(-50%)}.admin-content-admin{padding:20px}.admin-section-title-admin{font-size:22px;margin-bottom:25px;padding-left:0;text-align:center}.admin-section-title-admin:before{bottom:-15px;height:6px;left:50%;top:auto;transform:translateX(-50%);width:100px}.admin-content-section-admin{padding:25px 20px}.admin-content-item-header{align-items:flex-start;flex-direction:column;gap:15px;padding:20px}.admin-content-info{justify-content:space-between;width:100%}.admin-content-actions{justify-content:center;width:100%}.admin-images-grid-admin{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.admin-image-item-admin{height:240px}.admin-image-preview-admin{height:160px}.admin-permission-item-admin{min-width:100%}.admin-search-header{align-items:stretch;flex-direction:column}.admin-search-bar{max-width:100%}.admin-permission-user-header{align-items:flex-start;flex-direction:column}.admin-image-modal-full{height:90%;width:98%}.admin-image-nav-full{font-size:24px;height:55px;width:55px}.admin-image-nav-prev-full{left:15px}.admin-image-nav-next-full{right:15px}.admin-image-modal-close-full{font-size:24px;height:55px;right:15px;top:15px;width:55px}.admin-table-admin{display:block;overflow-x:auto}}@media screen and (max-width:480px){.admin-header-admin{padding:12px 15px}.admin-title-admin{font-size:22px;line-height:1.3}.admin-subtitle-admin{font-size:12px;padding:4px 12px}.admin-logout-button-admin,.admin-username-admin{font-size:14px;padding:10px 20px}.admin-logout-button-admin{width:100%}.admin-tabs-admin{padding:0 10px}.admin-tab-button-admin{font-size:13px;min-width:110px;overflow:hidden;padding:12px 10px;text-overflow:ellipsis;white-space:nowrap}.admin-content-admin{padding:15px}.admin-section-title-admin{font-size:20px;margin-bottom:20px}.admin-content-section-admin{padding:20px 15px}.admin-content-name-admin{font-size:18px}.admin-content-image-count{font-size:12px;padding:6px 12px}.admin-images-grid-admin{gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.admin-image-item-admin{height:220px}.admin-image-preview-admin{height:150px}.admin-permission-item-admin{align-items:stretch;flex-direction:column;gap:10px}.admin-permission-content-name{text-align:center}.admin-multi-select-container{max-height:200px}.admin-image-nav-full{font-size:20px;height:45px;width:45px}.admin-image-nav-prev-full{left:10px}.admin-image-nav-next-full{right:10px}.admin-image-modal-close-full{font-size:20px;height:45px;right:10px;top:10px;width:45px}.admin-create-button-admin,.admin-submit-button-admin{font-size:15px;padding:14px 20px;width:100%}}@media screen and (max-width:320px){.admin-header-admin{padding:10px 12px}.admin-title-admin{font-size:20px}.admin-content-admin{padding:12px}.admin-content-section-admin{padding:15px 12px}.admin-images-grid-admin{grid-template-columns:1fr}.admin-image-item-admin{height:200px}.admin-image-preview-admin{height:140px}}@media screen and (min-width:1920px){.admin-header-admin{padding:30px 80px}.admin-title-admin{font-size:42px}.admin-subtitle-admin{font-size:18px}.admin-tabs-admin{padding:0 80px}.admin-tab-button-admin{font-size:17px;padding:22px 40px}.admin-content-admin{max-width:1800px;padding:60px}.admin-content-name-admin{font-size:24px}.admin-images-grid-admin{gap:30px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.admin-image-item-admin{height:320px}.admin-image-preview-admin{height:240px}.admin-table-cell-admin,.admin-table-header-admin{font-size:16px;padding:20px 25px}.admin-image-nav-full{font-size:42px;height:100px;width:100px}.admin-image-modal-close-full{font-size:42px;height:90px;right:50px;top:50px;width:90px}.admin-image-counter{bottom:50px;font-size:18px;padding:15px 35px}}.admin-checkbox:focus,.admin-create-button-admin:focus,.admin-image-modal-close-full:focus,.admin-image-nav-full:focus,.admin-input-admin:focus,.admin-logout-button-admin:focus,.admin-search-input:focus,.admin-tab-button-admin:focus{outline:3px solid #6a11cb80;outline-offset:3px}.admin-loading{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:1000px 100%}@media (prefers-color-scheme:dark){:root{--primary-gradient:linear-gradient(135deg,#ff8e8e,#ffd166);--dark-gradient:linear-gradient(135deg,#1a1b2e,#2a2d50);--light-gradient:linear-gradient(135deg,#2a2d3e,#3a3d5e)}.admin-container-admin{background:linear-gradient(135deg,#1a1b2e,#2a2d50)}.admin-content-section-admin,.admin-form-container-admin,.admin-users-section-admin{background:#1e1f30f2;border-color:#6a11cb33;color:#e0e0e0}.admin-content-name-admin,.admin-permission-content-name,.admin-permission-username-admin,.admin-section-title-admin{color:#fff}.admin-content-item-user{background:#28293ee6}}@media print{.admin-create-button-admin,.admin-delete-button-admin,.admin-image-delete-admin,.admin-logout-button-admin,.admin-permission-remove-admin,.admin-search-clear,.admin-toggle-button{display:none}.admin-container-admin{background:#fff}.admin-header-admin{background:#f5f5f5;color:#000}.admin-title-admin{-webkit-text-fill-color:initial;background:#000;-webkit-background-clip:initial;text-shadow:none}}.admin-upload-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.admin-image-upload-admin,.admin-video-upload-admin{flex:1 1;min-width:200px}.admin-media-section{margin-bottom:35px}.admin-media-title{color:#2d3047;font-size:20px;font-weight:700;margin-bottom:20px;padding-left:15px;position:relative}.admin-media-title:before{background:linear-gradient(135deg,#4ecdc4,#44a08d);background:var(--secondary-gradient);border-radius:3px;box-shadow:0 3px 10px #4ecdc44d;content:"";height:28px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px}.admin-videos-grid-admin{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}.admin-video-item-admin{background:#fff;border:2px solid #fff6;border-radius:20px;border-radius:var(--border-radius);box-shadow:0 12px 35px #ff6b6b1a,0 3px 12px #00000014;box-shadow:var(--card-shadow);cursor:pointer;display:flex;flex-direction:column;height:280px;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-video-item-admin:hover{border-color:#6a11cb66;box-shadow:0 25px 50px #ff6b6b33,0 10px 20px #0000001a;box-shadow:var(--card-shadow-hover);transform:translateY(-12px) rotateX(5deg) scale(1.05)}.admin-video-item-admin:after{background:linear-gradient(180deg,#0000 60%,#2d30471a);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.admin-video-item-admin:hover:after{opacity:1}.admin-video-preview-admin{background:linear-gradient(135deg,#2d3047,#424874);height:200px;object-fit:cover;transition:transform .6s cubic-bezier(.34,1.56,.64,1);width:100%}.admin-video-item-admin:hover .admin-video-preview-admin{transform:scale(1.12)}.admin-video-overlay{align-items:center;background:#2d30474d;display:flex;height:200px;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-video-item-admin:hover .admin-video-overlay{background:#2d304780}.admin-video-play-icon{align-items:center;background:#6a11cbe6;border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 25px #6a11cb66;color:#fff;display:flex;font-size:28px;height:70px;justify-content:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:70px}.admin-video-item-admin:hover .admin-video-play-icon{background:#6a11cb;border-color:#ffffff80;box-shadow:0 12px 35px #6a11cb99;transform:scale(1.2) rotate(5deg)}.admin-video-info-admin{align-items:center;background:#fff;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;padding:20px}.admin-video-delete-admin{background:linear-gradient(135deg,#ff8e8e,#ff6a88);background:var(--danger-gradient);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:10px 24px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.admin-video-delete-admin:before{content:"🗑️";font-size:12px;left:-20px;position:absolute;transition:left .3s ease}.admin-video-delete-admin:hover{background:linear-gradient(135deg,#ff6a88,#ff8e8e);box-shadow:0 10px 30px #ff6a8866;padding-left:35px;transform:translateY(-4px) scale(1.08)}.admin-video-delete-admin:hover:before{left:10px}.admin-video-modal-overlay{align-items:center;animation:modalFadeIn .6s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#2d3047fa;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.admin-video-modal-full{height:96%;perspective:2500px;width:96%}.admin-video-display-full,.admin-video-modal-full{align-items:center;display:flex;justify-content:center;position:relative;transform-style:preserve-3d}.admin-video-display-full{height:100%;width:100%}.admin-video-modal-video-full{animation:videoZoomIn .8s cubic-bezier(.34,1.56,.64,1);background:#000000e6;border:3px solid #ffffff1a;border-radius:20px;border-radius:var(--border-radius);box-shadow:0 40px 100px #0009;max-height:90%;max-width:90%}.admin-video-nav-full{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#6a11cbd9;border:2px solid #fff3;border-radius:50%;box-shadow:0 15px 50px #6a11cb66;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:36px;height:85px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:85px;z-index:10}.admin-video-nav-full:before{border:2px solid #fff3;border-radius:50%;content:"";height:60px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:60px}.admin-video-nav-full:hover:before{opacity:1}.admin-video-nav-full:hover{background:#6a11cb;border-color:#fff6;box-shadow:0 25px 60px #6a11cb99;transform:translateY(-50%) scale(1.2) rotate(10deg)}.admin-video-nav-prev-full{left:35px}.admin-video-nav-next-full{right:35px}.admin-video-modal-close-full{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#2d3047d9;border:2px solid #6a11cb4d;border-radius:50%;box-shadow:0 15px 50px #2d304766;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:36px;height:75px;justify-content:center;position:absolute;right:35px;top:35px;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:75px;z-index:10}.admin-video-modal-close-full:hover{background:#6a11cbe6;border-color:#fff6;box-shadow:0 25px 60px #6a11cb99;transform:rotate(90deg) scale(1.2)}@media screen and (max-width:1024px){.admin-videos-grid-admin{gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.admin-video-item-admin{height:260px}.admin-video-preview-admin{height:180px}.admin-video-nav-full{font-size:28px;height:70px;width:70px}.admin-video-modal-close-full{font-size:30px;height:60px;right:25px;top:25px;width:60px}}@media screen and (max-width:768px){.admin-upload-section{flex-direction:column}.admin-videos-grid-admin{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.admin-video-item-admin{height:240px}.admin-video-preview-admin{height:160px}.admin-video-modal-full{height:90%;width:98%}.admin-video-nav-full{font-size:24px;height:55px;width:55px}.admin-video-nav-prev-full{left:15px}.admin-video-nav-next-full{right:15px}.admin-video-modal-close-full{font-size:24px;height:55px;right:15px;top:15px;width:55px}}@media screen and (max-width:480px){.admin-videos-grid-admin{gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.admin-video-item-admin{height:220px}.admin-video-preview-admin{height:150px}.admin-video-nav-full{font-size:20px;height:45px;width:45px}.admin-video-nav-prev-full{left:10px}.admin-video-nav-next-full{right:10px}.admin-video-modal-close-full{font-size:20px;height:45px;right:10px;top:10px;width:45px}}@media screen and (max-width:320px){.admin-videos-grid-admin{grid-template-columns:1fr}.admin-video-item-admin{height:200px}.admin-video-preview-admin{height:140px}}@media screen and (min-width:1920px){.admin-videos-grid-admin{gap:30px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.admin-video-item-admin{height:320px}.admin-video-preview-admin{height:240px}.admin-video-nav-full{font-size:42px;height:100px;width:100px}.admin-video-modal-close-full{font-size:42px;height:90px;right:50px;top:50px;width:90px}}.admin-video-modal-close-full:focus,.admin-video-nav-full:focus{outline:3px solid #6a11cb80;outline-offset:3px}:root{--primary-gradient:linear-gradient(135deg,#ff6b6b,#ffe66d);--secondary-gradient:linear-gradient(135deg,#4ecdc4,#44a08d);--accent-gradient:linear-gradient(135deg,#ff9a8b,#ff6a88);--dark-gradient:linear-gradient(135deg,#2d3047,#424874);--light-gradient:linear-gradient(135deg,#fffaf4,#f8ede3);--card-gradient:linear-gradient(135deg,#fff,#f8f9ff);--card-shadow:0 12px 35px #ff6b6b1a,0 3px 12px #00000014;--card-shadow-hover:0 25px 50px #ff6b6b33,0 10px 20px #0000001a;--transition-smooth:all 0.4s cubic-bezier(0.34,1.56,0.64,1);--border-radius:20px;--border-radius-lg:25px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.user-container-user{background:linear-gradient(135deg,#fff5f5,#fff0f5);min-height:100vh;overflow-x:hidden;padding:0;position:relative}.user-container-user:before{animation:floatBackground 25s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 80%,#ff6b6b1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffe66d1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#4ecdc41a 0,#0000 50%);content:"";height:200%;left:-50%;position:fixed;top:-50%;width:200%;z-index:0}@keyframes floatBackground{0%{transform:translate(0) rotate(0deg) scale(1)}33%{transform:translate(30px,30px) rotate(1deg) scale(1.02)}66%{transform:translate(-20px,40px) rotate(-1deg) scale(.98)}to{transform:translate(40px,-20px) rotate(2deg) scale(1.01)}}.user-header-user{align-items:center;background:linear-gradient(135deg,#2d3047,#424874);background:var(--dark-gradient);border-bottom:5px solid #ffe66d4d;box-shadow:0 15px 40px #2d30474d;color:#fff;display:flex;justify-content:space-between;padding:25px 50px;perspective:1000px;position:relative;transform-style:preserve-3d;z-index:10}.user-header-user:after{animation:glowPulse 3s ease-in-out infinite alternate;background:linear-gradient(180deg,#ff6b6b4d,#0000);border-radius:50%;bottom:-25px;content:"";filter:blur(20px);height:25px;left:5%;position:absolute;width:90%;z-index:-1}@keyframes glowPulse{0%{opacity:.3;transform:scale(.95)}to{opacity:.5;transform:scale(1.05)}}.user-title-section-user{flex:1 1;transform:translateZ(25px)}.user-title-user{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffe66d,#ff9a8b 50%,#4ecdc4);-webkit-background-clip:text;display:inline-block;font-size:36px;font-weight:800;letter-spacing:-.5px;margin:0 0 10px;position:relative;text-shadow:0 5px 15px #00000026}.user-title-user:after{animation:titleUnderline 3s ease-in-out infinite;background:linear-gradient(135deg,#ff9a8b,#ff6a88);background:var(--accent-gradient);border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:100px}@keyframes titleUnderline{0%,to{left:0;width:100px}50%{left:calc(100% - 150px);width:150px}}.user-subtitle-user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 15px #0000001a;display:inline-block;font-size:16px;font-weight:300;letter-spacing:.5px;margin:0;opacity:.9;padding:6px 15px}.user-info-section-user{align-items:center;display:flex;gap:25px;transform:translateZ(25px)}.user-welcome-user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:25px;box-shadow:0 4px 15px #0000001a;font-size:16px;font-weight:500;overflow:hidden;padding:12px 24px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.user-welcome-user:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.user-welcome-user:hover:before{left:100%}.user-welcome-user:hover{background:#ffffff40;box-shadow:0 8px 25px #0003;transform:translateY(-3px) scale(1.05)}.user-logout-button-user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffe66d80;border-radius:15px;box-shadow:0 4px 20px #ffe66d33;color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:12px 32px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.user-logout-button-user:before{background:linear-gradient(90deg,#0000,#ffe66d4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.user-logout-button-user:hover:before{left:100%}.user-logout-button-user:hover{background:#ffe66d4d;border-color:#ffe66dcc;box-shadow:0 10px 30px #ffe66d4d;color:#2d3047;transform:translateY(-3px) scale(1.05)}.user-content-user{margin:0 auto;max-width:1400px;padding:40px;position:relative;z-index:1}.user-section-title-user{color:#2d3047;font-size:28px;font-weight:700;margin-bottom:35px;padding-left:20px;position:relative;transform:translateZ(10px)}.user-section-title-user:before{background:linear-gradient(135deg,#ff9a8b,#ff6a88);background:var(--accent-gradient);border-radius:4px;box-shadow:0 4px 15px #ff9a8b4d;content:"";height:40px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:8px}.user-no-content-user{background:linear-gradient(135deg,#fff,#f8f9ff);background:var(--card-gradient);border:2px dashed #ff6b6b33;border-radius:25px;border-radius:var(--border-radius-lg);box-shadow:0 12px 35px #ff6b6b1a,0 3px 12px #00000014;box-shadow:var(--card-shadow);margin-top:30px;padding:80px 40px;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.user-no-content-user:hover{border-color:#ff6b6b66;box-shadow:0 25px 50px #ff6b6b33,0 10px 20px #0000001a;box-shadow:var(--card-shadow-hover);transform:translateY(-10px) rotateX(5deg)}.user-empty-message-user{background:linear-gradient(135deg,#ff6b6b0d,#4ecdc40d);border:2px solid #ff6b6b1a;border-radius:15px;color:#666;font-size:18px;font-weight:500;margin:0;padding:20px;position:relative;text-align:center}.user-content-section-user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8f9ff);background:var(--card-gradient);border:2px solid #ffffff4d;border-radius:25px;border-radius:var(--border-radius-lg);box-shadow:0 12px 35px #ff6b6b1a,0 3px 12px #00000014;box-shadow:var(--card-shadow);margin-top:20px;overflow:hidden;padding:40px;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.user-content-section-user:before{background:linear-gradient(135deg,#ff9a8b,#ff6a88);background:var(--accent-gradient);content:"";height:6px;left:0;position:absolute;right:0;top:0;transform:translateY(-100%);transition:transform .4s ease}.user-content-section-user:hover{box-shadow:0 25px 50px #ff6b6b33,0 10px 20px #0000001a;box-shadow:var(--card-shadow-hover);transform:translateY(-8px) rotateX(3deg)}.user-content-section-user:hover:before{transform:translateY(0)}.user-content-list-user{display:flex;flex-direction:column;gap:20px}.user-content-item-user{background:linear-gradient(135deg,#fffaf4cc,#f8ede3cc);border:2px solid #fff6;border-radius:20px;border-radius:var(--border-radius);box-shadow:0 10px 25px #ff6b6b1a;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.user-content-item-user:before{background:linear-gradient(135deg,#ff6b6b0d,#ff9a8b0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.user-content-item-user:hover{border-color:#ff6b6b4d;box-shadow:0 20px 40px #ff6b6b33;transform:translateY(-5px) rotateX(2deg) scale(1.02)}.user-content-item-user:hover:before{opacity:1}.user-content-item-header{align-items:center;background:#0000;cursor:pointer;display:flex;justify-content:space-between;padding:25px 30px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);z-index:2}.user-content-item-header:hover{background:#fff3}.user-content-info{align-items:center;display:flex;flex:1 1;gap:20px}.user-content-name-user{color:#2d3047;font-size:22px;font-weight:700;margin:0;padding-left:15px;position:relative}.user-content-name-user:before{background:linear-gradient(135deg,#4ecdc4,#44a08d);background:var(--secondary-gradient);border-radius:3px;box-shadow:0 3px 10px #4ecdc44d;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:5px}.user-content-image-count{background:linear-gradient(135deg,#ff6b6b,#ffe66d);background:var(--primary-gradient);border-radius:25px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;font-size:14px;font-weight:600;padding:6px 16px;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.user-content-item-user:hover .user-content-image-count{box-shadow:0 6px 20px #ff6b6b66;transform:scale(1.1) rotate(5deg)}.user-content-actions{align-items:center;display:flex;gap:15px}.user-toggle-button{align-items:center;background:linear-gradient(135deg,#2d3047,#424874);background:var(--dark-gradient);border:none;border-radius:50%;box-shadow:0 4px 15px #2d30474d;color:#fff;cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:48px}.user-toggle-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.user-toggle-button:hover:before{left:100%}.user-toggle-button:hover{background:linear-gradient(135deg,#424874,#2d3047);box-shadow:0 8px 25px #2d304766;transform:rotate(90deg) scale(1.15)}.user-content-expanded{animation:slideDown .5s cubic-bezier(.34,1.56,.64,1);background:#fff;border-top:2px solid #ff6b6b1a;padding:0 30px 30px;position:relative;z-index:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.user-images-grid-user{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:25px}.user-image-card-user{background:linear-gradient(135deg,#fff,#f8f9ff);background:var(--card-gradient);border:2px solid #fff6;border-radius:20px;border-radius:var(--border-radius);box-shadow:0 12px 35px #ff6b6b1a,0 3px 12px #00000014;box-shadow:var(--card-shadow);cursor:pointer;display:flex;flex-direction:column;height:280px;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.user-image-card-user:before{background:linear-gradient(180deg,#0000 60%,#2d30471a);border-radius:20px;border-radius:var(--border-radius);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.user-image-card-user:hover{border-color:#ff6b6b66;box-shadow:0 25px 50px #ff6b6b33,0 10px 20px #0000001a;box-shadow:var(--card-shadow-hover);transform:translateY(-12px) rotateX(5deg) scale(1.05)}.user-image-card-user:hover:before{opacity:1}.user-image-user{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);height:200px;object-fit:cover;transition:transform .6s cubic-bezier(.34,1.56,.64,1);width:100%}.user-image-card-user:hover .user-image-user{transform:scale(1.12)}.user-image-info-user{align-items:center;background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px;position:relative;z-index:1}.user-image-name-user{color:#2d3047;font-size:16px;font-weight:600;margin:0 0 8px;overflow:hidden;padding-bottom:8px;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.user-image-name-user:after{background:linear-gradient(135deg,#ff6b6b,#ffe66d);background:var(--primary-gradient);border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:40px}.user-image-card-user:hover .user-image-name-user:after{width:80px}.user-image-date-user{color:#666;font-size:13px;margin:0;opacity:.8;text-align:center;transition:opacity .3s ease}.user-image-card-user:hover .user-image-date-user{color:#ff6b6b;opacity:1}.user-select-prompt-user{background:linear-gradient(135deg,#fffaf4,#f8ede3);background:var(--light-gradient);border:3px dashed #ff6b6b4d;border-radius:25px;border-radius:var(--border-radius-lg);box-shadow:0 12px 35px #ff6b6b1a,0 3px 12px #00000014;box-shadow:var(--card-shadow);margin-top:30px;padding:80px 40px;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.user-select-prompt-user:hover{background:linear-gradient(135deg,#fffcf8,#fff5f0);border-color:#ff6b6b80;box-shadow:0 25px 50px #ff6b6b33,0 10px 20px #0000001a;box-shadow:var(--card-shadow-hover);transform:translateY(-5px) rotateX(2deg)}.user-image-modal-overlay{align-items:center;animation:modalFadeIn .6s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#2d3047fa;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}@keyframes modalFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);opacity:1}}.user-image-modal-full{height:96%;perspective:2500px;width:96%}.user-image-display-full,.user-image-modal-full{align-items:center;display:flex;justify-content:center;position:relative;transform-style:preserve-3d}.user-image-display-full{height:100%;width:100%}.user-image-modal-image-full{animation:imageZoomIn .8s cubic-bezier(.34,1.56,.64,1);background:#0003;border:3px solid #ffffff1a;border-radius:20px;border-radius:var(--border-radius);box-shadow:0 40px 100px #0009;max-height:90%;max-width:90%;object-fit:contain;transform:rotateY(0deg);transition:transform .6s ease}@keyframes imageZoomIn{0%{opacity:0;transform:scale(.7) rotateY(-15deg) rotateX(5deg)}to{opacity:1;transform:scale(1) rotateY(0deg) rotateX(0deg)}}.user-image-nav-full{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ff6b6bd9;border:2px solid #fff3;border-radius:50%;box-shadow:0 15px 50px #ff6b6b66;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:36px;height:85px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:85px;z-index:10}.user-image-nav-full:before{border:2px solid #fff3;border-radius:50%;content:"";height:60px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:60px}.user-image-nav-full:hover:before{opacity:1}.user-image-nav-full:hover{background:#ff6b6b;border-color:#fff6;box-shadow:0 25px 60px #ff6b6b99;transform:translateY(-50%) scale(1.2) rotate(10deg)}.user-image-nav-prev-full{left:35px}.user-image-nav-next-full{right:35px}.user-image-modal-close-full{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#2d3047d9;border:2px solid #ff6b6b4d;border-radius:50%;box-shadow:0 15px 50px #2d304766;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:36px;height:75px;justify-content:center;position:absolute;right:35px;top:35px;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:75px;z-index:10}.user-image-modal-close-full:hover{background:#ff6b6be6;border-color:#fff6;box-shadow:0 25px 60px #ff6b6b99;transform:rotate(90deg) scale(1.2)}.user-image-counter{animation:counterFloat 3s ease-in-out infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#2d3047e6;border:2px solid #ff6b6b4d;border-radius:30px;bottom:35px;box-shadow:0 10px 30px #0006;color:#fff;font-size:16px;font-weight:600;left:50%;padding:12px 30px;position:absolute;transform:translateX(-50%)}@keyframes counterFloat{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}.user-image-modal-footer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#2d3047e6;border:2px solid #ff6b6b4d;border-radius:20px;bottom:35px;box-shadow:0 10px 30px #0006;color:#fff;font-size:15px;left:50%;max-width:80%;overflow:hidden;padding:15px 30px;position:absolute;text-align:center;transform:translateX(-50%)}.user-image-modal-footer p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:1024px){.user-header-user{padding:20px 30px}.user-title-user{font-size:30px}.user-subtitle-user{font-size:14px}.user-content-user{padding:30px}.user-section-title-user{font-size:24px;margin-bottom:30px}.user-content-section-user{padding:30px}.user-images-grid-user{gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.user-image-card-user{height:260px}.user-image-user{height:180px}.user-image-nav-full{font-size:28px;height:70px;width:70px}.user-image-modal-close-full{font-size:30px;height:60px;right:25px;top:25px;width:60px}.user-image-counter{bottom:25px;font-size:15px;padding:10px 25px}}@media screen and (max-width:768px){.user-header-user{flex-direction:column;gap:15px;padding:15px 20px;text-align:center}.user-info-section-user{flex-wrap:wrap;justify-content:center;width:100%}.user-welcome-user{margin-bottom:10px;text-align:center;width:100%}.user-title-user{font-size:26px;text-align:center}.user-title-user:after{animation:titleUnderlineMobile 3s ease-in-out infinite;left:50%;transform:translateX(-50%)}@keyframes titleUnderlineMobile{0%,to{left:calc(50% - 40px);width:80px}50%{left:calc(50% - 60px);width:120px}}.user-content-user{padding:20px}.user-section-title-user{font-size:22px;margin-bottom:25px;padding-left:0;text-align:center}.user-section-title-user:before{bottom:-15px;height:6px;left:50%;top:auto;transform:translateX(-50%);width:100px}.user-content-section-user{padding:25px 20px}.user-content-item-header{align-items:flex-start;flex-direction:column;gap:15px;padding:20px}.user-content-info{justify-content:space-between;width:100%}.user-content-actions{justify-content:center;width:100%}.user-images-grid-user{gap:15px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.user-image-card-user{height:240px}.user-image-user{height:160px}.user-image-modal-full{height:90%;width:98%}.user-image-nav-full{font-size:24px;height:55px;width:55px}.user-image-nav-prev-full{left:15px}.user-image-nav-next-full{right:15px}.user-image-modal-close-full{font-size:24px;height:55px;right:15px;top:15px;width:55px}.user-image-counter{bottom:20px;font-size:14px;padding:8px 20px}}@media screen and (max-width:480px){.user-header-user{padding:12px 15px}.user-title-user{font-size:22px;line-height:1.3}.user-subtitle-user{font-size:12px;padding:4px 12px}.user-logout-button-user,.user-welcome-user{font-size:14px;padding:10px 20px}.user-logout-button-user{width:100%}.user-content-user{padding:15px}.user-section-title-user{font-size:20px;margin-bottom:20px}.user-content-section-user{padding:20px 15px}.user-content-name-user{font-size:18px}.user-content-image-count{font-size:12px;padding:5px 12px}.user-images-grid-user{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.user-image-card-user{height:220px}.user-image-user{height:150px}.user-image-name-user{font-size:14px}.user-image-date-user{font-size:11px}.user-select-prompt-user{padding:50px 20px}.user-image-nav-full{font-size:20px;height:45px;width:45px}.user-image-nav-prev-full{left:10px}.user-image-nav-next-full{right:10px}.user-image-modal-close-full{font-size:20px;height:45px;right:10px;top:10px;width:45px}.user-image-counter{bottom:15px;font-size:13px;padding:6px 16px}}@media screen and (max-width:320px){.user-header-user{padding:10px 12px}.user-title-user{font-size:20px}.user-content-user{padding:12px}.user-content-section-user{padding:15px 12px}.user-images-grid-user{grid-template-columns:1fr}.user-image-card-user{height:200px}.user-image-user{height:140px}}@media screen and (min-width:1920px){.user-header-user{padding:30px 80px}.user-title-user{font-size:42px}.user-subtitle-user{font-size:18px}.user-content-user{max-width:1800px;padding:60px}.user-section-title-user{font-size:32px;margin-bottom:40px}.user-content-section-user{padding:50px}.user-content-name-user{font-size:24px}.user-images-grid-user{gap:30px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.user-image-card-user{height:320px}.user-image-user{height:240px}.user-select-prompt-user{padding:100px 50px}.user-image-nav-full{font-size:42px;height:100px;width:100px}.user-image-modal-close-full{font-size:42px;height:90px;right:50px;top:50px;width:90px}.user-image-counter{bottom:50px;font-size:18px;padding:15px 35px}}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#ff6b6b0d;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff9a8b,#ff6a88);background:var(--accent-gradient);border:2px solid #fff3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff6a88,#ff9a8b)}.user-image-modal-close-full:focus,.user-image-nav-full:focus,.user-logout-button-user:focus,.user-toggle-button:focus{outline:3px solid #ff6b6b80;outline-offset:3px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.user-loading{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:1000px 100%}@media (prefers-color-scheme:dark){:root{--primary-gradient:linear-gradient(135deg,#ff8e8e,#ffd166);--dark-gradient:linear-gradient(135deg,#1a1b2e,#2a2d50);--light-gradient:linear-gradient(135deg,#2a2d3e,#3a3d5e)}.user-container-user{background:linear-gradient(135deg,#1a1b2e,#2a2d50)}.user-content-section-user,.user-no-content-user,.user-select-prompt-user{background:#1e1f30f2;border-color:#ff6b6b33;color:#e0e0e0}.user-content-name-user,.user-image-name-user,.user-section-title-user{color:#fff}.user-content-item-user{background:#28293ee6}.user-image-info-user{background:#1e1f30e6}}@media print{.user-image-modal-close-full,.user-image-nav-full,.user-logout-button-user,.user-toggle-button{display:none}.user-container-user{background:#fff}.user-header-user{background:#f5f5f5;color:#000}.user-title-user{-webkit-text-fill-color:initial;background:#000;-webkit-background-clip:initial;text-shadow:none}}.user-media-section{margin-bottom:35px}.user-media-title{color:#2d3047;font-size:20px;font-weight:700;margin-bottom:20px;padding-left:15px;position:relative}.user-media-title:before{background:linear-gradient(135deg,#4ecdc4,#44a08d);background:var(--secondary-gradient);border-radius:3px;box-shadow:0 3px 10px #4ecdc44d;content:"";height:28px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px}.user-videos-grid-user{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:25px}.user-video-card-user{background:linear-gradient(135deg,#fff,#f8f9ff);background:var(--card-gradient);border:2px solid #fff6;border-radius:20px;border-radius:var(--border-radius);box-shadow:0 12px 35px #ff6b6b1a,0 3px 12px #00000014;box-shadow:var(--card-shadow);cursor:pointer;display:flex;flex-direction:column;height:280px;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.user-video-card-user:before{background:linear-gradient(180deg,#0000 60%,#2d30471a);border-radius:20px;border-radius:var(--border-radius);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.user-video-card-user:hover{border-color:#ff6b6b66;box-shadow:0 25px 50px #ff6b6b33,0 10px 20px #0000001a;box-shadow:var(--card-shadow-hover);transform:translateY(-12px) rotateX(5deg) scale(1.05)}.user-video-card-user:hover:before{opacity:1}.user-video-user{background:linear-gradient(135deg,#2d3047,#424874);height:200px;object-fit:cover;transition:transform .6s cubic-bezier(.34,1.56,.64,1);width:100%}.user-video-card-user:hover .user-video-user{transform:scale(1.12)}.user-video-overlay{align-items:center;background:#2d30474d;display:flex;height:200px;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth)}.user-video-card-user:hover .user-video-overlay{background:#2d304780}.user-video-play-icon{align-items:center;background:#ff6b6be6;border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 25px #ff6b6b66;color:#fff;display:flex;font-size:28px;height:70px;justify-content:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:70px}.user-video-card-user:hover .user-video-play-icon{background:#ff6b6b;border-color:#ffffff80;box-shadow:0 12px 35px #ff6b6b99;transform:scale(1.2) rotate(5deg)}.user-video-modal-overlay{align-items:center;animation:modalFadeIn .6s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#2d3047fa;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.user-video-modal-full{height:96%;perspective:2500px;width:96%}.user-video-display-full,.user-video-modal-full{align-items:center;display:flex;justify-content:center;position:relative;transform-style:preserve-3d}.user-video-display-full{height:100%;width:100%}.user-video-modal-video-full{animation:videoZoomIn .8s cubic-bezier(.34,1.56,.64,1);background:#000000e6;border:3px solid #ffffff1a;border-radius:20px;border-radius:var(--border-radius);box-shadow:0 40px 100px #0009;max-height:90%;max-width:90%}@keyframes videoZoomIn{0%{opacity:0;transform:scale(.7) rotateY(-15deg) rotateX(5deg)}to{opacity:1;transform:scale(1) rotateY(0deg) rotateX(0deg)}}.user-video-nav-full{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ff6b6bd9;border:2px solid #fff3;border-radius:50%;box-shadow:0 15px 50px #ff6b6b66;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:36px;height:85px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:85px;z-index:10}.user-video-nav-full:before{border:2px solid #fff3;border-radius:50%;content:"";height:60px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:60px}.user-video-nav-full:hover:before{opacity:1}.user-video-nav-full:hover{background:#ff6b6b;border-color:#fff6;box-shadow:0 25px 60px #ff6b6b99;transform:translateY(-50%) scale(1.2) rotate(10deg)}.user-video-nav-prev-full{left:35px}.user-video-nav-next-full{right:35px}.user-video-modal-close-full{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#2d3047d9;border:2px solid #ff6b6b4d;border-radius:50%;box-shadow:0 15px 50px #2d304766;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:36px;height:75px;justify-content:center;position:absolute;right:35px;top:35px;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-smooth);width:75px;z-index:10}.user-video-modal-close-full:hover{background:#ff6b6be6;border-color:#fff6;box-shadow:0 25px 60px #ff6b6b99;transform:rotate(90deg) scale(1.2)}@media screen and (max-width:1024px){.user-videos-grid-user{gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.user-video-card-user{height:260px}.user-video-overlay,.user-video-user{height:180px}.user-video-play-icon{font-size:24px;height:60px;width:60px}.user-video-nav-full{font-size:28px;height:70px;width:70px}.user-video-modal-close-full{font-size:30px;height:60px;right:25px;top:25px;width:60px}}@media screen and (max-width:768px){.user-videos-grid-user{gap:15px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.user-video-card-user{height:240px}.user-video-overlay,.user-video-user{height:160px}.user-video-play-icon{font-size:22px;height:55px;width:55px}.user-video-modal-full{height:90%;width:98%}.user-video-nav-full{font-size:24px;height:55px;width:55px}.user-video-nav-prev-full{left:15px}.user-video-nav-next-full{right:15px}.user-video-modal-close-full{font-size:24px;height:55px;right:15px;top:15px;width:55px}}@media screen and (max-width:480px){.user-videos-grid-user{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.user-video-card-user{height:220px}.user-video-overlay,.user-video-user{height:150px}.user-video-play-icon{font-size:20px;height:50px;width:50px}.user-video-nav-full{font-size:20px;height:45px;width:45px}.user-video-nav-prev-full{left:10px}.user-video-nav-next-full{right:10px}.user-video-modal-close-full{font-size:20px;height:45px;right:10px;top:10px;width:45px}}@media screen and (max-width:320px){.user-videos-grid-user{grid-template-columns:1fr}.user-video-card-user{height:200px}.user-video-overlay,.user-video-user{height:140px}.user-video-play-icon{font-size:18px;height:45px;width:45px}}@media screen and (min-width:1920px){.user-videos-grid-user{gap:30px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.user-video-card-user{height:320px}.user-video-overlay,.user-video-user{height:240px}.user-video-play-icon{font-size:32px;height:80px;width:80px}.user-video-nav-full{font-size:42px;height:100px;width:100px}.user-video-modal-close-full{font-size:42px;height:90px;right:50px;top:50px;width:90px}}.user-video-modal-close-full:focus,.user-video-nav-full:focus{outline:3px solid #ff6b6b80;outline-offset:3px}
/*# sourceMappingURL=main.8e1c2a2e.css.map*/