@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.slider-ui{position:relative;margin-top:70px;width:100%;height:60vh;min-height:500px;overflow:hidden;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-radius:0;box-shadow:0 20px 60px #00ffff1a,0 0 0 1px #ffffff0d}.slider-ui-container,.slider-ui-content{position:relative;width:100%;height:100%}.slider-ui-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94);transform:translate(100px)}.slider-ui-slide.active{opacity:1;transform:translate(0)}.slider-ui-image{position:relative;width:100%;height:100%;overflow:hidden;border-radius:20px}.slider-ui-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease;filter:brightness(.8) contrast(1.1)}.slider-ui-image img[alt=fallback]{background:linear-gradient(45deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:14px}.slider-ui-slide.active .slider-ui-image img{transform:scale(1.05)}.slider-ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.slider-ui-text{position:absolute;bottom:60px;left:60px;z-index:2;max-width:500px;color:#fff}.slider-ui-title{font-size:2.5rem;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#0ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(0,255,255,.3);line-height:1.2}.slider-ui-description{font-size:1.1rem;line-height:1.6;color:#ffffffe6;text-shadow:0 2px 10px rgba(0,0,0,.8);font-weight:300}.slider-ui-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:#00ffff1a;border:2px solid rgba(0,255,255,.3);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#0ffc}.slider-ui-nav:hover{background:#0ff3;border-color:#0ff9;color:#0ff;transform:translateY(-50%) scale(1.1);box-shadow:0 10px 30px #00ffff4d}.slider-ui-prev{left:30px}.slider-ui-next{right:30px}.slider-ui-indicators{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:3}.slider-ui-dot{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.slider-ui-dot:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0ff,#0080ff);opacity:0;transition:opacity .3s ease}.slider-ui-dot:hover:before,.slider-ui-dot.active:before{opacity:1}.slider-ui-dot.active{transform:scale(1.3);box-shadow:0 0 20px #00ffff80}.slider-ui-counter{position:absolute;top:30px;left:60px;z-index:3;color:#0ffc;font-size:.9rem;font-weight:600;letter-spacing:2px;padding:8px 16px;background:#0000004d;border:1px solid rgba(0,255,255,.2);border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.slider-ui-loading{display:flex;align-items:center;justify-content:center;height:60vh;min-height:500px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-radius:20px}.slider-ui-spinner{width:60px;height:60px;border:3px solid rgba(0,255,255,.1);border-top:3px solid #00ffff;border-radius:50%;animation:slider-ui-spin 1s linear infinite;filter:drop-shadow(0 0 10px rgba(0,255,255,.3))}@keyframes slider-ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slider-ui-empty{display:flex;align-items:center;justify-content:center;height:60vh;min-height:500px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-radius:20px;color:#fff9;font-size:1.2rem}@media (max-width: 768px){.slider-ui{height:50vh;min-height:400px;border-radius:0}.slider-ui-text{bottom:40px;left:30px;right:30px;max-width:none}.slider-ui-title{font-size:1.8rem;margin-bottom:12px}.slider-ui-description{font-size:1rem}.slider-ui-nav{width:50px;height:50px}.slider-ui-prev{left:20px}.slider-ui-next{right:20px}.slider-ui-counter{top:20px;left:30px;font-size:.8rem;padding:6px 12px}.slider-ui-indicators{bottom:20px;gap:8px}.slider-ui-dot{width:10px;height:10px}}@media (max-width: 480px){.slider-ui{margin-top:50px;height:40vh;min-height:300px}.slider-ui-text{bottom:30px;left:20px;right:20px}.slider-ui-title{font-size:1.5rem}.slider-ui-description{font-size:.9rem;line-height:1.5}}.sambutan-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;align-items:center;margin-top:0;justify-content:center;position:relative;overflow:hidden}.sambutan-wrapper{max-width:1200px;width:100%;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:3rem;box-shadow:0 30px 80px #0000004d;position:relative;z-index:10}.sambutan-header{text-align:center;margin-bottom:3rem}.sambutan-title{font-size:3rem;font-weight:800;color:#00d4ff;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 20px rgba(0,212,255,.3);margin-bottom:1rem}.title-divider{width:150px;height:4px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);margin:0 auto;border-radius:2px;position:relative}.title-divider:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#00d4ff;border-radius:50%;box-shadow:0 0 15px #00d4ff80}.sambutan-content{display:grid;grid-template-columns:350px 1fr;gap:4rem;align-items:start}.dekan-photo-section{display:flex;flex-direction:column;align-items:center;text-align:center}.photo-container{position:relative;width:280px;height:350px;border-radius:25px;overflow:hidden;margin-bottom:2rem;border:3px solid rgba(0,212,255,.3);box-shadow:0 20px 40px #0000004d}.dekan-photo{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photo-overlay{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.photo-placeholder{width:280px;height:350px;background:#ffffff1a;border:2px dashed rgba(255,255,255,.3);border-radius:25px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.placeholder-icon{font-size:4rem;color:#ffffff4d}.dekan-info{margin-bottom:2rem}.dekan-name{font-size:1.8rem;font-weight:700;color:#00d4ff;margin-bottom:.5rem;text-shadow:0 0 10px rgba(0,212,255,.3)}.dekan-title-job{font-size:1.1rem;color:#fffc;font-weight:500}.sambutan-text-section{color:#ffffffe6;line-height:1.8}.sambutan-greeting{font-size:1.5rem;font-weight:600;color:#00d4ff;margin-bottom:2rem;text-shadow:0 0 10px rgba(0,212,255,.2)}.sambutan-text{margin-bottom:3rem}.sambutan-paragraph{font-size:1.1rem;margin-bottom:1.5rem;text-align:justify;line-height:1.8;color:#ffffffd9}.sambutan-paragraph:first-child{font-size:1.15rem;font-weight:500;color:#fffffff2}.sambutan-closing{border-top:1px solid rgba(0,212,255,.2);padding-top:2rem}.closing-text,.closing-regards{font-size:1.1rem;margin-bottom:1rem;color:#ffffffe6}.signature-section{margin-top:2rem;text-align:right}.signature-label{font-size:1rem;color:#fffc;margin-bottom:1rem}.signature-container{margin:1rem 0;display:flex;justify-content:flex-end}.signature-image{max-width:200px;max-height:100px;object-fit:contain;filter:brightness(1.1) contrast(1.1)}.signature-info{margin-top:1rem}.signature-name{font-size:1.2rem;font-weight:600;color:#00d4ff;margin-bottom:.25rem}.signature-position{font-size:1rem;color:#fffc}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-spinner{width:50px;height:50px;border:3px solid rgba(0,212,255,.3);border-top:3px solid #00d4ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state p,.error-state p{font-size:1.2rem;color:#fffc;margin-top:1rem}.error-icon{font-size:3rem;margin-bottom:1rem}.decoration-elements{position:absolute;inset:0;pointer-events:none;z-index:-1}.decoration-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.1),transparent);animation:float 6s ease-in-out infinite}.decoration-circle-1{width:200px;height:200px;top:10%;right:10%;animation-delay:0s}.decoration-circle-2{width:150px;height:150px;bottom:20%;left:5%;animation-delay:2s}.decoration-circle-3{width:100px;height:100px;top:50%;right:5%;animation-delay:4s}@media (max-width: 1024px){.sambutan-content{grid-template-columns:1fr;gap:3rem;text-align:center}.signature-section{text-align:center}.signature-container{justify-content:center}}@media (max-width: 768px){.sambutan-container{padding:1rem}.sambutan-wrapper{padding:2rem;border-radius:20px}.sambutan-title{font-size:2.2rem;letter-spacing:2px}.photo-container,.photo-placeholder{width:250px;height:300px}.sambutan-content{gap:2rem}.sambutan-paragraph{font-size:1rem;text-align:left}.dekan-name{font-size:1.6rem}}@media (max-width: 480px){.sambutan-wrapper{padding:1.5rem}.sambutan-title{font-size:1.8rem;letter-spacing:1px}.photo-container,.photo-placeholder{width:200px;height:250px}.sambutan-paragraph{font-size:.95rem;line-height:1.6}.dekan-name{font-size:1.4rem}.sambutan-greeting{font-size:1.3rem}}@media (hover: hover){.photo-container:hover .dekan-photo{transform:scale(1.05)}.sambutan-wrapper:hover{box-shadow:0 35px 90px #0006;transform:translateY(-5px);transition:all .3s cubic-bezier(.4,0,.2,1)}}html{scroll-behavior:smooth}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#09c);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00b8e6,#08b)}.informasi-ui{min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298);padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.informasi-ui .ui-header{text-align:center;margin-bottom:3rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;border:1px solid rgba(255,255,255,.2);padding:3rem 2rem;box-shadow:0 8px 32px #1f26875e;animation:fadeInDown .8s ease-out}.informasi-ui .ui-header h1{color:#fff;font-size:3rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(45deg,#fff,#a8edea,#fed6e3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 2s linear infinite}.informasi-ui .ui-header p{color:#fffc;font-size:1.25rem;margin:0;font-weight:300}.informasi-ui .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.informasi-ui .loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.informasi-ui .loading-container p{color:#ffffffb3;font-size:1.1rem;margin:0}.informasi-ui .no-data{text-align:center;padding:4rem 2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;border:1px solid rgba(255,255,255,.1);grid-column:1 / -1}.informasi-ui .no-data-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.informasi-ui .no-data h3{color:#fff;font-size:1.5rem;margin:0 0 1rem;font-weight:600}.informasi-ui .no-data p{color:#fff9;font-size:1.1rem;margin:0}.informasi-ui .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.informasi-ui .info-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);overflow:hidden;transition:all .4s ease;box-shadow:0 8px 32px #1f26875e;animation:fadeInUp .8s ease-out;position:relative}.informasi-ui .info-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .8s}.informasi-ui .info-card:hover:before{left:100%}.informasi-ui .info-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #1f268780;border-color:#ffffff4d}.informasi-ui .card-image{height:500px;overflow:hidden;position:relative}.informasi-ui .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.informasi-ui .info-card:hover .card-image img{transform:scale(1.05)}.informasi-ui .card-content{padding:1.5rem}.informasi-ui .card-date{color:#fff9;font-size:.875rem;font-weight:500;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.informasi-ui .card-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 1rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.informasi-ui .card-preview{color:#fffc;font-size:.95rem;line-height:1.6;margin:0 0 1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.informasi-ui .read-more-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:12px;padding:.75rem 1.5rem;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.informasi-ui .read-more-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(45deg,#764ba2,#667eea);transition:left .3s ease;z-index:-1}.informasi-ui .read-more-btn:hover:before{left:0}.informasi-ui .read-more-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.informasi-ui .btn-arrow{transition:transform .3s ease}.informasi-ui .read-more-btn:hover .btn-arrow{transform:translate(4px)}.informasi-ui .modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease-out}.informasi-ui .modal-content{background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:25px;border:1px solid rgba(255,255,255,.2);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080;animation:modalSlideUp .4s ease-out;position:relative}.informasi-ui .modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.informasi-ui .modal-close:hover{background:#fff3;transform:rotate(90deg) scale(1.1)}.informasi-ui .modal-image{height:300px;overflow:hidden;border-radius:25px 25px 0 0}.informasi-ui .modal-image img{width:100%;height:100%;object-fit:cover}.informasi-ui .modal-body{padding:2.5rem}.informasi-ui .modal-date{color:#fff9;font-size:.95rem;font-weight:500;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.informasi-ui .modal-title{color:#fff;font-size:2rem;font-weight:700;margin:0 0 1.5rem;line-height:1.3}.informasi-ui .modal-text{color:#ffffffe6;font-size:1.1rem;line-height:1.8}.informasi-ui .modal-text p{margin:0 0 1.5rem}.informasi-ui .modal-text p:last-child{margin-bottom:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@media (max-width: 768px){.informasi-ui{padding:1rem}.informasi-ui .ui-header{padding:2rem 1.5rem;margin-bottom:2rem}.informasi-ui .ui-header h1{font-size:2rem}.informasi-ui .ui-header p{font-size:1rem}.informasi-ui .info-grid{grid-template-columns:1fr;gap:1.5rem}.informasi-ui .card-content{padding:1.25rem}.informasi-ui .modal-overlay{padding:1rem}.informasi-ui .modal-body{padding:2rem}.informasi-ui .modal-title{font-size:1.5rem}.informasi-ui .modal-close{top:1rem;right:1rem;width:40px;height:40px}}@media (max-width: 480px){.informasi-ui .ui-header h1{font-size:1.75rem}.informasi-ui .card-image{height:300px}.informasi-ui .card-content{padding:1rem}.informasi-ui .card-title{font-size:1.1rem}.informasi-ui .card-preview{font-size:.9rem}.informasi-ui .modal-image{height:200px}.informasi-ui .modal-body{padding:1.5rem}.informasi-ui .modal-title{font-size:1.25rem}.informasi-ui .modal-text{font-size:1rem}}.informasi-ui .modal-content::-webkit-scrollbar{width:8px}.informasi-ui .modal-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.informasi-ui .modal-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.informasi-ui .modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}nav{position:fixed;top:0;left:0;width:100%;height:70px;background:linear-gradient(135deg,#0f172af2,#1e293be6,#0f172af2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(100,255,218,.1);z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0006}nav.scrolled{background:linear-gradient(135deg,#0f172afa,#1e293bf2,#0f172afa);box-shadow:0 8px 30px #64ffda26;border-bottom:1px solid rgba(100,255,218,.2)}.wrapper{display:flex;justify-content:flex-start;align-items:center;padding:0 2rem;max-width:1400px;margin:0 auto;height:70px;position:relative;gap:15rem}.logo-section{display:flex;align-items:center;z-index:1001;position:relative;flex-shrink:0}.logo-link{display:flex;align-items:center;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:8px 12px;border-radius:8px}.logo-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#64ffda1a,#40e0d01a);border-radius:12px;opacity:0;transition:opacity .3s ease;z-index:-1}.logo-link:hover:before{opacity:1}.logo-link:hover{transform:translateY(-1px)}.navbar-logo{height:70px;width:auto;margin-right:10px;transition:all .3s ease;filter:brightness(1.1) saturate(1.2)}.logo-link:hover .navbar-logo{filter:brightness(1.2) saturate(1.3) drop-shadow(0 0 8px rgba(100,255,218,.4));transform:scale(1.02)}.logo-text{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#64ffda,#40e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Inter,Segoe UI,sans-serif;letter-spacing:.3px;transition:all .3s ease}.logo-link:hover .logo-text{text-shadow:0 0 25px rgba(100,255,218,.5)}.menu-toggle{display:none;background:linear-gradient(135deg,#64ffda1a,#40e0d01a);border:1px solid rgba(100,255,218,.2);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.menu-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,255,218,.2),transparent);transition:left .6s ease}.menu-toggle:hover:before{left:100%}.menu-toggle:hover{background:linear-gradient(135deg,#64ffda33,#40e0d033);border-color:#64ffda66;transform:translateY(-2px);box-shadow:0 8px 25px #64ffda33}.menu-icon{font-size:1.5rem;color:#64ffda;transition:all .3s ease}.menu-toggle:hover .menu-icon{color:#fff;transform:rotate(180deg)}.menu{display:flex;align-items:center;position:relative;margin-left:auto}.menu ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}.button-group{display:flex;gap:.5rem;align-items:center}.join-button{background:#64ffda05;border:1px solid rgba(100,255,218,.15);border-radius:8px;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.join-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#64ffda0d,#40e0d00d);opacity:0;transition:opacity .3s ease}.join-button:hover:before{opacity:1}.join-button:hover{border-color:#64ffda4d;background:#64ffda0d;transform:translateY(-1px);box-shadow:0 4px 15px #64ffda1a}.join-button a{display:block;padding:10px 16px;text-decoration:none;color:#e2e8f0;font-weight:500;font-size:.9rem;position:relative;z-index:2;transition:all .3s ease;font-family:Inter,Segoe UI,sans-serif;white-space:nowrap}.button-text{position:relative;z-index:3;transition:all .3s ease}.join-button:hover .button-text{color:#64ffda}.button-glow{position:absolute;inset:0;background:linear-gradient(135deg,#64ffda1a,#40e0d01a);opacity:0;transition:opacity .3s ease;border-radius:10px}.join-button:hover .button-glow{opacity:1}.menu-decoration{position:absolute;inset:0;pointer-events:none;z-index:-1}.glow-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(100,255,218,.1) 0%,rgba(100,255,218,.05) 50%,transparent 100%);animation:float 6s ease-in-out infinite}.glow-orb-1{width:60px;height:60px;top:-30px;left:20%;animation-delay:0s}.glow-orb-2{width:40px;height:40px;top:-20px;right:30%;animation-delay:2s}.glow-orb-3{width:80px;height:80px;bottom:-40px;left:60%;animation-delay:4s}.nav-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:2px;height:2px;background:#64ffda;border-radius:50%;box-shadow:0 0 6px #64ffda;animation:particle-float 10s linear infinite}.particle-1{left:10%;animation-delay:0s;animation-duration:8s}.particle-2{left:25%;animation-delay:2s;animation-duration:12s}.particle-3{left:50%;animation-delay:4s;animation-duration:10s}.particle-4{left:75%;animation-delay:6s;animation-duration:14s}.particle-5{left:90%;animation-delay:8s;animation-duration:9s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes particle-float{0%{transform:translateY(100px) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(50px);opacity:0}}@media (max-width: 768px){nav{height:60px}.wrapper{padding:0 1rem;height:60px}.menu-toggle{display:block}.navbar-logo{height:32px;margin-right:8px}.logo-text{font-size:1rem}.logo-link{padding:6px 10px}.menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#0f172afa,#1e293bf2,#0f172afa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999}.menu.tampil{transform:translate(0)}.menu-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:-1}.button-group{flex-direction:column;gap:1.2rem;width:100%;max-width:280px;padding:2rem}.join-button{width:100%;border-radius:10px}.join-button a{padding:15px 20px;font-size:1rem;text-align:center}.nav-particles{display:none}}@media (max-width: 480px){nav{height:65px}.wrapper{padding:0 .75rem;height:65px}.navbar-logo{height:45px;margin-right:8px}.logo-text{font-size:1rem}.logo-link{padding:6px 10px}}.footer-container{background-color:#0c1421;color:#f0f0f0;position:relative;overflow:hidden;border-top:1px solid rgba(90,140,250,.1);box-shadow:0 -10px 30px #00000080}.footer-content{padding:60px 40px;position:relative;z-index:2}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1400px;margin:0 auto}.footer-column{animation:fadeIn .8s ease-in-out forwards;opacity:0}.footer-column:nth-child(1){animation-delay:.1s}.footer-column:nth-child(2){animation-delay:.2s}.footer-column:nth-child(3){animation-delay:.3s}.footer-column:nth-child(4){animation-delay:.4s}.footer-heading{color:#4794d4;font-size:1.4rem;font-weight:600;margin-bottom:25px;position:relative;padding-bottom:15px}.footer-heading:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:50px;background:linear-gradient(90deg,#4794d4,transparent)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:15px;display:flex;align-items:center;transition:transform .3s ease}.footer-links li:hover{transform:translate(5px)}.footer-icon{color:#4794d4;margin-right:10px;font-size:.8rem;flex-shrink:0}.footer-links a{color:#d0d0d0;text-decoration:none;transition:color .3s ease;font-size:1rem;word-break:break-word}.footer-links a:hover{color:#4794d4;text-shadow:0 0 10px rgba(71,148,212,.5)}.footer-address p{margin-bottom:10px;line-height:1.6;font-size:1rem;word-break:break-word}.footer-contact{margin-top:20px}.footer-contact p{margin-bottom:10px;word-break:break-word}.footer-contact strong{color:#4794d4}.social-links{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:#4794d41a;color:#4794d4;transition:all .3s ease;border:1px solid rgba(71,148,212,.3);flex-shrink:0;min-width:44px;min-height:44px}.social-link:hover{background-color:#4794d4;color:#fff;transform:translateY(-5px);box-shadow:0 5px 15px #4794d466}.footer-newsletter{margin-top:25px}.footer-newsletter h4{font-size:1.1rem;margin-bottom:15px;color:#d0d0d0}.newsletter-form{display:flex;flex-direction:column;gap:12px}.newsletter-input{padding:14px 16px;border-radius:8px;border:none;background-color:#ffffff0d;color:#fff;font-size:16px;transition:all .3s ease;border:1px solid rgba(71,148,212,.2);width:100%;box-sizing:border-box}.newsletter-input:focus{outline:none;background-color:#ffffff1a;border-color:#4794d480;box-shadow:0 0 15px #4794d433}.newsletter-input::placeholder{color:#ffffff80}.newsletter-btn{padding:14px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,#4794d4,#2a6aa8);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;min-height:48px;width:100%;box-sizing:border-box}.newsletter-btn:hover{background:linear-gradient(135deg,#2a6aa8,#4794d4);box-shadow:0 5px 15px #4794d466;transform:translateY(-2px)}.newsletter-btn:active{transform:translateY(0)}.footer-bottom{padding:20px 40px;text-align:center;background-color:#0003;position:relative;z-index:2;border-top:1px solid rgba(90,140,250,.1)}.copyright{color:#a0a0a0;font-size:.9rem;line-height:1.5}.univ-name{color:#d0d0d0;font-weight:600;margin-top:5px;letter-spacing:1px}.footer-glow{position:absolute;top:-50%;left:-10%;right:-10%;height:200px;background:radial-gradient(circle,#4794d41a,#0c142100 70%);z-index:1;pointer-events:none}.footer-particle{position:absolute;border-radius:50%;opacity:.2;filter:blur(5px);pointer-events:none;z-index:1;animation:float 15s infinite ease-in-out}.particle1{width:150px;height:150px;background:radial-gradient(circle,#4794d4,transparent);top:10%;right:10%;animation-delay:0s}.particle2{width:100px;height:100px;background:radial-gradient(circle,#4794d4,transparent);bottom:20%;left:5%;animation-delay:5s}.particle3{width:70px;height:70px;background:radial-gradient(circle,#4794d4,transparent);top:30%;left:30%;animation-delay:10s}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-15px) translate(15px)}50%{transform:translateY(10px) translate(-10px)}75%{transform:translateY(-5px) translate(5px)}}@media screen and (max-width: 1024px){.footer-content{padding:50px 30px}.footer-grid{gap:25px}.footer-heading{font-size:1.3rem}.footer-particle{display:none}}@media screen and (max-width: 992px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:30px}.footer-content{padding:45px 25px}}@media screen and (max-width: 768px){.footer-content{padding:40px 20px}.footer-grid{gap:35px}.footer-heading{font-size:1.2rem;margin-bottom:20px}.social-links{justify-content:flex-start;gap:12px}.social-link{width:42px;height:42px}.newsletter-form{gap:15px}.footer-bottom{padding:15px 20px}.copyright{font-size:.85rem}.footer-links li:hover{transform:none}.social-link:hover{transform:none;box-shadow:none}}@media screen and (max-width: 576px){.footer-grid{grid-template-columns:1fr;gap:30px}.footer-content{padding:35px 15px}.footer-heading{text-align:center;font-size:1.1rem;margin-bottom:18px}.footer-heading:after{left:50%;transform:translate(-50%);width:40px}.footer-links li{justify-content:center;margin-bottom:12px}.footer-address,.footer-contact{text-align:center}.social-links{justify-content:center;gap:10px;margin-bottom:25px}.social-link{width:40px;height:40px}.newsletter-form{max-width:300px;margin:0 auto}.footer-bottom{padding:15px}.copyright{font-size:.8rem}.univ-name{font-size:.9rem}.footer-column{animation:none;opacity:1}.footer-glow{display:none}}@media screen and (max-width: 480px){.footer-content{padding:30px 10px}.footer-grid{gap:25px}.footer-heading{font-size:1rem}.footer-links a,.footer-address p{font-size:.9rem}.newsletter-input{padding:12px 14px}.newsletter-btn{padding:12px 14px;font-size:.8rem}}@media screen and (max-width: 768px) and (orientation: landscape){.footer-content{padding:25px 20px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.footer-heading:after{height:1px}}@media (prefers-color-scheme: dark){.footer-container{background-color:#0a0f17}}@media (prefers-reduced-motion: reduce){.footer-column{animation:none;opacity:1}.footer-particle{animation:none}.footer-links li:hover,.social-link:hover,.newsletter-btn:hover{transform:none}}.profile-container{--profil-primary-color: #fdf91b;--profil-secondary-color: #cecb00;--profil-dark-bg: #e3dc0b;--profil-light-bg: #f6fe0b;--profil-text-primary: #dbe8b2;--profil-text-secondary: #deb66c;--profil-gradient-1: linear-gradient(135deg, var(--profil-primary-color), var(--profil-secondary-color))}.profile-container{width:100%;top:50px;max-width:1600px;margin:0 auto;background-color:var(--profil-light-bg);box-shadow:0 8px 32px #0000004d;position:relative;font-family:Roboto,Arial,sans-serif}.profile-container .hero-section{background:linear-gradient(#0009,#685c0599),url(/assets/backroundprofil-COjx7wz8.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:80vh;position:relative}.profile-container .hero-section .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0f0e17b3,#0f0e17e6);z-index:1}.profile-container .hero-content{text-align:center;position:relative;z-index:2;padding:2rem}.profile-container .university-logo{display:flex;justify-content:center;align-items:center}.profile-container .logo-image{width:300px;filter:drop-shadow(0 0 10px rgba(255,255,0,.8));transition:all .5s ease-in-out}.profile-container .logo-image:hover{filter:drop-shadow(0 0 20px rgba(255,255,0,1))}.profile-container .glowing-text{font-family:Orbitron,Arial Black,sans-serif;font-size:5rem;font-weight:700;color:#e3dc0b;text-transform:uppercase;background:#e3dc0b;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:profil-glow 2s ease-in-out infinite alternate;margin-bottom:1rem}.profile-container .university-name{font-family:Roboto,Arial,sans-serif;font-size:2.5rem;font-weight:300;color:var(--profil-text-primary);margin-bottom:1rem}.profile-container .hero-subtitle{font-size:1.2rem;color:var(--profil-text-secondary);max-width:600px;margin:0 auto}@keyframes profil-glow{0%{text-shadow:0 0 10px rgba(252,248,5,.7),0 0 20px rgba(238,246,5,.5),0 0 30px rgba(121,144,9,.3)}to{text-shadow:0 0 15px rgba(12,6,8,.8),0 0 25px rgba(108,92,231,.6),0 0 35px rgba(0,206,201,.4)}}@media screen and (max-width: 992px){.profile-container .glowing-text{font-size:3.5rem}.profile-container .university-name{font-size:2rem}}@media screen and (max-width: 768px){.profile-container .glowing-text{font-size:2.5rem;margin-top:20px}.profile-container .university-name{font-size:1.5rem}.profile-container .hero-subtitle{font-size:1rem}.profile-container .logo-image{width:200px;filter:drop-shadow(0 0 10px rgba(255,255,0,.8));transition:all .5s ease-in-out}}.detail-profil-ui-container{min-height:auto;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.detail-profil-ui-container:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(64,224,208,.1) 0%,transparent 70%);pointer-events:none}.detail-profil-ui-content{max-width:1400px;margin:0 auto;position:relative;z-index:1}.detail-profil-ui-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:0}.detail-profil-ui-card{position:relative;background:#101420cc;border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(64,224,208,.2);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.detail-profil-ui-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00d4ff,#40e0d0,#00d4ff,#40e0d0,#00d4ff);background-size:200% 100%;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.detail-profil-ui-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(64,224,208,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.detail-profil-ui-card-border{position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#40e0d04d,#00d4ff33,#40e0d04d);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.detail-profil-ui-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #40e0d04d,0 0 40px #00d4ff33,inset 0 1px #ffffff1a}.detail-profil-ui-card:hover .detail-profil-ui-card-glow,.detail-profil-ui-card:hover .detail-profil-ui-card-border{opacity:1}.detail-profil-ui-card-content{position:relative;z-index:2;width:100%}.detail-profil-ui-card-icon{font-size:2.9rem;font-weight:600;color:#fff;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:1px}.detail-profil-ui-card-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em;text-shadow:0 0 20px rgba(64,224,208,.3)}.detail-profil-ui-card-subtitle{font-size:.95rem;color:#ffffffb3;line-height:1.5;font-weight:400}.detail-profil-ui-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff}.detail-profil-ui-spinner{width:50px;height:50px;border:3px solid rgba(64,224,208,.3);border-top:3px solid #40e0d0;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.detail-profil-ui-error{display:flex;align-items:center;justify-content:center;min-height:400px;color:#ff6b6b;font-size:1.1rem}.detail-profil-ui-empty{display:flex;align-items:center;justify-content:center;min-height:400px;color:#ffffffb3;font-size:1.1rem}@media (max-width: 768px){.detail-profil-ui-container{padding:1rem}.detail-profil-ui-grid{grid-template-columns:1fr;gap:1.5rem}.detail-profil-ui-card{padding:1.5rem;min-height:150px}.detail-profil-ui-card-icon{font-size:2rem}.detail-profil-ui-card-title{font-size:1.25rem}.detail-profil-ui-card-subtitle{font-size:.9rem}}@media (max-width: 480px){.detail-profil-ui-container{padding:.5rem}.detail-profil-ui-card{padding:1rem;min-height:120px}.detail-profil-ui-card-icon{font-size:1.75rem;margin-bottom:.75rem}.detail-profil-ui-card-title{font-size:1.1rem}.detail-profil-ui-card-subtitle{font-size:.85rem}}@media (prefers-reduced-motion: reduce){.detail-profil-ui-card{transition:none}.detail-profil-ui-card:hover{transform:none}.detail-profil-ui-spinner,.shimmer{animation:none}}.sejarah-ui-container{min-height:100vh;background:radial-gradient(ellipse at top,#0a0a23 0%,transparent 50%),radial-gradient(ellipse at bottom,#1a1a2e 0%,transparent 50%),linear-gradient(135deg,#0f0f23,#16213e,#1a1a2e,#0e1429,#0a0a23);padding:3rem 2rem;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;position:relative;overflow-x:hidden}.sejarah-ui-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(64,224,208,.08) 0%,transparent 50%);pointer-events:none;z-index:0;animation:sejarah-ui-float 20s ease-in-out infinite}.sejarah-ui-container:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(120,119,198,.02) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,119,198,.02) 50%,transparent 70%);pointer-events:none;z-index:0}.sejarah-ui-container>*{position:relative;z-index:1}@keyframes sejarah-ui-float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(.5deg)}66%{transform:translateY(10px) rotate(-.5deg)}}.sejarah-ui-header{text-align:center;margin-bottom:4rem}.sejarah-ui-title{font-size:3rem;font-weight:700;margin:0;background:linear-gradient(135deg,#7c7fd6,#ff77c4,#40e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(124,127,214,.5);letter-spacing:1px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.sejarah-ui-underline{width:120px;height:4px;background:linear-gradient(90deg,#7c7fd6,#ff77c4,#40e0d0);margin:1rem auto;border-radius:2px;box-shadow:0 0 20px #7c7fd666}.sejarah-ui-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#7c7fd6}.sejarah-ui-spinner{width:50px;height:50px;border:4px solid rgba(124,127,214,.3);border-top:4px solid #7c7fd6;border-radius:50%;animation:sejarah-ui-spin 1s linear infinite;margin-bottom:1rem;box-shadow:0 0 20px #7c7fd64d}@keyframes sejarah-ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sejarah-ui-timeline{position:relative;max-width:1200px;margin:0 auto;padding:2rem 0}.sejarah-ui-timeline:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:4px;height:100%;background:linear-gradient(180deg,#7c7fd6,#ff77c4,#40e0d0);border-radius:2px;box-shadow:0 0 30px #7c7fd699;animation:sejarah-ui-timeline-glow 3s ease-in-out infinite alternate}@keyframes sejarah-ui-timeline-glow{0%{box-shadow:0 0 30px #7c7fd699}to{box-shadow:0 0 50px #ff77c4cc}}.sejarah-ui-timeline-item{position:relative;margin-bottom:4rem;width:100%}.sejarah-ui-timeline-item.sejarah-ui-left{text-align:right}.sejarah-ui-timeline-item.sejarah-ui-left .sejarah-ui-timeline-card{margin-right:calc(50% + 2rem);margin-left:0}.sejarah-ui-timeline-item.sejarah-ui-right{text-align:left}.sejarah-ui-timeline-item.sejarah-ui-right .sejarah-ui-timeline-card{margin-left:calc(50% + 2rem);margin-right:0}.sejarah-ui-timeline-dot{position:absolute;top:2rem;left:50%;transform:translate(-50%);width:20px;height:20px;background:linear-gradient(135deg,#7c7fd6,#ff77c4);border:4px solid rgba(15,15,35,.8);border-radius:50%;z-index:2;box-shadow:0 0 20px #7c7fd6b3,inset 0 0 10px #fff3;animation:sejarah-ui-pulse-web3 2s infinite}@keyframes sejarah-ui-pulse-web3{0%{box-shadow:0 0 20px #7c7fd6b3,inset 0 0 10px #fff3;transform:translate(-50%) scale(1)}50%{box-shadow:0 0 40px #ff77c4e6,inset 0 0 15px #ffffff4d;transform:translate(-50%) scale(1.1)}to{box-shadow:0 0 20px #7c7fd6b3,inset 0 0 10px #fff3;transform:translate(-50%) scale(1)}}.sejarah-ui-timeline-card{background:#0f0f23b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(124,127,214,.3);border-radius:20px;padding:2.5rem;box-shadow:0 15px 35px #00000080,0 5px 15px #7c7fd61a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sejarah-ui-timeline-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c7fd6,#ff77c4,#40e0d0);box-shadow:0 0 15px #7c7fd680}.sejarah-ui-timeline-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .7s ease}.sejarah-ui-timeline-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 30px 60px #0009,0 10px 30px #7c7fd64d;border-color:#ff77c499;background:#141428cc}.sejarah-ui-timeline-card:hover:after{left:100%}.sejarah-ui-period{display:inline-block;background:linear-gradient(135deg,#7c7fd6,#ff77c4);color:#fff;padding:.8rem 1.5rem;border-radius:25px;font-weight:700;font-size:1rem;margin-bottom:1.5rem;box-shadow:0 4px 15px #7c7fd666,inset 0 1px #fff3;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;overflow:hidden}.sejarah-ui-period:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:sejarah-ui-shine 3s infinite}@keyframes sejarah-ui-shine{0%{transform:translate(-200%) translateY(-200%) rotate(45deg)}50%{transform:translate(-200%) translateY(-200%) rotate(45deg)}to{transform:translate(200%) translateY(200%) rotate(45deg)}}.sejarah-ui-card-title{font-size:1.8rem;font-weight:600;background:linear-gradient(135deg,#7c7fd6,#ff77c4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.sejarah-ui-card-description{font-size:1rem;line-height:1.7;color:#ffffffe6;margin:0;text-align:justify}.sejarah-ui-empty{text-align:center;padding:4rem 2rem;color:#fff9;font-size:1.2rem}@media (max-width: 768px){.sejarah-ui-container{padding:2rem 1rem}.sejarah-ui-title{font-size:2.2rem}.sejarah-ui-timeline:before{left:2rem}.sejarah-ui-timeline-item{margin-bottom:3rem}.sejarah-ui-timeline-item.sejarah-ui-left,.sejarah-ui-timeline-item.sejarah-ui-right{text-align:left}.sejarah-ui-timeline-item.sejarah-ui-left .sejarah-ui-timeline-card,.sejarah-ui-timeline-item.sejarah-ui-right .sejarah-ui-timeline-card{margin-left:4rem;margin-right:0}.sejarah-ui-timeline-dot{left:2rem;transform:translate(-50%)}.sejarah-ui-timeline-card{padding:2rem}.sejarah-ui-card-title{font-size:1.5rem}.sejarah-ui-period{padding:.6rem 1.2rem;font-size:.9rem}}@media (max-width: 480px){.sejarah-ui-container{padding:1.5rem .5rem}.sejarah-ui-title{font-size:1.8rem}.sejarah-ui-timeline:before{left:1.5rem}.sejarah-ui-timeline-item.sejarah-ui-left .sejarah-ui-timeline-card,.sejarah-ui-timeline-item.sejarah-ui-right .sejarah-ui-timeline-card{margin-left:3rem}.sejarah-ui-timeline-dot{left:1.5rem;width:16px;height:16px}.sejarah-ui-timeline-card{padding:1.5rem;border-radius:15px}.sejarah-ui-card-title{font-size:1.3rem}.sejarah-ui-card-description{font-size:.9rem}.sejarah-ui-period{padding:.5rem 1rem;font-size:.8rem}}.sejarah-ui-timeline-item{opacity:0;transform:translateY(30px);animation:sejarah-ui-fadeInUp .8s ease forwards}.sejarah-ui-timeline-item:nth-child(1){animation-delay:.1s}.sejarah-ui-timeline-item:nth-child(2){animation-delay:.2s}.sejarah-ui-timeline-item:nth-child(3){animation-delay:.3s}.sejarah-ui-timeline-item:nth-child(4){animation-delay:.4s}.sejarah-ui-timeline-item:nth-child(5){animation-delay:.5s}@keyframes sejarah-ui-fadeInUp{to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}.visi-misi-ui{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);font-family:Inter,sans-serif;color:#fff;padding:6rem 0;position:relative;overflow-x:hidden}.visi-misi-ui:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(120,119,198,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.15) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(120,200,255,.1) 0%,transparent 50%);pointer-events:none}.container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.section-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#7877c6,#ff77c6,#77c8ff);opacity:.8}.section-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006,inset 0 1px #fff3;border-color:#fff3}.visi-card:before{background:linear-gradient(90deg,#7877c6,#a855f7)}.misi-card:before{background:linear-gradient(90deg,#06b6d4,#3b82f6)}.visi-card .section-title{background:linear-gradient(135deg,#7877c6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.misi-card .section-title{background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-content{display:flex;flex-direction:column;gap:1.5rem}.content-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;position:relative;overflow:hidden}.content-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#7877c61a,#ff77c60d);opacity:0;transition:opacity .3s ease}.content-item:hover:before{opacity:1}.content-item:hover{transform:translate(8px);border-color:#ffffff1a;background:#ffffff14}.visi-card .content-item{justify-content:center;text-align:center}.misi-card .content-item{align-items:flex-start}.bullet-point{color:#06b6d4;font-size:1.5rem;font-weight:700;margin-top:.2rem;flex-shrink:0;text-shadow:0 0 10px rgba(6,182,212,.5)}.content-item p{font-size:1.1rem;line-height:1.7;color:#e2e8f0;font-weight:400;position:relative;z-index:1}.visi-card .content-item p{font-size:1.2rem;font-weight:500;color:#f8fafc;text-align:center}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #7877c6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr;gap:2rem}.container{padding:0 1.5rem}.section-card{padding:2rem}}@media (max-width: 768px){.visi-misi-ui{padding:1rem 0}.container{padding:0 1rem}.section-card{padding:1.5rem}.section-title{font-size:2rem;margin-bottom:1.5rem}.content-item{padding:1rem;gap:.75rem}.content-item p{font-size:1rem}}@media (max-width: 480px){.section-title{font-size:1.5rem;letter-spacing:1px}.content-item{padding:.75rem;margin:.5rem 0}.content-item p{font-size:.9rem;line-height:1.6}}.section-card{animation:fadeInUp .6s ease-out}.visi-card{animation-delay:.1s}.misi-card{animation-delay:.2s}.pm-container{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff;min-height:100vh;padding:2rem;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;position:relative;overflow-x:hidden}.pm-container:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,219,255,.1) 0%,transparent 50%);pointer-events:none;z-index:-1}.pm-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.pm-loading{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.2rem;color:#64ffda}.pm-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #1f26875e}.pm-header-icon{flex-shrink:0}.pm-icon{width:80px;height:80px;background:linear-gradient(135deg,#64ffda,#00bcd4);border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 30px #64ffda4d}.pm-icon-inner{width:60%;height:60%;display:flex;align-items:center;justify-content:center}.pm-icon-bars{display:flex;flex-direction:column;gap:4px;width:100%}.pm-icon-bars span{height:3px;background:#0f0f23;border-radius:2px;display:block}.pm-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#64ffda,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pm-subtitle{font-size:1.1rem;line-height:1.6;color:#b3b3b3;margin:0}.pm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.pm-stat-item{padding:2rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.pm-stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#64ffda,#00bcd4,#ff4081);opacity:0;transition:opacity .3s ease}.pm-stat-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #64ffda33;border-color:#64ffda4d}.pm-stat-item:hover:before{opacity:1}.pm-stat-number,.pm-stat-grade{font-size:1.5rem;font-weight:800;color:#64ffda;margin-bottom:.5rem;text-shadow:0 0 10px rgba(100,255,218,.5)}.pm-stat-label{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:1px}.pm-stat-desc{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.pm-vision-mission{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.pm-vision,.pm-mission{padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pm-vm-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.pm-vm-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#64ffda}.pm-vm-header h3{margin:0;font-size:1.3rem;font-weight:600;color:#64ffda}.pm-vm-content{color:#ccc;line-height:1.6}.pm-vm-content p{margin:0}.pm-vm-content li{margin-bottom:.5rem;list-style:none;position:relative;padding-left:1rem}.pm-vm-content li:before{content:"•";color:#64ffda;position:absolute;left:0}.pm-section{margin-bottom:3rem}.pm-section-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,#64ffda,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pm-concentration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.pm-concentration-card{padding:2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.pm-concentration-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#64ffda,#00bcd4,#ff4081);opacity:0;transition:opacity .3s ease}.tab-icon{color:var(--secondary-color);font-size:1rem}.pm-stat-item>.pm-stat-label:first-of-type{font-size:2.5rem;text-shadow:0 0 5px rgba(0,255,255,.6)}.pm-concentration-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #64ffda26;border-color:#64ffda4d}.pm-concentration-card:hover:before{opacity:1}.pm-concentration-card h4{font-size:1.3rem;font-weight:600;color:#64ffda;margin:0 0 1rem}.pm-concentration-card p{color:#ccc;line-height:1.6;margin:0}.pm-career-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.pm-career-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.pm-career-item:hover{transform:translate(5px);border-color:#64ffda4d;box-shadow:0 5px 20px #64ffda1a}.pm-career-icon{color:#64ffda;font-size:1.2rem;flex-shrink:0}.pm-career-item span{color:#ccc;font-weight:500}.pm-faq{max-width:800px;margin:0 auto}.pm-faq-item{margin-bottom:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pm-faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;cursor:pointer;transition:all .3s ease;font-weight:500}.pm-faq-question:hover{background:#64ffda0d;color:#64ffda}.pm-faq-arrow{transition:transform .3s ease;color:#64ffda;font-size:1.2rem}.pm-faq-arrow.open{transform:rotate(180deg)}.pm-faq-answer{padding:0 1.5rem 1.5rem;color:#ccc;line-height:1.6;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.pm-container{padding:1rem}.pm-header{flex-direction:column;text-align:center;gap:1rem}.pm-title{font-size:2rem}.pm-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.pm-vision-mission{grid-template-columns:1fr;gap:1rem}.pm-concentration-grid,.pm-career-grid{grid-template-columns:1fr}}@media (max-width: 480px){.pm-header{padding:1.5rem}.pm-icon{width:60px;height:60px}.pm-title{font-size:1.8rem}.pm-subtitle{font-size:1rem}.pm-stat-item{padding:1.5rem 1rem}.pm-stat-number,.pm-stat-grade{font-size:2rem}.pm-section-title{font-size:1.5rem}.pm-concentration-card,.pm-vision,.pm-mission{padding:1.5rem}.pm-faq-question{padding:1rem;font-size:.9rem}.pm-faq-answer{padding:0 1rem 1rem;font-size:.9rem}}.pm-loading{position:relative}.pm-loading:after{content:"";position:absolute;width:40px;height:40px;margin:auto;border:4px solid transparent;border-top-color:#64ffda;border-radius:50%;animation:spin 1s ease infinite;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pm-stat-item,.pm-concentration-card,.pm-vision,.pm-mission,.pm-career-item,.pm-faq-item{background:#ffffff0d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #1f26875e}.pm-stat-item:hover,.pm-concentration-card:hover,.pm-career-item:hover{box-shadow:0 10px 30px #64ffda33,0 0 0 1px #64ffda1a,inset 0 0 0 1px #ffffff0d}.pm-title,.pm-section-title{text-shadow:0 0 10px rgba(100,255,218,.5)}.pm-vm-header h3,.pm-concentration-card h4{text-shadow:0 0 5px rgba(100,255,218,.3)}@keyframes borderGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.pm-header:before,.pm-stat-item:before,.pm-concentration-card:before{background:linear-gradient(45deg,#64ffda,#00bcd4,#ff4081,#64ffda);background-size:400% 400%;animation:borderGlow 3s ease infinite}.program-studi-container{position:relative;min-height:10vh;background:linear-gradient(135deg,#0f1419,#1a2332,#0f1419);display:flex;align-items:center;justify-content:center;padding:6rem;overflow:hidden}.program-studi-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(14,165,233,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(6,182,212,.05) 0%,transparent 50%);pointer-events:none}.program-studi-header{position:relative;z-index:2;text-align:center;max-width:1000px;width:100%}.program-studi-content{padding:0 2rem}.header-title{font-size:4rem;font-weight:900;background:linear-gradient(135deg,#60a5fa,#3b82f6,#06b6d4,#0891b2,#0e7490);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;letter-spacing:.1em;margin:0 0 1.5rem;text-transform:uppercase;filter:drop-shadow(0 0 20px rgba(59,130,246,.3))}.header-line{width:200px;height:4px;background:linear-gradient(90deg,#3b82f6,#06b6d4);margin:0 auto 2rem;border-radius:2px;box-shadow:0 0 20px #3b82f680}.header-description{font-size:1.1rem;color:#cbd5e1;line-height:1.6;max-width:700px;margin:0 auto 3rem;font-weight:400}.tab-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.tab-button{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#1e293bcc;border:2px solid rgba(59,130,246,.3);border-radius:12px;color:#cbd5e1;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s ease}.tab-button:hover{border-color:#3b82f699;color:#e2e8f0;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f633}.tab-button.active{background:linear-gradient(135deg,#3b82f633,#06b6d433);border-color:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d,inset 0 1px #ffffff1a}.tab-button.active:before{display:none}.tab-icon{font-size:1.2rem;filter:drop-shadow(0 0 8px rgba(59,130,246,.5))}.tab-button.active .tab-icon{animation:pulse 2s infinite}.program-content{background:#fff;min-height:50vh}@keyframes pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(59,130,246,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 12px rgba(59,130,246,.8))}}@media (max-width: 768px){.program-studi-container{padding:1rem;min-height:80vh}.header-title{font-size:2.5rem;letter-spacing:.05em}.header-description{font-size:1rem;padding:0 1rem}.tab-buttons{flex-direction:column;align-items:center;gap:.75rem}.tab-button{padding:.875rem 1.5rem;font-size:.95rem;width:100%;max-width:300px;justify-content:center}.program-studi-content{padding:0 1rem}}@media (max-width: 480px){.header-title{font-size:2rem}.header-line{width:150px;height:3px}.header-description{font-size:.9rem}.tab-button{padding:.75rem 1.25rem;font-size:.9rem}}.program-studi-container *{box-sizing:border-box}.header-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.civitas-ui{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3a,#2d1b69);padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}.civitas-ui:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.civitas-ui>*{position:relative;z-index:1}.civitas-ui__header{text-align:center;margin-bottom:3rem;padding:6rem 0}.civitas-ui__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;background:linear-gradient(135deg,#00d4ff,#7c77c6,#ff77c6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem;text-shadow:0 0 30px rgba(0,212,255,.3);letter-spacing:-.02em}.civitas-ui__subtitle{color:#ffffffb3;font-size:1.1rem;font-weight:400;margin-top:.5rem}.civitas-ui__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.civitas-ui__card{background:#ffffff0d;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.civitas-ui__card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00d4ff33,0 8px 32px #0006,inset 0 1px #fff3;border-color:#00d4ff4d}.civitas-ui__card-inner{padding:2rem;position:relative;z-index:2}.civitas-ui__card-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#00d4ff0d,#7c77c60d,#ff77c60d);opacity:0;transition:opacity .4s ease;z-index:1}.civitas-ui__card:hover .civitas-ui__card-overlay{opacity:1}.civitas-ui__photo-container{display:flex;justify-content:center;margin-bottom:1.5rem;position:relative}.civitas-ui__photo{width:250px;height:300px;border-radius:20px;object-fit:cover;border:3px solid rgba(255,255,255,.2);transition:all .3s ease;box-shadow:0 8px 25px #0000004d,inset 0 1px #ffffff1a}.civitas-ui__card:hover .civitas-ui__photo{border-color:#00d4ff80;box-shadow:0 12px 35px #00d4ff33,0 8px 25px #0006,inset 0 1px #fff3}.civitas-ui__photo-placeholder{width:250px;height:250px;border-radius:20px;background:linear-gradient(135deg,#7c77c6,#00d4ff);display:flex;align-items:center;justify-content:center;font-size:3.5rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);border:3px solid rgba(255,255,255,.2);box-shadow:0 8px 25px #0000004d,inset 0 1px #fff3}.civitas-ui__status-badge{position:absolute;top:-8px;right:-8px;padding:.4rem .8rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0003}.civitas-ui__status-badge--aktif{background:linear-gradient(135deg,#10b981cc,#059669cc);color:#f0fdf4;border-color:#10b9814d}.civitas-ui__status-badge--nonaktif{background:linear-gradient(135deg,#ef4444cc,#b91c1ccc);color:#fef2f2;border-color:#ef44444d}.civitas-ui__card-content{text-align:center}.civitas-ui__name{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 .5rem;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.2)}.civitas-ui__position{background:linear-gradient(135deg,#00d4ff26,#7c77c626);color:#ffffffe6;padding:.6rem 1.2rem;border-radius:12px;font-size:.9rem;font-weight:500;margin-bottom:1.5rem;border:1px solid rgba(0,212,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-block}.civitas-ui__details{margin-top:1rem}.civitas-ui__detail-item{margin-bottom:.8rem;text-align:left}.civitas-ui__detail-label{color:#fff9;font-size:.85rem;font-weight:500;display:block;margin-bottom:.3rem}.civitas-ui__detail-value{color:#ffffffe6;font-size:.9rem;word-break:break-word}.civitas-ui__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#fffc;font-size:1.1rem}.civitas-ui__spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #00d4ff;border-radius:50%;animation:civitas-spin 1s linear infinite;margin-bottom:1rem}@keyframes civitas-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.civitas-ui__error{text-align:center;padding:3rem 2rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:500px;margin:2rem auto}.civitas-ui__error h3{color:#ff6b6b;font-size:1.5rem;margin:0 0 1rem;font-weight:600}.civitas-ui__error p{color:#fffc;margin:0 0 2rem;font-size:1rem}.civitas-ui__retry-btn{background:linear-gradient(135deg,#00d4ff,#7c77c6);color:#fff;border:none;padding:.8rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00d4ff4d}.civitas-ui__retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4ff66}.civitas-ui__no-data{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#fff9}.civitas-ui__no-data h3{font-size:1.5rem;margin:0 0 1rem;font-weight:600;color:#fffc}.civitas-ui__no-data p{font-size:1rem;margin:0}@media (max-width: 768px){.civitas-ui{padding:1rem}.civitas-ui__grid{grid-template-columns:1fr;gap:1.5rem}.civitas-ui__card-inner{padding:1.5rem}.civitas-ui__title{font-size:2rem}.civitas-ui__photo,.civitas-ui__photo-placeholder{width:140px;height:140px}}@media (max-width: 480px){.civitas-ui{padding:3.5rem}.civitas-ui__header{margin-bottom:2rem;padding:1rem 0}.civitas-ui__card-inner{padding:1rem}}.jurnal-ui{min-height:100vh;background:linear-gradient(135deg,#0c0c0c,#1a1a2e,#16213e);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;overflow-x:hidden}.jurnal-container{max-width:1200px;margin:0 auto;padding:20px}.kerjasama-ui-header-content{flex:1;min-width:300px;text-align:center;margin-top:70PX}.journals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:60px}.journal-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:25px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.journal-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease;z-index:0}.journal-card:hover:before{opacity:1}.journal-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0006;border-color:#667eea4d}.journal-card>*{position:relative;z-index:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:10px}.category-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.category-badge.large{padding:8px 16px;font-size:14px}.impact-badge{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.impact-badge.large{padding:8px 16px;font-size:14px}.card-content{margin-bottom:20px}.journal-title{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.journal-meta{margin-bottom:15px}.journal-meta p{margin:0 0 8px;font-size:14px;color:#b0b0b0;display:flex;align-items:center;gap:8px}.meta-icon{font-size:14px;opacity:.7}.journal-abstract{font-size:14px;color:#a0a0a0;line-height:1.5;margin:0}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.stats-row{display:flex;gap:20px}.stat-item{display:flex;align-items:center;gap:5px;color:#b0b0b0;font-size:14px}.stat-icon{font-size:14px}.stat-value{font-weight:600;color:#fff}.view-btn{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.3);color:#667eea;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.view-btn:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d);color:#fff;transform:scale(1.05)}.view-icon{font-size:14px}.empty-state{text-align:center;padding:100px 20px;color:#a0a0a0}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:1.5rem;color:#fff;margin:0 0 10px}.empty-state p{font-size:1rem;margin:0}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:40px}.pagination{display:flex;gap:10px;align-items:center}.pagination-btn{padding:10px 15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:600;min-width:45px}.pagination-btn:hover:not(:disabled){background:#667eea33;border-color:#667eea4d;transform:translateY(-2px)}.pagination-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent}.pagination-info{color:#a0a0a0;font-size:14px}.modal-content{background:#1a1a2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:30px 30px 0;margin-bottom:20px}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0;line-height:1.3;flex:1;padding-right:20px}.modal-close{background:none;border:none;color:#a0a0a0;font-size:2rem;cursor:pointer;transition:all .3s ease;padding:0;line-height:1;flex-shrink:0}.modal-close:hover{color:#fff;transform:scale(1.1)}.modal-body{padding:0 30px 30px}.detail-section{display:flex;flex-direction:column;gap:25px}.detail-badges{display:flex;gap:10px;flex-wrap:wrap}.detail-meta{display:grid;gap:15px}.meta-item{color:#b0b0b0;font-size:14px;line-height:1.5}.meta-item strong{color:#fff;font-weight:600;display:inline-block;min-width:80px}.keywords-section{color:#b0b0b0;font-size:14px}.keywords-section strong{color:#fff;font-weight:600;display:block;margin-bottom:10px}.keywords-list{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag{background:#667eea33;border:1px solid rgba(102,126,234,.3);color:#667eea;padding:4px 12px;border-radius:15px;font-size:12px;font-weight:500;white-space:nowrap}.abstract-section{color:#b0b0b0;font-size:14px;line-height:1.6}.abstract-section strong{color:#fff;font-weight:600;display:block;margin-bottom:15px}.abstract-text{margin:0;text-align:justify}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:10px}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.stat-card:hover{background:#ffffff14;transform:translateY(-2px)}.stat-icon.large{font-size:2rem;opacity:.8}.stat-info{display:flex;flex-direction:column}.stat-number{font-size:1.5rem;font-weight:700;color:#fff;line-height:1}.stat-label{font-size:12px;color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}@media (max-width: 768px){.jurnal-container{padding:15px}.jurnal-title{font-size:2.5rem}.jurnal-subtitle{font-size:1rem}.filter-container{padding:20px}.filter-controls{flex-direction:column;align-items:stretch}.filter-select,.year-input,.filter-btn{width:100%;min-width:auto}.journals-grid{grid-template-columns:1fr;gap:20px}.journal-card{padding:20px}.card-header{flex-direction:column;align-items:flex-start;gap:10px}.card-footer{flex-direction:column;align-items:flex-start;gap:15px}.stats-row{width:100%;justify-content:space-around}.modal-content{margin:10px;max-height:95vh}.modal-header,.modal-body{padding-left:20px;padding-right:20px}.modal-header h2{font-size:1.3rem}.stats-section{grid-template-columns:1fr}.pagination{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.jurnal-title{font-size:2rem}.search-input{font-size:14px}.journal-title{font-size:1.1rem}.journal-meta p,.journal-abstract{font-size:13px}.modal-header{padding:20px 20px 0}.modal-body{padding:0 20px 20px}.detail-badges{justify-content:center}.stats-section{gap:15px}.stat-card{padding:15px}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#667eeab3}.journal-card{animation:fadeInUp .6s ease-out}.journal-card:nth-child(1){animation-delay:.1s}.journal-card:nth-child(2){animation-delay:.2s}.journal-card:nth-child(3){animation-delay:.3s}.journal-card:nth-child(4){animation-delay:.4s}.journal-card:nth-child(5){animation-delay:.5s}.journal-card:nth-child(6){animation-delay:.6s}.journal-card:nth-child(7){animation-delay:.7s}.journal-card:nth-child(8){animation-delay:.8s}.journal-card:nth-child(9){animation-delay:.9s}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea33,0 0 10px #667eea1a}50%{box-shadow:0 0 20px #667eea66,0 0 30px #667eea33}}.filter-btn.primary:hover{animation:glow 2s ease-in-out infinite}@media (prefers-contrast: high){.journal-card{border-color:#fff}.category-badge,.impact-badge,.filter-btn.primary{border:1px solid #ffffff}}.kerjasama-ui-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:2rem;position:relative;overflow-x:hidden}.kerjasama-ui-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,118,117,.1) 0%,transparent 50%);pointer-events:none;z-index:1}.kerjasama-ui-container>*{position:relative;z-index:2}.kerjasama-ui-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.kerjasama-ui-loader{width:50px;height:50px;border:3px solid rgba(120,119,198,.3);border-top:3px solid #7877c6;border-radius:50%;animation:kerjasama-ui-spin 1s linear infinite}@keyframes kerjasama-ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kerjasama-ui-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:2rem}.kerjasama-ui-header-content{flex:1;min-width:300px;text-align:center}.kerjasama-ui-title{font-size:3rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#7877c6,#ff7675);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(120,119,198,.3)}.kerjasama-ui-subtitle{font-size:1.25rem;color:#a0a0a0;margin:0;font-weight:300}.kerjasama-ui-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.kerjasama-ui-stat-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:120px;transition:all .3s ease}.kerjasama-ui-stat-card:hover{transform:translateY(-5px);background:#ffffff1a;box-shadow:0 10px 30px #7877c633}.kerjasama-ui-stat-number{font-size:2rem;font-weight:700;color:#7877c6;margin-bottom:.5rem}.kerjasama-ui-stat-label{font-size:.875rem;color:#a0a0a0;text-align:center}.kerjasama-ui-controls{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.kerjasama-ui-search-container{position:relative;flex:1;min-width:300px}.kerjasama-ui-search{width:100%;padding:1rem 3rem 1rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.kerjasama-ui-search:focus{outline:none;border-color:#7877c6;box-shadow:0 0 20px #7877c64d}.kerjasama-ui-search::placeholder{color:#a0a0a0}.kerjasama-ui-search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;color:#a0a0a0}.kerjasama-ui-filter-container{min-width:200px}.kerjasama-ui-filter{width:100%;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease}.kerjasama-ui-filter:focus{outline:none;border-color:#7877c6;box-shadow:0 0 20px #7877c64d}.kerjasama-ui-filter option{background:#1a1a2e;color:#fff}.kerjasama-ui-results-info{margin-bottom:2rem;color:#a0a0a0;font-size:.875rem}.kerjasama-ui-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.kerjasama-ui-empty{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#a0a0a0}.kerjasama-ui-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.kerjasama-ui-empty h3{margin:0 0 .5rem;font-size:1.5rem;color:#fff}.kerjasama-ui-empty p{margin:0}.kerjasama-ui-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative}.kerjasama-ui-card:hover{transform:translateY(-8px);background:#ffffff14;box-shadow:0 20px 40px #0000004d;border-color:#7877c64d}.kerjasama-ui-card-image{position:relative;height:200px;overflow:hidden}.kerjasama-ui-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.kerjasama-ui-card:hover .kerjasama-ui-card-image img{transform:scale(1.1)}.kerjasama-ui-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7877c633,#ff767533)}.kerjasama-ui-no-image-icon{font-size:3rem;opacity:.6}.kerjasama-ui-card-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.kerjasama-ui-card:hover .kerjasama-ui-card-overlay{opacity:1}.kerjasama-ui-view-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#7877c6,#ff7675);border:none;border-radius:25px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;transform:translateY(10px)}.kerjasama-ui-card:hover .kerjasama-ui-view-btn{transform:translateY(0)}.kerjasama-ui-view-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #7877c666}.kerjasama-ui-card-content{padding:1.5rem}.kerjasama-ui-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.kerjasama-ui-card-title{margin:0;font-size:1.25rem;font-weight:600;color:#fff;flex:1}.kerjasama-ui-status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.kerjasama-ui-status-active{background:#2ecc7133;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.kerjasama-ui-status-pending{background:#f1c40f33;color:#f1c40f;border:1px solid rgba(241,196,15,.3)}.kerjasama-ui-status-completed{background:#3498db33;color:#3498db;border:1px solid rgba(52,152,219,.3)}.kerjasama-ui-status-inactive{background:#95a5a633;color:#95a5a6;border:1px solid rgba(149,165,166,.3)}.kerjasama-ui-card-info{margin-bottom:1rem}.kerjasama-ui-info-item{display:flex;margin-bottom:.5rem;font-size:.875rem}.kerjasama-ui-info-label{color:#a0a0a0;min-width:80px;font-weight:500}.kerjasama-ui-info-value{color:#fff;flex:1}.kerjasama-ui-card-description{color:#d0d0d0;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kerjasama-ui-card-footer{padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.kerjasama-ui-detail-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:transparent;border:1px solid rgba(120,119,198,.5);border-radius:12px;color:#7877c6;font-weight:500;cursor:pointer;transition:all .3s ease}.kerjasama-ui-detail-btn:hover{background:#7877c61a;border-color:#7877c6;transform:translateY(-2px)}.kerjasama-ui-btn-arrow{transition:transform .3s ease}.kerjasama-ui-detail-btn:hover .kerjasama-ui-btn-arrow{transform:translate(5px)}.kerjasama-ui-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:2rem}.kerjasama-ui-modal{background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);border:1px solid rgba(255,255,255,.1);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:800px;max-height:90vh;width:100%;overflow-y:auto;position:relative;box-shadow:0 25px 50px #00000080}.kerjasama-ui-modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;color:#fff;font-size:1.5rem;cursor:pointer;z-index:10;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.kerjasama-ui-modal-close:hover{background:#fff3;transform:rotate(90deg)}.kerjasama-ui-modal-content{padding:2rem}.kerjasama-ui-modal-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.kerjasama-ui-modal-image{width:120px;height:120px;border-radius:16px;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.kerjasama-ui-modal-title-section{flex:1}.kerjasama-ui-modal-title{margin:0 0 1rem;font-size:2rem;font-weight:700;color:#fff}.kerjasama-ui-modal-body{color:#fff}.kerjasama-ui-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.kerjasama-ui-modal-section{margin-bottom:2rem}.kerjasama-ui-modal-section h4{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#7877c6}.kerjasama-ui-modal-info{display:flex;flex-direction:column;gap:.75rem}.kerjasama-ui-modal-info-item{display:flex;font-size:.875rem}.kerjasama-ui-modal-info-item strong{color:#a0a0a0;min-width:100px;font-weight:500}.kerjasama-ui-projects-list{list-style:none;padding:0;margin:0}.kerjasama-ui-project-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-bottom:.5rem;font-size:.875rem;position:relative;padding:.75rem .75rem .75rem 2rem}.kerjasama-ui-project-item:before{content:"•";position:absolute;left:.75rem;color:#7877c6;font-weight:700}.kerjasama-ui-modal-description,.kerjasama-ui-modal-outcomes{line-height:1.6;color:#d0d0d0;margin:0}@media (max-width: 768px){.kerjasama-ui-container{padding:1rem}.kerjasama-ui-title{font-size:2rem}.kerjasama-ui-header{flex-direction:column;align-items:flex-start}.kerjasama-ui-stats{width:100%;justify-content:space-between}.kerjasama-ui-stat-card{flex:1;min-width:auto}.kerjasama-ui-controls{flex-direction:column}.kerjasama-ui-search-container,.kerjasama-ui-filter-container{min-width:auto;width:100%}.kerjasama-ui-grid{grid-template-columns:1fr}.kerjasama-ui-modal-overlay,.kerjasama-ui-modal-content{padding:1rem}.kerjasama-ui-modal-header{flex-direction:column;text-align:center}.kerjasama-ui-modal-grid{grid-template-columns:1fr;gap:1rem}.kerjasama-ui-modal-title{font-size:1.5rem}}@media (max-width: 480px){.kerjasama-ui-title{font-size:1.5rem}.kerjasama-ui-stats{flex-direction:column;gap:1rem}.kerjasama-ui-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.galeri-ui{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:2rem 0}.galeri-ui__container{max-width:1400px;margin:0 auto;padding:0 1rem}.galeri-ui__header{text-align:center;margin-bottom:3rem}.galeri-ui__title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;text-shadow:0 0 30px rgba(102,126,234,.3)}.galeri-ui__subtitle{font-size:1.2rem;color:#a0a9c0;margin:0}.galeri-ui__filters{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.galeri-ui__filter-btn{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:25px;color:#a0a9c0;cursor:pointer;transition:all .3s ease;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:capitalize}.galeri-ui__filter-btn:hover{background:#667eea1a;border-color:#667eea4d;color:#667eea;transform:translateY(-2px);box-shadow:0 5px 15px #667eea33}.galeri-ui__filter-btn--active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 5px 20px #667eea66}.galeri-ui__filter-btn--active:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.galeri-ui__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.galeri-ui__spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.3);border-top:3px solid #667eea;border-radius:50%;animation:galeri-ui-spin 1s linear infinite}@keyframes galeri-ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.galeri-ui__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.galeri-ui__card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.galeri-ui__card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px #0000004d,0 0 30px #667eea33;border-color:#667eea4d}.galeri-ui__card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent);opacity:0;transition:opacity .3s ease}.galeri-ui__card:hover:before{opacity:1}.galeri-ui__card-image{position:relative;height:200px;overflow:hidden}.galeri-ui__card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.galeri-ui__card:hover .galeri-ui__card-image img{transform:scale(1.1)}.galeri-ui__card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a,#0000004d);display:flex;align-items:flex-start;justify-content:flex-end;padding:1rem}.galeri-ui__card-category{background:#667eeae6;color:#fff;padding:.4rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px}.galeri-ui__card-content{padding:1.5rem}.galeri-ui__card-title{font-size:1.3rem;font-weight:700;margin-bottom:.8rem;color:#fff;line-height:1.3}.galeri-ui__card-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:#a0a9c0}.galeri-ui__card-date:before{content:"📅 ";margin-right:.3rem}.galeri-ui__card-organizer:before{content:"🏢 ";margin-right:.3rem}.galeri-ui__card-description{color:#cbd5e0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.galeri-ui__no-data{grid-column:1 / -1;text-align:center;padding:3rem;color:#a0a9c0;font-size:1.1rem}.galeri-ui__modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:galeri-ui-fadeIn .3s ease}@keyframes galeri-ui-fadeIn{0%{opacity:0}to{opacity:1}}.galeri-ui__modal{background:#1a1a2ef2;border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:galeri-ui-slideUp .3s ease}@keyframes galeri-ui-slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.galeri-ui__modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:#ffffff1a;color:#fff;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:10;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.galeri-ui__modal-close:hover{background:#ef4444cc;transform:rotate(90deg)}.galeri-ui__modal-content{display:flex;flex-direction:column}.galeri-ui__modal-image{height:400px;overflow:hidden;border-radius:20px 20px 0 0}.galeri-ui__modal-image img{width:100%;height:100%;object-fit:cover}.galeri-ui__modal-info{padding:2rem}.galeri-ui__modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.galeri-ui__modal-title{font-size:2rem;font-weight:700;margin:0;color:#fff;flex:1}.galeri-ui__modal-category{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.galeri-ui__modal-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.galeri-ui__modal-meta-item{color:#cbd5e0}.galeri-ui__modal-meta-item strong{color:#667eea;display:block;margin-bottom:.3rem}.galeri-ui__modal-description{line-height:1.7;color:#cbd5e0}.galeri-ui__modal-description strong{color:#667eea;display:block;margin-bottom:.5rem;font-size:1.1rem}.galeri-ui__modal-description p{margin:0;color:#e2e8f0}@media (max-width: 768px){.galeri-ui{padding:1rem 0}.galeri-ui__container{padding:0 .5rem}.galeri-ui__grid{grid-template-columns:1fr;gap:1.5rem}.galeri-ui__modal-content{flex-direction:column}.galeri-ui__modal-header{flex-direction:column;align-items:stretch;text-align:center}.galeri-ui__modal-title{font-size:1.5rem}.galeri-ui__modal-meta{grid-template-columns:1fr}.galeri-ui__card-meta{flex-direction:column;gap:.5rem}}.kegiatan-ui{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);min-height:100vh;padding:2rem 0;position:relative}.kegiatan-ui:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(119,198,255,.1) 0%,transparent 50%);pointer-events:none;z-index:-1}.kegiatan-ui__container{max-width:1400px;margin:0 auto;padding:0 2rem}.kegiatan-ui__header{text-align:center;margin-bottom:4rem;position:relative}.kegiatan-ui__title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;background:linear-gradient(135deg,#fff,#a855f7,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem;position:relative}.kegiatan-ui__title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#a855f7,#06b6d4);border-radius:2px}.kegiatan-ui__subtitle{color:#94a3b8;font-size:1.2rem;font-weight:400;margin:0;opacity:.9}.kegiatan-ui__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;color:#94a3b8}.kegiatan-ui__spinner{width:40px;height:40px;border:3px solid rgba(168,85,247,.2);border-top:3px solid #a855f7;border-radius:50%;animation:kegiatan-ui-spin 1s linear infinite;margin-bottom:1rem}@keyframes kegiatan-ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kegiatan-ui__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.kegiatan-ui__card{background:#1e293bcc;border-radius:20px;border:1px solid rgba(148,163,184,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;position:relative;overflow:hidden}.kegiatan-ui__card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(168,85,247,.5) 50%,transparent 100%)}.kegiatan-ui__card:hover{transform:translateY(-8px);border-color:#a855f74d;box-shadow:0 20px 40px #0000004d,0 0 0 1px #a855f71a,inset 0 1px #ffffff1a}.kegiatan-ui__card-header{position:relative;height:700px;overflow:hidden;border-radius:20px 20px 0 0}.kegiatan-ui__card-image{position:relative;width:100%;height:100%}.kegiatan-ui__card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.kegiatan-ui__card:hover .kegiatan-ui__card-image img{transform:scale(1.05)}.kegiatan-ui__card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center}.kegiatan-ui__placeholder-icon{font-size:3rem;opacity:.5}.kegiatan-ui__card-overlay{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-start}.kegiatan-ui__category{background:#a855f7e6;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kegiatan-ui__status{padding:.4rem .8rem;border-radius:15px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kegiatan-ui__status--akan-datang{background:#22c55ee6;color:#fff}.kegiatan-ui__status--selesai{background:#94a3b8e6;color:#fff}.kegiatan-ui__status--dibatalkan{background:#ef4444e6;color:#fff}.kegiatan-ui__card-content{padding:1.5rem}.kegiatan-ui__card-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 1rem;line-height:1.3}.kegiatan-ui__card-info{margin-bottom:1rem}.kegiatan-ui__info-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#94a3b8;font-size:.9rem}.kegiatan-ui__info-icon{font-size:1rem;width:20px;text-align:center}.kegiatan-ui__card-description{color:#cbd5e1;line-height:1.6;margin-bottom:1rem;font-size:.95rem}.kegiatan-ui__speakers-preview{margin-bottom:1.5rem}.kegiatan-ui__speakers-preview h4{color:#e2e8f0;font-size:1rem;font-weight:600;margin:0 0 .5rem}.kegiatan-ui__speakers-list{display:flex;flex-direction:column;gap:.3rem}.kegiatan-ui__speaker-item{color:#94a3b8;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.kegiatan-ui__speakers-more{color:#a855f7;font-size:.8rem;font-weight:500;margin-top:.2rem}.kegiatan-ui__card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(148,163,184,.1)}.kegiatan-ui__participants{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.9rem}.kegiatan-ui__participants-icon{font-size:1rem}.kegiatan-ui__btn{border:none;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;position:relative;overflow:hidden}.kegiatan-ui__btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.kegiatan-ui__btn:hover:before{left:100%}.kegiatan-ui__btn--detail{background:linear-gradient(135deg,#a855f7,#06b6d4);color:#fff;border:1px solid rgba(255,255,255,.1)}.kegiatan-ui__btn--detail:hover{transform:translateY(-2px);box-shadow:0 10px 20px #a855f74d}.kegiatan-ui__btn--register{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:1px solid rgba(255,255,255,.1);padding:1rem 2rem;font-size:1.1rem;border-radius:15px}.kegiatan-ui__btn--register:hover{transform:translateY(-2px);box-shadow:0 15px 30px #22c55e66}.kegiatan-ui__empty{text-align:center;padding:4rem 2rem;color:#94a3b8}.kegiatan-ui__empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.kegiatan-ui__empty h3{color:#e2e8f0;font-size:1.5rem;margin:0 0 .5rem}.kegiatan-ui__empty p{margin:0;font-size:1.1rem}.kegiatan-ui__modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.kegiatan-ui__modal{background:#1e293bf2;border-radius:24px;border:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px #00000080}.kegiatan-ui__modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#94a3b81a;border:1px solid rgba(148,163,184,.2);color:#e2e8f0;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.kegiatan-ui__modal-close:hover{background:#ef444433;border-color:#ef444480}.kegiatan-ui__modal-header{position:relative}.kegiatan-ui__modal-image{width:100%;height:300px;overflow:hidden;border-radius:24px 24px 0 0}.kegiatan-ui__modal-image img{width:100%;height:100%;object-fit:cover}.kegiatan-ui__modal-title-section{padding:2rem 2rem 1rem}.kegiatan-ui__modal-badges{display:flex;gap:1rem;margin-bottom:1rem}.kegiatan-ui__modal-title{font-size:2rem;font-weight:800;color:#fff;margin:0;line-height:1.2}.kegiatan-ui__modal-content{padding:0 2rem 2rem}.kegiatan-ui__modal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#0f172a80;border-radius:16px;border:1px solid rgba(148,163,184,.1)}.kegiatan-ui__modal-info-item{display:flex;flex-direction:column;gap:.5rem}.kegiatan-ui__info-label{color:#94a3b8;font-size:.9rem;font-weight:500}.kegiatan-ui__modal-info-item>span:last-child{color:#e2e8f0;font-weight:600}.kegiatan-ui__modal-description{margin-bottom:2rem}.kegiatan-ui__modal-description h3{color:#e2e8f0;font-size:1.3rem;font-weight:700;margin:0 0 1rem}.kegiatan-ui__modal-description p{color:#cbd5e1;line-height:1.7;font-size:1rem;margin:0}.kegiatan-ui__modal-speakers{margin-bottom:2rem}.kegiatan-ui__modal-speakers h3{color:#e2e8f0;font-size:1.3rem;font-weight:700;margin:0 0 1rem}.kegiatan-ui__speakers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.kegiatan-ui__speaker-card{background:#0f172a80;border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.8rem;transition:all .3s ease}.kegiatan-ui__speaker-card:hover{background:#a855f71a;border-color:#a855f74d;transform:translate(4px)}.kegiatan-ui__speaker-icon{font-size:1.2rem;opacity:.8}.kegiatan-ui__speaker-card span:last-child{color:#e2e8f0;font-weight:500}.kegiatan-ui__modal-registration{text-align:center;padding-top:1rem;border-top:1px solid rgba(148,163,184,.1)}@media (max-width: 768px){.kegiatan-ui{padding:1rem 0}.kegiatan-ui__container{padding:0 1rem}.kegiatan-ui__header{margin-bottom:2rem}.kegiatan-ui__title{font-size:2.5rem}.kegiatan-ui__subtitle{font-size:1rem}.kegiatan-ui__grid{grid-template-columns:1fr;gap:1.5rem}.kegiatan-ui__card-footer{flex-direction:column;gap:1rem;align-items:stretch}.kegiatan-ui__modal-overlay{padding:1rem}.kegiatan-ui__modal{max-height:95vh}.kegiatan-ui__modal-title-section{padding:1.5rem 1.5rem 1rem}.kegiatan-ui__modal-title{font-size:1.5rem}.kegiatan-ui__modal-content{padding:0 1.5rem 1.5rem}.kegiatan-ui__modal-info-grid{grid-template-columns:1fr;padding:1rem}.kegiatan-ui__speakers-grid{grid-template-columns:1fr}.kegiatan-ui__modal-badges{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.kegiatan-ui__card-header{height:180px}.kegiatan-ui__card-content{padding:1rem}.kegiatan-ui__card-overlay{top:.5rem;left:.5rem;right:.5rem}.kegiatan-ui__category,.kegiatan-ui__status{padding:.3rem .6rem;font-size:.7rem}.kegiatan-ui__modal-image{height:200px}.kegiatan-ui__modal-close{top:1rem;right:1rem;width:35px;height:35px}}@keyframes kegiatan-ui-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kegiatan-ui__card{animation:kegiatan-ui-fade-in .6s ease forwards}.kegiatan-ui__card:nth-child(2){animation-delay:.1s}.kegiatan-ui__card:nth-child(3){animation-delay:.2s}.kegiatan-ui__card:nth-child(4){animation-delay:.3s}.kegiatan-ui__card:nth-child(5){animation-delay:.4s}.kegiatan-ui__card:nth-child(6){animation-delay:.5s}.kegiatan-ui__modal::-webkit-scrollbar{width:8px}.kegiatan-ui__modal::-webkit-scrollbar-track{background:#94a3b81a;border-radius:4px}.kegiatan-ui__modal::-webkit-scrollbar-thumb{background:#a855f780;border-radius:4px}.kegiatan-ui__modal::-webkit-scrollbar-thumb:hover{background:#a855f7b3}.kegiatan-ui__card,.kegiatan-ui__modal{box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.kegiatan-ui__btn--detail:hover,.kegiatan-ui__btn--register:hover{box-shadow:0 0 20px #a855f766,0 8px 16px #0000004d}.kegiatan-ui__btn:focus-visible,.kegiatan-ui__modal-close:focus-visible{outline:2px solid #a855f7;outline-offset:2px}@media print{.kegiatan-ui{background:#fff!important}.kegiatan-ui__card{background:#fff!important;border:1px solid #ddd!important;break-inside:avoid}.kegiatan-ui__modal-overlay{display:none!important}}.kemahasiswaan-page{font-family:Poppins,sans-serif;color:#e0e0e0;background:linear-gradient(135deg,#0d0d0d,#1a1a1a);min-height:100vh}.kemahasiswaan-page .program-studi-container{text-align:center;padding:5rem 2rem 3rem;background:radial-gradient(circle at top,#141414,#0d0d0d);border-bottom:1px solid rgba(255,255,255,.08)}.kemahasiswaan-page .program-studi-header .header-title{font-size:3rem;font-weight:700;color:#00f6ff;text-shadow:0 0 12px rgba(0,246,255,.7);margin-bottom:1rem}.kemahasiswaan-page .program-studi-header .header-line{width:100px;height:3px;margin:0 auto 1.5rem;background:linear-gradient(90deg,#00f6ff,#ff00d4);border-radius:4px;box-shadow:0 0 10px #00f6ff}.kemahasiswaan-page .program-studi-header .header-description{max-width:800px;margin:0 auto;color:#bdbdbd;font-size:1.1rem;line-height:1.8}.kemahasiswaan-page .tab-buttons{margin-top:2rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.kemahasiswaan-page .tab-button{background:#141414e6;color:#e0e0e0;border:1px solid rgba(0,246,255,.3);padding:.8rem 1.6rem;border-radius:12px;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;position:relative;overflow:hidden}.kemahasiswaan-page .tab-button:hover{background:#00f6ff1a;box-shadow:0 0 12px #00f6ff80;transform:translateY(-2px)}.kemahasiswaan-page .tab-button.active{background:linear-gradient(135deg,#00f6ff,#ff00d4);color:#fff;box-shadow:0 0 15px #00f6ffcc}.kemahasiswaan-page .tab-icon{font-size:1.2rem}@media (max-width: 768px){.kemahasiswaan-page .program-studi-header .header-title{font-size:1.7rem}.kemahasiswaan-page .tab-button{padding:.6rem 1.2rem;font-size:.9rem}}.orgui-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e 50%,#0f0f23);background-attachment:fixed;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;position:relative;overflow-x:hidden}.orgui-container:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.orgui-container>*{position:relative;z-index:1}.orgui-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.orgui-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#ff6b9d,#c44569,#7b68ee,#00d4ff);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;animation:gradient 8s ease infinite;text-shadow:0 0 30px rgba(255,107,157,.3)}.orgui-subtitle{font-size:1.2rem;color:#a0a0b8;margin-bottom:2rem;font-weight:300}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.orgui-search{position:relative;max-width:500px;margin:0 auto}.orgui-search-input{width:100%;padding:1rem 3.5rem 1rem 1.5rem;background:#ffffff0d;border:2px solid transparent;border-radius:25px;color:#fff;font-size:1.1rem;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative}.orgui-search-input:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ff6b9d,#c44569,#7b68ee,#00d4ff);border-radius:25px;z-index:-1;opacity:0;transition:opacity .3s ease}.orgui-search-input:focus{background:#ffffff1a;border-color:#7b68ee80;box-shadow:0 0 25px #7b68ee4d;transform:translateY(-2px)}.orgui-search-input::placeholder{color:#a0a0b8}.orgui-search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#7b68ee}.orgui-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:2rem;padding:0 1rem;max-width:1400px;margin:0 auto}.orgui-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;min-height:500px;display:flex;flex-direction:column}.orgui-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff6b9d1a,#c445691a,#7b68ee1a 50%,#00d4ff1a);opacity:0;transition:opacity .4s ease;border-radius:24px}.orgui-card:hover{transform:translateY(-8px);border-color:#7b68ee66;box-shadow:0 20px 40px #0000004d,0 0 50px #7b68ee33,inset 0 1px #ffffff1a}.orgui-card:hover:before{opacity:1}.orgui-card-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;position:relative;z-index:2}.orgui-logo,.orgui-logo-placeholder{width:70px;height:70px;border-radius:20px;flex-shrink:0;border:2px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#7b68ee,#ff6b9d);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;box-shadow:0 8px 20px #7b68ee4d}.orgui-logo{object-fit:cover}.orgui-card-title h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.3}.orgui-periode{background:linear-gradient(135deg,#00d4ff,#7b68ee);color:#fff;padding:.3rem .8rem;border-radius:12px;font-size:.85rem;font-weight:600;display:inline-block}.orgui-card-content{flex:1;position:relative;z-index:2}.orgui-description{color:#b8b8d1;font-size:1rem;line-height:1.6;margin-bottom:2rem;font-weight:400}.orgui-info-section{margin-bottom:2rem}.orgui-info-grid{display:grid;gap:1rem}.orgui-info-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.orgui-info-label{color:#a0a0b8;font-weight:500;font-size:.95rem}.orgui-info-value{color:#fff;font-weight:600}.orgui-section-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.orgui-divisi-preview{margin-bottom:2rem}.orgui-divisi-tags{display:flex;flex-wrap:wrap;gap:.6rem}.orgui-divisi-tag{background:linear-gradient(135deg,#7b68ee33,#ff6b9d33);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(123,104,238,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.orgui-more-tag{background:#ffffff1a;color:#a0a0b8;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(255,255,255,.2)}.orgui-achievements-preview{margin-bottom:2rem}.orgui-achievements-list-preview{display:flex;flex-direction:column;gap:.5rem}.orgui-achievement-preview{color:#b8b8d1;font-size:.9rem;border-left:3px solid #7b68ee;padding:.5rem 0 .5rem 1rem}.orgui-more-achievements{color:#a0a0b8;font-size:.85rem;font-style:italic;padding:.5rem 0 .5rem 1rem}.orgui-contact-section{margin-bottom:2rem}.orgui-contact{display:flex;flex-direction:column;gap:.8rem}.orgui-contact-item{display:inline-flex;align-items:center;color:#7b68ee;text-decoration:none;font-size:.9rem;padding:.6rem 1rem;background:#7b68ee1a;border-radius:10px;border:1px solid rgba(123,104,238,.2);transition:all .3s ease;gap:.5rem}.orgui-contact-item:hover{background:#7b68ee33;border-color:#7b68ee66;transform:translate(4px)}.orgui-card-footer{margin-top:auto;padding-top:2rem;position:relative;z-index:2}.orgui-card-stats{display:flex;justify-content:space-around;margin-bottom:1.5rem;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.orgui-stat{color:#a0a0b8;font-size:.9rem;font-weight:500;text-align:center}.orgui-btn{padding:.8rem 2rem;border:none;border-radius:15px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.orgui-btn-primary{background:linear-gradient(135deg,#7b68ee,#ff6b9d);color:#fff;border:2px solid transparent;width:100%}.orgui-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #7b68ee66;background:linear-gradient(135deg,#8a7af0,#ff7ba5)}.orgui-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.orgui-btn-primary:hover:before{left:100%}.orgui-modal-overlay{position:fixed;inset:0;background:#0f0f23cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:modalFadeIn .3s ease}.orgui-modal{background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);border:1px solid rgba(255,255,255,.1);border-radius:24px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 50px #00000080;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.orgui-modal-header{padding:2rem 2rem 1rem;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.1)}.orgui-modal-title{display:flex;align-items:flex-start;gap:1.5rem}.orgui-modal-title h2{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.orgui-modal-logo,.orgui-modal-logo-placeholder{width:80px;height:80px;border-radius:20px;border:2px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#7b68ee,#ff6b9d);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;box-shadow:0 8px 20px #7b68ee4d}.orgui-modal-logo{object-fit:cover}.orgui-modal-periode{background:linear-gradient(135deg,#00d4ff,#7b68ee);color:#fff;padding:.4rem 1rem;border-radius:15px;font-size:.9rem;font-weight:600;display:inline-block}.orgui-modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.orgui-modal-close:hover{background:#ff6b9d33;border-color:#ff6b9d66;transform:rotate(90deg)}.orgui-modal-content{padding:2rem}.orgui-modal-section{margin-bottom:2.5rem}.orgui-modal-section h3{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid rgba(123,104,238,.3)}.orgui-modal-section p{color:#b8b8d1;line-height:1.7;font-size:1.1rem}.orgui-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.orgui-modal-info{padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);color:#b8b8d1}.orgui-modal-info strong{color:#fff;display:block;margin-bottom:.5rem}.orgui-divisi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.orgui-divisi-item{background:linear-gradient(135deg,#7b68ee33,#ff6b9d33);color:#fff;padding:1rem;border-radius:12px;font-weight:500;text-align:center;border:1px solid rgba(123,104,238,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.orgui-divisi-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #7b68ee4d}.orgui-achievements-list{display:flex;flex-direction:column;gap:1rem}.orgui-achievement-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-left:4px solid #7b68ee;padding:1.2rem;border-radius:12px;color:#b8b8d1;font-size:1rem;transition:all .3s ease}.orgui-achievement-item:hover{background:#ffffff14;border-left-color:#ff6b9d;transform:translate(5px)}.orgui-modal-contact{display:flex;flex-direction:column;gap:1rem}.orgui-modal-contact-item{display:inline-flex;align-items:center;color:#7b68ee;text-decoration:none;font-size:1.1rem;padding:1rem 1.5rem;background:#7b68ee1a;border-radius:15px;border:1px solid rgba(123,104,238,.2);transition:all .3s ease;gap:1rem}.orgui-modal-contact-item:hover{background:#7b68ee33;border-color:#7b68ee66;transform:translate(5px);color:#fff}.orgui-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:2rem}.orgui-spinner{width:60px;height:60px;border:4px solid rgba(123,104,238,.2);border-top:4px solid #7b68ee;border-radius:50%;animation:spin 1s linear infinite}.orgui-loading p{color:#b8b8d1;font-size:1.2rem;font-weight:500}.orgui-error{text-align:center;padding:3rem}.orgui-error h2{color:#ff6b9d;font-size:1.5rem;margin-bottom:2rem}.orgui-empty{text-align:center;padding:4rem 2rem;color:#a0a0b8}.orgui-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.orgui-empty h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}@media (max-width: 1200px){.orgui-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 768px){.orgui-container{padding:1rem}.orgui-title{font-size:2.5rem}.orgui-grid{grid-template-columns:1fr;gap:1.5rem}.orgui-card{padding:1.5rem;min-height:auto}.orgui-card-header{flex-direction:column;align-items:center;text-align:center;gap:1rem}.orgui-modal{margin:1rem;max-height:95vh}.orgui-modal-header{padding:1.5rem 1.5rem 1rem}.orgui-modal-content{padding:1.5rem}.orgui-modal-title{flex-direction:column;align-items:center;text-align:center;gap:1rem}.orgui-divisi-grid{grid-template-columns:1fr}}@media (max-width: 480px){.orgui-title{font-size:2rem}.orgui-card-stats{flex-direction:column;gap:.5rem}.orgui-search-input{padding:.8rem 1.2rem;font-size:1rem}.orgui-modal-grid{grid-template-columns:1fr}}.biaya-ui{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:2rem;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow-x:hidden}.biaya-ui:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,200,255,.05) 0%,transparent 50%);pointer-events:none}.biaya-ui__container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.biaya-ui__section{margin-bottom:3rem}.biaya-ui__section-header{display:flex;align-items:center;margin-bottom:2rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.biaya-ui__section-icon{font-size:2rem;margin-right:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.biaya-ui__section-title{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 0 20px rgba(102,126,234,.3)}.biaya-ui__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.biaya-ui__card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.biaya-ui__card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:16px 16px 0 0}.biaya-ui__card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #667eea33,0 0 0 1px #ffffff1a;background:#ffffff14}.biaya-ui__card-header{margin-bottom:1.5rem}.biaya-ui__card-title{font-size:1.2rem;font-weight:600;color:#00d4ff;margin:0;text-shadow:0 0 10px rgba(0,212,255,.3)}.biaya-ui__card-content{display:flex;flex-direction:column;gap:.75rem}.biaya-ui__fee-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.biaya-ui__fee-label{color:#fffc;font-size:.9rem;font-weight:400}.biaya-ui__fee-value{color:#fff;font-size:.9rem;font-weight:500;text-align:right}.biaya-ui__total{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:1rem .5rem;background:#00d4ff1a;border-radius:8px;border:1px solid rgba(0,212,255,.2)}.biaya-ui__total-label{color:#00d4ff;font-size:1rem;font-weight:600;text-shadow:0 0 10px rgba(0,212,255,.3)}.biaya-ui__total-value{color:#00d4ff;font-size:1.1rem;font-weight:700;text-shadow:0 0 10px rgba(0,212,255,.3)}.biaya-ui__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#fffc}.biaya-ui__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #00d4ff;border-radius:50%;animation:biaya-ui-spin 1s linear infinite;margin-bottom:1rem;box-shadow:0 0 20px #00d4ff4d}@keyframes biaya-ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.biaya-ui__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#ff6b6b;text-align:center}.biaya-ui__error p{font-size:1.1rem;margin-bottom:1.5rem}.biaya-ui__retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.biaya-ui__retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.biaya-ui__empty{grid-column:1 / -1;text-align:center;padding:3rem;background:#ffffff08;border:2px dashed rgba(255,255,255,.1);border-radius:12px;color:#fff9}.biaya-ui__empty p{font-size:1.1rem;margin:0}@media (max-width: 768px){.biaya-ui{padding:1rem}.biaya-ui__section-title,.biaya-ui__section-icon{font-size:1.5rem}.biaya-ui__cards{grid-template-columns:1fr;gap:1rem}.biaya-ui__card{padding:1rem}.biaya-ui__card-title{font-size:1.1rem}.biaya-ui__fee-item{flex-direction:column;align-items:flex-start;gap:.25rem}.biaya-ui__fee-value{text-align:left}.biaya-ui__total{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width: 480px){.biaya-ui__section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.biaya-ui__section-icon{margin-right:0}}.persyaratan-ui{width:100%;min-height:100vh;background:linear-gradient(135deg,#0a0e1a,#1a1b3a,#2d1b69);position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.persyaratan-ui:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.15) 0%,transparent 50%);pointer-events:none}.persyaratan-ui-container{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:1}.persyaratan-ui-header{text-align:center;margin-bottom:3rem;position:relative}.persyaratan-ui-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#00d4ff,#7b68ee,#ff006e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-shadow:0 0 30px rgba(0,212,255,.3);letter-spacing:-.02em}.persyaratan-ui-decoration{width:100px;height:4px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);margin:1rem auto 0;border-radius:2px;box-shadow:0 0 10px #00d4ff80}.persyaratan-ui-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;margin-bottom:2rem;background:#ff006e1a;border:1px solid rgba(255,0,110,.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #ff006e1a}.persyaratan-ui-alert-icon{font-size:1.25rem;filter:drop-shadow(0 0 5px rgba(255,0,110,.5))}.persyaratan-ui-alert-text{color:#ff69b4;font-weight:500;text-shadow:0 0 10px rgba(255,105,180,.3)}.persyaratan-ui-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.persyaratan-ui-spinner{width:50px;height:50px;border:3px solid rgba(0,212,255,.2);border-top:3px solid #00d4ff;border-radius:50%;animation:persyaratan-ui-spin 1s linear infinite;box-shadow:0 0 20px #00d4ff4d}@keyframes persyaratan-ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.persyaratan-ui-loading-text{color:#a0a9c0;font-size:1.1rem;font-weight:500;text-align:center;margin:0}.persyaratan-ui-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.persyaratan-ui-empty-icon{font-size:4rem;filter:drop-shadow(0 0 20px rgba(123,104,238,.4))}.persyaratan-ui-empty-text{color:#a0a9c0;font-size:1.2rem;font-weight:500;text-align:center;margin:0}.persyaratan-ui-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.persyaratan-ui-card{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.persyaratan-ui-card:hover{transform:translateY(-8px);border-color:#00d4ff66;box-shadow:0 20px 40px #0006,0 0 40px #00d4ff33,inset 0 1px #fff3}.persyaratan-ui-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;position:relative}.persyaratan-ui-card-number{font-size:1rem;font-weight:700;color:#00d4ff;background:linear-gradient(135deg,#00d4ff,#7b68ee);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:.5rem 1rem;border:1px solid rgba(0,212,255,.3);border-radius:50px;box-shadow:0 0 20px #00d4ff33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.persyaratan-ui-card-glow{width:20px;height:20px;background:radial-gradient(circle,#00d4ff 0%,transparent 70%);border-radius:50%;opacity:.8;animation:persyaratan-ui-pulse 2s ease-in-out infinite alternate}@keyframes persyaratan-ui-pulse{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.2);opacity:1}}.persyaratan-ui-card-content{position:relative;z-index:2}.persyaratan-ui-card-text{color:#e2e8f0;font-size:1rem;line-height:1.7;margin:0;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.1)}.persyaratan-ui-card-border{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#00d4ff,#7b68ee,#ff006e,transparent);opacity:0;transition:opacity .3s ease}.persyaratan-ui-card:hover .persyaratan-ui-card-border{opacity:1}.persyaratan-ui-actions{display:flex;justify-content:center;margin-top:3rem}.persyaratan-ui-refresh-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#00d4ff,#7b68ee);border:none;border-radius:50px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #00d4ff4d,inset 0 1px #fff3;position:relative;overflow:hidden}.persyaratan-ui-refresh-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #00d4ff66,inset 0 1px #ffffff4d}.persyaratan-ui-refresh-btn:active{transform:translateY(0)}.persyaratan-ui-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.persyaratan-ui-refresh-icon{font-size:1.1rem;transition:transform .3s ease}.persyaratan-ui-refresh-btn:hover .persyaratan-ui-refresh-icon{transform:rotate(180deg)}.persyaratan-ui-refresh-text{font-family:inherit}@media (max-width: 768px){.persyaratan-ui-container{padding:1rem}.persyaratan-ui-title{font-size:2.5rem}.persyaratan-ui-grid{grid-template-columns:1fr;gap:1.5rem}.persyaratan-ui-card{padding:1.5rem}}@media (max-width: 480px){.persyaratan-ui-title{font-size:2rem}.persyaratan-ui-card{padding:1.25rem}.persyaratan-ui-refresh-btn{padding:.875rem 1.5rem;font-size:.9rem}}.alumni-ui{width:100%;min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#2d1b69);position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.alumni-ui:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,255,198,.2) 0%,transparent 50%);animation:alumni-ui-bg-shift 20s ease-in-out infinite;pointer-events:none}@keyframes alumni-ui-bg-shift{0%,to{transform:translate(0) translateY(0)}33%{transform:translate(-20px) translateY(20px)}66%{transform:translate(20px) translateY(-20px)}}.alumni-ui__container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:80px 20px}.alumni-ui__header{text-align:center;margin-bottom:60px}.alumni-ui__title{font-size:3.5rem;font-weight:700;margin:0 0 20px;background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:alumni-ui-gradient-shift 4s ease-in-out infinite;text-shadow:0 0 50px rgba(255,255,255,.1)}.alumni-ui__subtitle{font-size:1.2rem;color:#ffffffb3;margin:0;font-weight:300;letter-spacing:.5px}@keyframes alumni-ui-gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.alumni-ui__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fffc;gap:20px}.alumni-ui__loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #4ecdc4;border-radius:50%;animation:alumni-ui-spin 1s linear infinite}@keyframes alumni-ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alumni-ui__empty{text-align:center;color:#fff9;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.alumni-ui__empty h3{font-size:2rem;margin:0;color:#fffc}.alumni-ui__slider{position:relative;max-width:800px;margin:0 auto}.alumni-ui__slider-container{overflow:hidden;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff1a}.alumni-ui__slider-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}.alumni-ui__slide{flex:0 0 100%;width:100%}.alumni-ui__card{padding:60px 40px;text-align:center;color:#fff;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.alumni-ui__card-image{margin-bottom:30px}.alumni-ui__image{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.2);box-shadow:0 0 0 4px #4ecdc44d,0 20px 40px #0000004d;transition:all .3s ease}.alumni-ui__image:hover{transform:scale(1.05);box-shadow:0 0 0 4px #4ecdc480,0 25px 50px #0006}.alumni-ui__image-placeholder{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);display:flex;align-items:center;justify-content:center;font-size:4rem;border:4px solid rgba(255,255,255,.2);box-shadow:0 0 0 4px #4ecdc44d,0 20px 40px #0000004d}.alumni-ui__card-content{display:flex;flex-direction:column;gap:15px;align-items:center}.alumni-ui__name{font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(0,0,0,.3)}.alumni-ui__prodi{font-size:1.2rem;color:#4ecdc4e6;font-weight:500;margin:0;letter-spacing:.5px}.alumni-ui__year-badge{display:inline-flex;align-items:center;padding:8px 20px;background:linear-gradient(135deg,#ff6b6b33,#4ecdc433);border:1px solid rgba(255,255,255,.2);border-radius:25px;font-size:.9rem;font-weight:600;color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0003}.alumni-ui__position{font-size:1.4rem;color:#fffc;font-weight:400;margin:0;line-height:1.4}.alumni-ui__quote{font-size:1.1rem;font-style:italic;color:#ffffffb3;max-width:500px;margin:20px 0 0;line-height:1.6;position:relative;padding:0 30px}.alumni-ui__quote-mark{font-size:2rem;color:#4ecdc499;font-weight:700}.alumni-ui__nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;font-size:2rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;z-index:2}.alumni-ui__nav:hover{background:#4ecdc44d;transform:translateY(-50%) scale(1.1);box-shadow:0 10px 25px #0000004d}.alumni-ui__nav--prev{left:-30px}.alumni-ui__nav--next{right:-30px}.alumni-ui__dots{display:flex;justify-content:center;gap:15px;margin-top:40px}.alumni-ui__dot{width:15px;height:15px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s ease;position:relative}.alumni-ui__dot:hover{background:#ffffff80;transform:scale(1.2)}.alumni-ui__dot--active{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);box-shadow:0 0 20px #4ecdc480;transform:scale(1.3)}@media (max-width: 768px){.alumni-ui__container{padding:40px 15px}.alumni-ui__title{font-size:2.5rem}.alumni-ui__card{padding:40px 20px;min-height:400px}.alumni-ui__name{font-size:2rem}.alumni-ui__image,.alumni-ui__image-placeholder{width:120px;height:120px}.alumni-ui__nav{width:50px;height:50px;font-size:1.5rem}.alumni-ui__nav--prev{left:-15px}.alumni-ui__nav--next{right:-15px}}@media (max-width: 480px){.alumni-ui__title{font-size:2rem}.alumni-ui__name{font-size:1.8rem}.alumni-ui__quote{font-size:1rem;padding:0 15px}.alumni-ui__nav--prev{left:-5px}.alumni-ui__nav--next{right:-5px}}.kontak-ui-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:60px 20px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.kontak-ui-header{text-align:center;margin-bottom:60px}.kontak-ui-title{font-size:3.5rem;font-weight:800;background:linear-gradient(45deg,#00d4ff,#5a67d8,#9f7aea,#ed64a6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(0,212,255,.3);margin:0;letter-spacing:2px}.kontak-ui-underline{width:100px;height:4px;background:linear-gradient(90deg,#00d4ff,#5a67d8);margin:20px auto;border-radius:2px}.kontak-ui-subtitle{font-size:1.2rem;color:#a0aec0;max-width:600px;margin:20px auto;line-height:1.6}.kontak-ui-loading{display:flex;justify-content:center;align-items:center;padding:60px 0}.kontak-ui-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-left:4px solid #00d4ff;border-radius:50%;animation:kontak-ui-spin 1s linear infinite}@keyframes kontak-ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kontak-ui-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1400px;margin:0 auto;padding:0 20px}.kontak-ui-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.kontak-ui-card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#00d4ff1a,#9f7aea1a);opacity:0;transition:opacity .3s ease;pointer-events:none}.kontak-ui-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #00d4ff33;border-color:#00d4ff4d}.kontak-ui-card:hover:before{opacity:1}.kontak-ui-card-inner{padding:40px 30px;text-align:center;position:relative;z-index:1}.kontak-ui-avatar-container{position:relative;display:inline-block;margin-bottom:30px}.kontak-ui-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid rgba(0,212,255,.3);position:relative;background:linear-gradient(45deg,#1a202c,#2d3748);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #00d4ff33}.kontak-ui-avatar img{width:100%;height:100%;object-fit:cover}.kontak-ui-avatar-placeholder{font-size:2.5rem;font-weight:700;color:#00d4ff}.kontak-ui-status-indicator{position:absolute;bottom:10px;right:10px;width:24px;height:24px;background:#48bb78;border-radius:50%;border:3px solid rgba(255,255,255,.2);animation:kontak-ui-pulse 2s infinite}@keyframes kontak-ui-pulse{0%{box-shadow:0 0 #48bb78b3}70%{box-shadow:0 0 0 10px #48bb7800}to{box-shadow:0 0 #48bb7800}}.kontak-ui-info{margin-bottom:30px}.kontak-ui-name{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 8px;letter-spacing:.5px}.kontak-ui-position{font-size:.95rem;color:#a0aec0;margin:0 0 20px;text-transform:uppercase;letter-spacing:1px;font-weight:500}.kontak-ui-phone{display:flex;align-items:center;justify-content:center;gap:8px;color:#00d4ff;font-weight:500;font-size:1.1rem}.kontak-ui-phone-icon{font-size:1.2rem}.kontak-ui-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.kontak-ui-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:50px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none;min-width:120px;justify-content:center;position:relative;overflow:hidden}.kontak-ui-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.kontak-ui-btn:hover:before{left:100%}.kontak-ui-btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;box-shadow:0 4px 15px #25d3664d}.kontak-ui-btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 8px 25px #25d36666}.kontak-ui-btn-call{background:linear-gradient(135deg,#9f7aea,#667eea);color:#fff;box-shadow:0 4px 15px #9f7aea4d}.kontak-ui-btn-call:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9f7aea66}.kontak-ui-btn-icon{font-size:1.1rem}.kontak-ui-empty{text-align:center;padding:80px 20px;color:#a0aec0;font-size:1.2rem}.kontak-ui-footer{text-align:center;margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}.kontak-ui-footer p{color:#a0aec0;font-size:1.1rem;margin:0}@media (max-width: 1200px){.kontak-ui-grid{grid-template-columns:repeat(2,1fr);gap:25px}}@media (max-width: 768px){.kontak-ui-container{padding:40px 15px}.kontak-ui-title{font-size:2.5rem}.kontak-ui-grid{grid-template-columns:1fr;gap:20px;padding:0 10px}.kontak-ui-card-inner{padding:30px 20px}.kontak-ui-avatar{width:100px;height:100px}.kontak-ui-actions{flex-direction:column;gap:10px}.kontak-ui-btn{width:100%}}@media (max-width: 480px){.kontak-ui-title{font-size:2rem}.kontak-ui-subtitle{font-size:1rem}.kontak-ui-avatar{width:80px;height:80px}.kontak-ui-name{font-size:1.3rem}}.program-studi-container{min-height:70vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e 50%,#0f3460);position:relative;overflow:hidden;padding:4rem 0}.program-studi-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.2) 0%,transparent 50%);pointer-events:none;animation:pulse-bg 4s ease-in-out infinite alternate}@keyframes pulse-bg{0%{opacity:.5}to{opacity:1}}.program-studi-header{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;padding:0 2rem}.program-studi-content{text-align:center;max-width:1200px;width:100%}.header-title{font-size:3.5rem;font-weight:800;background:linear-gradient(45deg,#00d4ff,#7b68ee,#ff6b9d);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;animation:gradient-shift 3s ease-in-out infinite;text-shadow:0 0 30px rgba(0,212,255,.3)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header-line{width:120px;height:4px;background:linear-gradient(90deg,transparent,#00d4ff,#7b68ee,#ff6b9d,transparent);margin:0 auto 2rem;border-radius:2px;animation:line-glow 2s ease-in-out infinite alternate}@keyframes line-glow{0%{box-shadow:0 0 10px #00d4ff80}to{box-shadow:0 0 20px #7b68eecc}}.header-description{font-size:1.4rem;color:#b8bcc8;margin-bottom:3rem;font-weight:300;letter-spacing:.5px}.tab-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:3rem}.tab-button{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:1rem 2rem;border-radius:15px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;gap:.5rem;min-width:160px;justify-content:center}.tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.tab-button:hover:before{left:100%}.tab-button:hover{background:#ffffff1a;border-color:#00d4ff80;transform:translateY(-2px);box-shadow:0 10px 30px #00d4ff33,0 0 20px #00d4ff1a}.tab-button.active{background:linear-gradient(135deg,#00d4ff33,#7b68ee33);border:1px solid rgba(0,212,255,.5);color:#fff;transform:translateY(-3px);box-shadow:0 15px 35px #00d4ff4d,0 0 25px #00d4ff33,inset 0 1px #ffffff1a}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#00d4ff,#7b68ee,#ff6b9d);animation:pulse-bar 2s ease-in-out infinite}@keyframes pulse-bar{0%,to{opacity:.5}50%{opacity:1}}.tab-icon{font-size:1.2rem;filter:drop-shadow(0 0 8px rgba(0,212,255,.3))}.tab-button.active .tab-icon{animation:icon-pulse 2s ease-in-out infinite}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.program-content{min-height:40vh;background:#0a0a0a;position:relative;z-index:1;padding:4rem 0}.program-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.5),transparent)}@media (max-width: 768px){.header-title{font-size:2.5rem}.tab-buttons{flex-direction:column;align-items:center;gap:.8rem}.tab-button{width:100%;max-width:280px;padding:1.2rem 2rem}.program-studi-header{padding:0 1rem}}@media (max-width: 480px){.header-title{font-size:2rem}.header-description{font-size:1.2rem}.tab-button{padding:1rem 1.5rem;font-size:.9rem}}.tab-button:focus{outline:none;box-shadow:0 0 0 3px #00d4ff66,0 10px 30px #00d4ff33}.tab-button:active{transform:translateY(-1px)}*{scroll-behavior:smooth}.program-studi-container{animation:fade-in .8s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero.is-fullheight.is-fullwidth{background:linear-gradient(135deg,#0a0e27,#1a1a2e,#16213e);position:relative;overflow:hidden;min-height:100vh}.hero.is-fullheight.is-fullwidth:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(24,255,255,.1) 0%,transparent 50%);animation:backgroundShift 10s ease-in-out infinite;z-index:1}@keyframes backgroundShift{0%,to{transform:translate(0) translateY(0);opacity:.7}25%{transform:translate(-10px) translateY(-20px);opacity:.8}50%{transform:translate(10px) translateY(-10px);opacity:.9}75%{transform:translate(-5px) translateY(15px);opacity:.8}}.hero-body{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:2rem}.hero .container{width:100%;max-width:500px;margin:0 auto}.hero .columns{margin:0}.hero .column{padding:0}.hero .box{background:#16213ed9;border:1px solid rgba(120,119,198,.3);border-radius:20px;padding:3rem;box-shadow:0 20px 40px #0000004d,0 0 30px #7877c61a,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all .3s ease}.hero .box:hover{transform:translateY(-5px);box-shadow:0 25px 50px #0006,0 0 40px #7877c626,inset 0 1px #ffffff26}.hero .box:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff05);border-radius:20px;pointer-events:none}.hero .title.is-2{color:#fff;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;font-size:2.5rem;text-align:center;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#e0e0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero .field{margin-bottom:1.5rem;position:relative}.hero .label{color:#b8b9da;font-weight:600;font-size:.9rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.hero .input{background:#ffffff14;border:1px solid rgba(120,119,198,.4);border-radius:12px;color:#fff;font-size:1rem;padding:.75rem 1.25rem;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 2px 4px #0003}.hero .input:focus,.hero .input:active{background:#ffffff1f;border-color:#7877c6;box-shadow:inset 0 2px 4px #0003,0 0 0 3px #7877c633,0 0 20px #7877c64d;outline:none;transform:translateY(-1px)}.hero .input::placeholder{color:#b8b9da99}.hero .button.is-success.is-fullwidth{background:linear-gradient(135deg,#7877c6,#a855f7,#06d6a0);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:1.1rem;padding:.875rem 1.5rem;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 4px 15px #7877c64d,inset 0 1px #fff3}.hero .button.is-success.is-fullwidth:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7877c666,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#8a89d4,#b366f9,#20e0b2)}.hero .button.is-success.is-fullwidth:active{transform:translateY(0);box-shadow:0 4px 15px #7877c64d,inset 0 1px #fff3}.hero .button.is-success.is-fullwidth:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.hero .button.is-success.is-fullwidth:hover:before{left:100%}.hero .has-text-centered{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;padding:.75rem;margin-bottom:1rem;font-size:.9rem;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media screen and (max-width: 768px){.hero .box{padding:2rem 1.5rem;margin:1rem;border-radius:15px}.login-logo{width:70px;height:70px;margin-bottom:1rem;padding:6px}.hero .title.is-2{font-size:2rem;margin-bottom:1.5rem}.hero .input{padding:.625rem 1rem;font-size:.95rem}.hero .button.is-success.is-fullwidth{padding:.75rem 1.25rem;font-size:1rem}}.hero .button.is-success.is-fullwidth[disabled]{opacity:.7;cursor:not-allowed;transform:none!important}.hero .box:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#7877c6,#a855f7,#06d6a0,#7877c6);border-radius:22px;z-index:-1;animation:borderGlow 3s ease-in-out infinite alternate;opacity:.3}@keyframes borderGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.01)}}.slider-admin{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3a,#2d1b69);background-attachment:fixed;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:#fff;padding:20px 0}.admin-container{max-width:1400px;margin:0 auto;padding:0 20px}.header-content{flex:1}.admin-title{font-size:2.5rem;font-weight:700;margin:0 0 8px;letter-spacing:-.025em}.title-gradient{background:linear-gradient(135deg,#60a5fa,#a855f7,#ec4899);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease-in-out infinite alternate}@keyframes gradient-shift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(10deg)}}.admin-subtitle{font-size:1.1rem;color:#ffffffb3;margin:0;font-weight:400}.btn-create{background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:12px 24px;border-radius:12px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #667eea4d;position:relative;overflow:hidden}.btn-create:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-create:hover:before{left:100%}.btn-create:hover{transform:translateY(-2px);box-shadow:0 8px 30px #667eea66}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.stat-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff}.stat-info h3{font-size:2rem;font-weight:700;margin:0;color:#fff}.stat-info p{font-size:.9rem;color:#ffffffb3;margin:4px 0 0}.sliders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:40px}.slider-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.slider-card:hover{transform:translateY(-8px);border-color:#fff3;box-shadow:0 20px 40px #0000004d}.slider-image{position:relative;height:200px;overflow:hidden}.slider-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.slider-image img[alt=fallback]{background:linear-gradient(45deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:12px}.slider-card:hover .slider-image img{transform:scale(1.1)}.slider-overlay{position:absolute;top:0;right:0;display:flex;gap:8px;padding:12px;opacity:0;transition:opacity .3s ease}.slider-card:hover .slider-overlay{opacity:1}.btn-action{width:40px;height:40px;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn-action.edit{background:#22c55ee6;color:#fff}.btn-action.edit:hover{background:#22c55e;transform:scale(1.1)}.btn-action.delete{background:#ef4444e6;color:#fff}.btn-action.delete:hover{background:#ef4444;transform:scale(1.1)}.slider-info{padding:20px}.slider-info h3{font-size:1.2rem;font-weight:600;margin:0 0 8px;color:#fff}.slider-info p{font-size:.9rem;color:#ffffffb3;margin:0;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;grid-column:1 / -1}.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-spinner p{color:#ffffffb3;font-size:1.1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;grid-column:1 / -1}.empty-icon{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#ffffff0d,#ffffff1a);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#ffffff80}.empty-state h3{font-size:1.5rem;font-weight:600;margin:0 0 8px;color:#fff}.empty-state p{font-size:1rem;color:#ffffffb3;margin:0 0 24px}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 0;margin-bottom:20px}.modal-header h2{font-size:1.5rem;font-weight:600;margin:0;color:#fff}.btn-close{width:40px;height:40px;border:none;background:#ffffff1a;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-close:hover{background:#fff3;color:#fff}.modal-form{padding:0 28px 28px}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:500;font-size:.95rem;color:#ffffffe6;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:.95rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background:#ffffff14;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group textarea{resize:vertical;min-height:80px}.file-input-container{margin-bottom:8px}.file-input{display:none}.file-input-label{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff0d;border:2px dashed rgba(255,255,255,.3);border-radius:12px;color:#fffc;cursor:pointer;font-weight:500;transition:all .3s ease;width:100%;justify-content:center}.file-input-label:hover{border-color:#667eea;background:#667eea1a;color:#fff}.file-info{margin-bottom:12px}.file-info small{color:#fff9;font-size:.8rem}.image-preview{margin-top:12px;border-radius:12px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.image-preview img{width:100%;height:200px;object-fit:cover;display:block}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.btn-cancel{padding:12px 24px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fffc;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#ffffff0d;border-color:#ffffff80;color:#fff}.btn-submit{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;position:relative;overflow:hidden}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 8px 25px #667eea4d}.btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.admin-header{flex-direction:column;gap:20px;text-align:center}.admin-title{font-size:2rem}.sliders-grid{grid-template-columns:1fr}.modal-container{margin:20px;width:calc(100% - 40px)}.modal-header,.modal-form{padding-left:20px;padding-right:20px}.modal-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%;justify-content:center}}@media (max-width: 480px){.slider-admin{padding:10px 0}.admin-container{padding:0 15px}.admin-title{font-size:1.75rem}.stats-grid{grid-template-columns:1fr}}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.slider-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(102,126,234,.1) 50%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:20px}.slider-card:hover:before{opacity:1}.btn-create,.btn-submit{position:relative}.btn-create:after,.btn-submit:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#667eea,#764ba2,#667eea);border-radius:14px;z-index:-1;opacity:0;transition:opacity .3s ease;background-size:200% 200%;animation:gradient-rotate 3s ease infinite}@keyframes gradient-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn-create:hover:after,.btn-submit:hover:after{opacity:1}.slider-admin:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(168,85,247,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(236,72,153,.1) 0%,transparent 50%);pointer-events:none;z-index:-1;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(-5px) rotate(-1deg)}}.form-group.success input,.form-group.success textarea{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group.error input,.form-group.error textarea{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.notification{position:fixed;top:20px;right:20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;color:#fff;z-index:1001;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification.success{border-color:#10b9814d;background:#10b9811a}.notification.error{border-color:#ef44444d;background:#ef44441a}.loading-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1002}.loading-overlay .spinner{width:60px;height:60px;border-width:4px}.stat-card:hover .stat-icon{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn-create:focus,.btn-submit:focus,.btn-cancel:focus,.btn-action:focus{outline:2px solid #667eea;outline-offset:2px}.form-group input:focus,.form-group textarea:focus{outline:none}@media (prefers-color-scheme: dark){.slider-admin{background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e)}}*{box-sizing:border-box;margin:0;padding:0}.sambutan-admin{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#02071f,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a1a}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0000001a}.admin-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#f3085a,#150228);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 20px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px #667eea66}.btn-secondary{background:#ffffffe6;color:#667eea;border:2px solid rgba(102,126,234,.2)}.btn-secondary:hover{background:#667eea1a;border-color:#667eea}.btn-edit{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;padding:.5rem 1rem;font-size:.85rem}.btn-edit:hover{transform:translateY(-1px);box-shadow:0 8px 16px #43e97b4d}.btn-delete{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;padding:.5rem 1rem;font-size:.85rem}.btn-delete:hover{transform:translateY(-1px);box-shadow:0 8px 16px #fa709a4d}.btn-pagination{background:#fffc;color:#667eea;padding:.5rem 1rem;margin:0 .25rem;border-radius:8px;font-size:.9rem}.btn-pagination.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.message{padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;font-weight:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.message.success{background:#43e97b26;color:#10b981;border-color:#43e97b4d}.message.error{background:#fa709a26;color:#ef4444;border-color:#fa709a4d}.search-section{margin-bottom:2rem}.search-form{display:flex;gap:1rem;background:#fffffff2;padding:1.5rem;border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 30px #0000001a}.search-input{flex:1;padding:.75rem 1rem;border:2px solid rgba(102,126,234,.2);border-radius:10px;font-size:1rem;background:#fffc;transition:all .3s ease}.search-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.table-container{background:#fffffff2;border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0000001a}.data-table{width:100%;border-collapse:collapse;margin-bottom:2rem}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(102,126,234,.1)}.data-table th{background:linear-gradient(135deg,#667eea1a,#764ba21a);font-weight:600;color:#667eea;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.data-table tr:hover{background:#667eea0d;transition:background .3s ease}.table-image{width:60px;height:60px;object-fit:cover;border-radius:10px;border:2px solid rgba(102,126,234,.2)}.isi-sambutan-preview{max-width:200px;line-height:1.4;color:#cccebc;font-size:.9rem;text-align:left;word-break:break-word}.no-image{color:#6b7280;font-style:italic;font-size:.9rem}.no-data{text-align:center;color:#6b7280;font-style:italic;padding:3rem!important}.loading{text-align:center;padding:3rem;color:#667eea;font-size:1.1rem;font-weight:500}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(102,126,234,.1)}.pagination-info{color:#6b7280;font-size:.9rem}.pagination-buttons{display:flex;align-items:center}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 60px #0003;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(102,126,234,.1)}.modal-header h2{font-size:1.8rem;font-weight:700;color:#667eea}.btn-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-close:hover{background:#fa709a1a;color:#fa709a}.modal-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#010205;font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid rgba(102,126,234,.2);border-radius:10px;font-size:1rem;background:#260404cc;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background:#150303;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group textarea.error{border-color:#fa709a;background:#fa709a0d}.form-group textarea{resize:vertical;min-height:120px}.error-text{display:block;color:#fa709a;font-size:.85rem;margin-top:.5rem;font-weight:500}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(102,126,234,.1)}@media (max-width: 768px){.sambutan-admin{padding:1rem}.admin-header{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem}.admin-header h1{font-size:2rem}.search-form{flex-direction:column;padding:1rem}.table-container{padding:1rem;overflow-x:auto}.data-table{min-width:800px}.data-table th,.data-table td{padding:.75rem .5rem;font-size:.9rem}.table-image{width:40px;height:40px}.action-buttons{flex-direction:column;gap:.25rem}.pagination{flex-direction:column;gap:1rem;text-align:center}.pagination-buttons{justify-content:center;flex-wrap:wrap}.modal{margin:1rem;max-height:calc(100vh - 2rem)}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-header h2{font-size:1.5rem}.modal-form{padding:1.5rem}.form-actions{flex-direction:column}.btn{width:100%;justify-content:center}}@media (max-width: 480px){.admin-header h1{font-size:1.8rem}.btn{padding:.6rem 1.2rem;font-size:.9rem}.modal-overlay{padding:.5rem}.data-table th,.data-table td{padding:.5rem .25rem;font-size:.85rem}}::-webkit-scrollbar-track{background:#667eea1a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.message{animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}.admin-header,.search-form,.table-container,.modal{background:#ffffff40;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18)}.data-table tr,.form-group input,.form-group textarea{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.search-input:focus,.form-group input:focus,.form-group textarea:focus{transform:translateY(-1px)}.loading:after{content:"";display:inline-block;width:20px;height:20px;margin-left:10px;border:2px solid #667eea;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}.informasi-admin{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}.informasi-admin .admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);padding:2rem;box-shadow:0 8px 32px #1f26875e}.informasi-admin .admin-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.informasi-admin .btn-primary{background:linear-gradient(45deg,#ff6b6b,#ee5a52);border:none;border-radius:15px;padding:1rem 2rem;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ee5a5266;position:relative;overflow:hidden}.informasi-admin .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ee5a5299}.informasi-admin .btn-primary:active{transform:translateY(0)}.informasi-admin .btn-secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:15px;padding:1rem 2rem;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.informasi-admin .btn-secondary:hover{background:#fff3;transform:translateY(-1px)}.informasi-admin .btn-edit{background:linear-gradient(45deg,#4ecdc4,#44a08d);border:none;border-radius:10px;padding:.5rem 1rem;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-right:.5rem}.informasi-admin .btn-edit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4ecdc466}.informasi-admin .btn-delete{background:linear-gradient(45deg,#fc4a1a,#f7b733);border:none;border-radius:10px;padding:.5rem 1rem;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.informasi-admin .btn-delete:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fc4a1a66}.informasi-admin .alert{padding:1rem 1.5rem;border-radius:15px;margin-bottom:1.5rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);animation:slideIn .3s ease-out}.informasi-admin .alert-success{background:#48bb7833;color:#68d391;border-color:#48bb784d}.informasi-admin .alert-error{background:#f5656533;color:#fc8181;border-color:#f565654d}.informasi-admin .loading-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999}.informasi-admin .loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}.informasi-admin .table-container{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);overflow:hidden;box-shadow:0 8px 32px #1f26875e;overflow-x:auto}.informasi-admin .admin-table{width:100%;border-collapse:collapse;color:#fff}.informasi-admin .admin-table th{background:#ffffff1a;padding:1.5rem 1rem;text-align:left;font-weight:600;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.informasi-admin .admin-table td{padding:1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.informasi-admin .admin-table tr:hover{background:#ffffff0d;transition:background .3s ease}.informasi-admin .table-image{width:60px;height:60px;object-fit:cover;border-radius:10px;border:2px solid rgba(255,255,255,.2)}.informasi-admin .no-image{display:inline-block;width:60px;height:60px;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff9}.informasi-admin .title-cell{font-weight:600;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.informasi-admin .content-cell{max-width:250px;color:#fffc;font-size:.875rem;line-height:1.4}.informasi-admin .no-data{text-align:center;color:#fff9;font-style:italic;padding:3rem 1rem}.informasi-admin .action-buttons{display:flex;gap:.5rem}.informasi-admin .modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.informasi-admin .modal-content{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;border:1px solid rgba(255,255,255,.2);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080;animation:slideUp .3s ease-out}.informasi-admin .modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.informasi-admin .modal-header h2{color:#fff;font-size:1.75rem;font-weight:600;margin:0}.informasi-admin .modal-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.informasi-admin .modal-close:hover{background:#ffffff1a;transform:rotate(90deg)}.informasi-admin .modal-form{padding:2rem}.informasi-admin .form-group{margin-bottom:1.5rem}.informasi-admin .form-group label{display:block;margin-bottom:.5rem;color:#fff;font-weight:500;font-size:.975rem}.informasi-admin .form-group input,.informasi-admin .form-group textarea{width:100%;padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.informasi-admin .form-group input::placeholder,.informasi-admin .form-group textarea::placeholder{color:#ffffff80}.informasi-admin .form-group input:focus,.informasi-admin .form-group textarea:focus{outline:none;border-color:#ffffff80;background:#ffffff26;box-shadow:0 0 0 3px #ffffff1a}.informasi-admin .form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.informasi-admin .form-group small{display:block;margin-top:.5rem;color:#fff9;font-size:.875rem}.informasi-admin .modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.informasi-admin{padding:1rem}.informasi-admin .admin-header{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem}.informasi-admin .admin-header h1{font-size:2rem}.informasi-admin .table-container{border-radius:15px}.informasi-admin .admin-table th,.informasi-admin .admin-table td{padding:1rem .5rem;font-size:.875rem}.informasi-admin .action-buttons{flex-direction:column;gap:.25rem}.informasi-admin .btn-edit,.informasi-admin .btn-delete{margin:0}.informasi-admin .modal-content{margin:1rem;width:calc(100% - 2rem);border-radius:20px}.informasi-admin .modal-header,.informasi-admin .modal-form{padding:1.5rem}.informasi-admin .modal-actions{flex-direction:column}}@media (max-width: 480px){.informasi-admin .admin-header h1{font-size:1.5rem}.informasi-admin .btn-primary{padding:.875rem 1.5rem;font-size:.875rem}.informasi-admin .table-image,.informasi-admin .no-image{width:40px;height:40px}.informasi-admin .content-cell{max-width:150px}}.detail-profil-container{padding:8rem;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);min-height:100vh;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.detail-profil-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,255,255,.2)}.detail-profil-title{font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,#0ff,#0080ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.detail-profil-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;position:relative;overflow:hidden}.detail-profil-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.detail-profil-btn:hover:before{left:100%}.detail-profil-btn-primary{background:linear-gradient(135deg,#0ff,#0080ff);color:#fff;box-shadow:0 4px 15px #00ffff4d}.detail-profil-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ff6}.detail-profil-btn-success{background:linear-gradient(135deg,#0f8,#0c6);color:#fff;box-shadow:0 4px 15px #00ff884d}.detail-profil-btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f86}.detail-profil-btn-secondary{background:linear-gradient(135deg,#557,#446);color:#fff;box-shadow:0 4px 15px #5555774d}.detail-profil-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5576}.detail-profil-btn-edit{background:linear-gradient(135deg,#fa0,#f80);color:#fff;box-shadow:0 4px 15px #ffaa004d;padding:.5rem 1rem;font-size:.8rem}.detail-profil-btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fa06}.detail-profil-btn-delete{background:linear-gradient(135deg,#f44,#c33);color:#fff;box-shadow:0 4px 15px #ff44444d;padding:.5rem 1rem;font-size:.8rem}.detail-profil-btn-delete:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f446}.detail-profil-form-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.2);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000004d}.detail-profil-form-title{font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;background:linear-gradient(90deg,#0ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-profil-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.detail-profil-form-group{display:flex;flex-direction:column}.detail-profil-label{font-weight:600;margin-bottom:.5rem;color:#0ff;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.detail-profil-input{padding:.75rem 1rem;border:2px solid rgba(0,255,255,.3);border-radius:12px;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-profil-input:focus{outline:none;border-color:#0ff;box-shadow:0 0 0 3px #0ff3;background:#ffffff26}.detail-profil-input::placeholder{color:#ffffff80}.detail-profil-form-actions{display:flex;gap:1rem;justify-content:flex-end}.detail-profil-content{display:flex;flex-direction:column;gap:2rem}.detail-profil-item{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.2);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000004d}.detail-profil-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,255,255,.2)}.detail-profil-item-title{font-size:1.5rem;font-weight:600;margin:0;background:linear-gradient(90deg,#0ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-profil-item-actions{display:flex;gap:.5rem}.detail-profil-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.detail-profil-card{position:relative;background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:1.5rem;border:1px solid rgba(0,255,255,.3);transition:all .3s ease;overflow:hidden}.detail-profil-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#0ff,#0080ff,#8000ff,#ff0080);border-radius:18px;z-index:-1;opacity:0;transition:opacity .3s ease}.detail-profil-card:hover:before{opacity:1}.detail-profil-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00ffff4d}.detail-profil-card-gradient{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ff,#0080ff,#8000ff);border-radius:16px 16px 0 0}.detail-profil-card-content{position:relative;z-index:1}.detail-profil-card-icon{font-size:2.5rem;margin-bottom:1rem;display:block;filter:hue-rotate(180deg) brightness(1.2)}.detail-profil-card-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(90deg,#0ff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-profil-card-subtitle{font-size:.9rem;color:#fffc;line-height:1.4}.detail-profil-loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.2rem;color:#0ff}.detail-profil-error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:12px;padding:1rem;color:#f44;text-align:center;margin:1rem 0}.detail-profil-empty{text-align:center;padding:3rem;color:#fff9;font-size:1.1rem}@media (max-width: 768px){.detail-profil-container{padding:1rem}.detail-profil-header{flex-direction:column;gap:1rem;align-items:stretch}.detail-profil-title{font-size:2rem;text-align:center}.detail-profil-form-grid,.detail-profil-cards{grid-template-columns:1fr}.detail-profil-item-header{flex-direction:column;gap:1rem;align-items:stretch}.detail-profil-item-actions,.detail-profil-form-actions{justify-content:center}}@media (max-width: 480px){.detail-profil-cards{gap:1rem}.detail-profil-card{padding:1rem}.detail-profil-card-title{font-size:1.2rem}.detail-profil-item,.detail-profil-form-container{padding:1rem}}.visimisi-admin{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;position:relative;overflow-x:hidden}.visimisi-admin:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(26,26,46,.4) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(22,33,62,.4) 0%,transparent 50%);pointer-events:none;z-index:0}.admin-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.1)}.admin-title{margin:0;font-size:2.5rem;font-weight:700;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#00f5ff,#00d4ff,#09f,#66f,#c3f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,245,255,.3))}.btn-primary{background:linear-gradient(135deg,#00f5ff,#09f);border:none;padding:14px 28px;border-radius:12px;color:#0a0a0a;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #00f5ff4d;display:flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00f5ff66}.btn-icon{font-size:1.2rem;font-weight:700}.message{padding:16px 24px;border-radius:12px;margin-bottom:24px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid transparent}.message.success{background:#00ff881a;border-color:#00ff884d;color:#0f8}.message.error{background:#ff52521a;border-color:#ff52524d;color:#ff5252}.loading{text-align:center;padding:40px;font-size:1.1rem;color:#00f5ff;font-weight:500}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}@media (max-width: 768px){.content-grid{grid-template-columns:1fr}}.section-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.section-card:hover{border-color:#00f5ff4d;box-shadow:0 12px 40px #00f5ff1a}.section-title{margin:0 0 25px;font-size:1.8rem;font-weight:700;text-align:center;padding:15px;background:linear-gradient(135deg,#00f5ff1a,#6666ff1a);border-radius:12px;border:1px solid rgba(0,245,255,.2);letter-spacing:.1em}.items-list{display:flex;flex-direction:column;gap:20px}.item-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.item-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#00f5ff,#09f,#66f);opacity:0;transition:opacity .3s ease}.item-card:hover{border-color:#00f5ff4d;background:#ffffff14;transform:translateY(-2px)}.item-card:hover:before{opacity:1}.item-order{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#00f5ff,#09f);color:#0a0a0a;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:0 4px 16px #00f5ff4d}.item-content{margin-bottom:20px;padding-right:50px}.item-content p{margin:0;line-height:1.6;font-size:1rem;color:#ffffffe6}.item-actions{display:flex;gap:10px;flex-wrap:wrap}.item-actions button{padding:8px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-edit{background:#00f5ff1a;color:#00f5ff;border:1px solid rgba(0,245,255,.3)}.btn-edit:hover{background:#00f5ff33;box-shadow:0 4px 16px #00f5ff33}.btn-deactivate{background:#ffc1071a;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.btn-deactivate:hover{background:#ffc10733;box-shadow:0 4px 16px #ffc10733}.btn-delete{background:#ff52521a;color:#ff5252;border:1px solid rgba(255,82,82,.3)}.btn-delete:hover{background:#ff525233;box-shadow:0 4px 16px #ff525233}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#1a1a2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.btn-close{background:none;border:none;color:#ffffffb3;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-close:hover{background:#ff52521a;color:#ff5252}.modal-form{padding:30px}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#ffffffe6}.form-control{width:100%;padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.form-control:focus{outline:none;border-color:#00f5ff;box-shadow:0 0 0 3px #00f5ff1a;background:#ffffff14}.form-control::placeholder{color:#ffffff80}textarea.form-control{resize:vertical;min-height:100px}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.btn-cancel{padding:12px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;border-radius:10px;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-cancel:hover{background:#ffffff26;color:#fff}.btn-submit{padding:12px 24px;background:linear-gradient(135deg,#00f5ff,#09f);border:none;color:#0a0a0a;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #00f5ff4d}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00f5ff66}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.admin-header{flex-direction:column;gap:20px;text-align:center}.admin-title{font-size:2rem}.section-card{padding:20px}.item-actions{flex-direction:column}.item-actions button{width:100%}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00f5ff,#09f);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#09f,#66f)}.konsentrasi-admin{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:2rem;position:relative;overflow-x:auto}.konsentrasi-admin:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(119,198,255,.1) 0%,transparent 50%);pointer-events:none;z-index:-1}.konsentrasi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.konsentrasi-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#00f5ff,#ff00f5,#f5ff00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem;margin:0;text-shadow:0 0 30px rgba(0,245,255,.3)}.konsentrasi-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(0,245,255,.5))}.konsentrasi-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;text-decoration:none;position:relative;overflow:hidden}.konsentrasi-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.konsentrasi-btn:hover:before{left:100%}.konsentrasi-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 32px #667eea4d}.konsentrasi-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #667eea66}.konsentrasi-btn-edit{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:.5rem;min-width:40px;height:40px;justify-content:center;box-shadow:0 4px 15px #4facfe4d}.konsentrasi-btn-delete{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;padding:.5rem;min-width:40px;height:40px;justify-content:center;box-shadow:0 4px 15px #fa709a4d}.konsentrasi-btn-cancel{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.konsentrasi-btn-submit{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#1a1a2e;font-weight:700}.konsentrasi-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.konsentrasi-btn-icon{font-size:1.2rem}.konsentrasi-alert{padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:relative;animation:slideInDown .3s ease-out}.konsentrasi-alert-success{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}.konsentrasi-alert-error{background:#ef444426;border-color:#ef44444d;color:#f87171}.konsentrasi-alert-icon{font-size:1.2rem}.konsentrasi-alert-close{margin-left:auto;background:none;border:none;color:inherit;font-size:1.5rem;cursor:pointer;opacity:.7;transition:opacity .2s}.konsentrasi-alert-close:hover{opacity:1}.konsentrasi-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.konsentrasi-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #00f5ff;border-radius:50%;animation:spin 1s linear infinite}.konsentrasi-table-container{background:#ffffff0d;border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0000001a;overflow-x:auto}.konsentrasi-table{width:100%;border-collapse:collapse;font-size:.9rem}.konsentrasi-table th{padding:1rem;text-align:left;font-weight:600;color:#a8b2d1;border-bottom:2px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.konsentrasi-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}.konsentrasi-table tbody tr{transition:all .3s ease}.konsentrasi-table tbody tr:hover{background:#ffffff0d;transform:scale(1.01)}.konsentrasi-title-cell{font-weight:600;color:#fff}.konsentrasi-desc-cell{color:#a8b2d1;line-height:1.5;max-width:300px}.konsentrasi-date{color:#718096;font-size:.85rem}.konsentrasi-empty{text-align:center;padding:3rem}.konsentrasi-empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#718096}.konsentrasi-empty-icon{font-size:3rem;opacity:.5}.konsentrasi-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.konsentrasi-badge-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.konsentrasi-badge-inactive{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 4px 15px #6b72804d}.konsentrasi-badge-order{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.konsentrasi-actions{display:flex;gap:.5rem}.konsentrasi-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease-out}.konsentrasi-modal{background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #0000004d;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.konsentrasi-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.konsentrasi-modal-header h2{font-size:1.5rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#00f5ff,#ff00f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.konsentrasi-modal-icon{font-size:1.2rem}.konsentrasi-modal-close{background:none;border:none;color:#a8b2d1;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.konsentrasi-modal-close:hover{background:#ffffff1a;color:#fff}.konsentrasi-form{padding:2rem}.konsentrasi-form-group{margin-bottom:1.5rem}.konsentrasi-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.konsentrasi-label{display:block;margin-bottom:.5rem;font-weight:500;color:#e2e8f0;font-size:.9rem}.konsentrasi-input,.konsentrasi-textarea{width:100%;padding:.875rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0d;color:#fff;font-size:.9rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.konsentrasi-input:focus,.konsentrasi-textarea:focus{outline:none;border-color:#00f5ff;box-shadow:0 0 0 3px #00f5ff1a;background:#ffffff14}.konsentrasi-input::placeholder,.konsentrasi-textarea::placeholder{color:#718096}.konsentrasi-input-error{border-color:#f87171!important;box-shadow:0 0 0 3px #f871711a!important}.konsentrasi-textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.konsentrasi-checkbox-wrapper{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#e2e8f0;font-weight:500;margin-top:1.5rem;-webkit-user-select:none;user-select:none}.konsentrasi-checkbox{position:absolute;opacity:0;cursor:pointer}.konsentrasi-checkmark{position:relative;width:20px;height:20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:6px;transition:all .3s ease}.konsentrasi-checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:6px;height:10px;border:solid #00f5ff;border-width:0 2px 2px 0;transform:rotate(45deg)}.konsentrasi-checkbox:checked~.konsentrasi-checkmark{background:linear-gradient(135deg,#00f5ff,#ff00f5);border-color:#00f5ff;box-shadow:0 0 15px #00f5ff4d}.konsentrasi-checkbox:checked~.konsentrasi-checkmark:after{display:block}.konsentrasi-checkbox-wrapper:hover .konsentrasi-checkmark{border-color:#00f5ff;box-shadow:0 0 10px #00f5ff33}.konsentrasi-error{color:#f87171;font-size:.8rem;margin-top:.5rem;display:block;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.konsentrasi-form-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end}@media (max-width: 768px){.konsentrasi-admin{padding:1rem}.konsentrasi-title{font-size:1.8rem}.konsentrasi-header{flex-direction:column;align-items:stretch;text-align:center}.konsentrasi-table-container{padding:1rem;border-radius:15px}.konsentrasi-table{font-size:.8rem}.konsentrasi-table th,.konsentrasi-table td{padding:.75rem .5rem}.konsentrasi-form-row{grid-template-columns:1fr;gap:1rem}.konsentrasi-form-actions{flex-direction:column}.konsentrasi-btn{justify-content:center}.konsentrasi-modal{margin:1rem;max-height:calc(100vh - 2rem)}.konsentrasi-modal-header,.konsentrasi-form{padding:1.5rem}.konsentrasi-desc-cell{max-width:200px}.konsentrasi-actions{flex-direction:column;gap:.25rem}}@media (max-width: 480px){.konsentrasi-title{font-size:1.5rem;flex-direction:column;gap:.25rem}.konsentrasi-table-container{padding:.5rem}.konsentrasi-table th,.konsentrasi-table td{padding:.5rem .25rem}.konsentrasi-desc-cell{max-width:150px;font-size:.8rem}.konsentrasi-form-actions .konsentrasi-btn{padding:.875rem 1.5rem}}.konsentrasi-admin::-webkit-scrollbar,.konsentrasi-table-container::-webkit-scrollbar,.konsentrasi-modal::-webkit-scrollbar{width:8px;height:8px}.konsentrasi-admin::-webkit-scrollbar-track,.konsentrasi-table-container::-webkit-scrollbar-track,.konsentrasi-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.konsentrasi-admin::-webkit-scrollbar-thumb,.konsentrasi-table-container::-webkit-scrollbar-thumb,.konsentrasi-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00f5ff,#ff00f5);border-radius:4px}.konsentrasi-admin::-webkit-scrollbar-thumb:hover,.konsentrasi-table-container::-webkit-scrollbar-thumb:hover,.konsentrasi-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00d4e6,#e600d4)}.konsentrasi-btn:focus-visible,.konsentrasi-input:focus-visible,.konsentrasi-textarea:focus-visible{outline:2px solid #00f5ff;outline-offset:2px}.konsentrasi-table tbody tr{animation:fadeInUp .3s ease-out backwards}.konsentrasi-table tbody tr:nth-child(1){animation-delay:.1s}.konsentrasi-table tbody tr:nth-child(2){animation-delay:.2s}.konsentrasi-table tbody tr:nth-child(3){animation-delay:.3s}.konsentrasi-table tbody tr:nth-child(4){animation-delay:.4s}.konsentrasi-table tbody tr:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.konsentrasi-table tbody tr:hover{background:#00f5ff0d;box-shadow:0 4px 20px #00f5ff1a}.konsentrasi-checkbox-wrapper:hover{color:#fff}.konsentrasi-btn:disabled{position:relative;color:transparent}.konsentrasi-btn:disabled:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes success{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.konsentrasi-btn-submit.success{animation:success .3s ease-in-out}.prospek-karir-admin{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#0c0c0c,#1a1a2e,#16213e);min-height:100vh;color:#fff;position:relative;overflow-x:hidden}.prospek-karir-admin:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(119,255,198,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.prospek-karir-admin .admin-container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:2rem}.prospek-karir-admin .admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 8px 32px #0000004d}.prospek-karir-admin .header-content h1.admin-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.prospek-karir-admin .header-content .admin-subtitle{color:#ffffffb3;font-size:1.1rem;margin:0}.prospek-karir-admin .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:1rem 2rem;border-radius:12px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.prospek-karir-admin .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.prospek-karir-admin .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.prospek-karir-admin .btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:1rem 2rem;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.prospek-karir-admin .btn-secondary:hover{background:#fff3;transform:translateY(-1px)}.prospek-karir-admin .btn-icon{font-size:1.2rem}.prospek-karir-admin .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.prospek-karir-admin .stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.prospek-karir-admin .stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#fff3}.prospek-karir-admin .stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.prospek-karir-admin .stat-icon.bg-blue{background:linear-gradient(135deg,#667eea,#764ba2)}.prospek-karir-admin .stat-icon.bg-green{background:linear-gradient(135deg,#11998e,#38ef7d)}.prospek-karir-admin .stat-icon.bg-orange{background:linear-gradient(135deg,#f093fb,#f5576c)}.prospek-karir-admin .stat-content h3{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.prospek-karir-admin .stat-content p{margin:0;color:#ffffffb3;font-weight:500}.prospek-karir-admin .table-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.prospek-karir-admin .table-header{padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.prospek-karir-admin .table-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.prospek-karir-admin .table-wrapper{overflow-x:auto}.prospek-karir-admin .data-table{width:100%;border-collapse:collapse}.prospek-karir-admin .data-table th,.prospek-karir-admin .data-table td{padding:1.5rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.prospek-karir-admin .data-table th{background:#ffffff0d;font-weight:600;color:#ffffffe6;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.prospek-karir-admin .data-table tr:hover{background:#ffffff08}.prospek-karir-admin .data-table td.nama-karir{font-weight:600;color:#fff}.prospek-karir-admin .data-table td.deskripsi{color:#fffc;max-width:300px;line-height:1.4}.prospek-karir-admin .status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.prospek-karir-admin .status-badge.active{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.prospek-karir-admin .status-badge.inactive{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.prospek-karir-admin .action-buttons{display:flex;gap:.5rem}.prospek-karir-admin .btn-edit,.prospek-karir-admin .btn-delete{padding:.75rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.prospek-karir-admin .btn-edit{background:linear-gradient(135deg,#667eea,#764ba2)}.prospek-karir-admin .btn-delete{background:linear-gradient(135deg,#f093fb,#f5576c)}.prospek-karir-admin .btn-edit:hover,.prospek-karir-admin .btn-delete:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.prospek-karir-admin .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.prospek-karir-admin .loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.prospek-karir-admin .no-data{text-align:center;padding:4rem 2rem}.prospek-karir-admin .no-data-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.prospek-karir-admin .no-data-icon{font-size:3rem;opacity:.5}.prospek-karir-admin .modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.prospek-karir-admin .modal-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000080}.prospek-karir-admin .modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.prospek-karir-admin .modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.prospek-karir-admin .modal-close{background:none;border:none;font-size:2rem;color:#ffffffb3;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.prospek-karir-admin .modal-close:hover{background:#ffffff1a;color:#fff}.prospek-karir-admin .modal-form{padding:2rem}.prospek-karir-admin .form-group{margin-bottom:2rem}.prospek-karir-admin .form-group label{display:block;margin-bottom:.75rem;font-weight:600;color:#fff;font-size:.95rem}.prospek-karir-admin .form-group input,.prospek-karir-admin .form-group textarea,.prospek-karir-admin .form-group select{width:100%;padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.prospek-karir-admin .form-group input:focus,.prospek-karir-admin .form-group textarea:focus,.prospek-karir-admin .form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33;background:#ffffff14}.prospek-karir-admin .form-group input::placeholder,.prospek-karir-admin .form-group textarea::placeholder{color:#ffffff80}.prospek-karir-admin .form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.prospek-karir-admin .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.prospek-karir-admin .btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@media (max-width: 768px){.prospek-karir-admin .admin-container{padding:1rem}.prospek-karir-admin .admin-header{flex-direction:column;gap:1.5rem;text-align:center}.prospek-karir-admin .header-content h1.admin-title{font-size:2rem}.prospek-karir-admin .stats-grid{grid-template-columns:1fr}.prospek-karir-admin .modal-overlay{padding:1rem}.prospek-karir-admin .modal-actions{flex-direction:column}.prospek-karir-admin .data-table th,.prospek-karir-admin .data-table td{padding:1rem .5rem;font-size:.9rem}}.pupm-admin-container{background:linear-gradient(135deg,#0f0f23,#1a1a2e 35%,#16213e);min-height:100vh;padding:2rem;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.pupm-admin-container:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,0,255,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.pupm-admin-container>*{position:relative;z-index:1}.pupm-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:2rem;background:#ffffff14;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 40px #0006,inset 0 1px #fff3;position:relative;overflow:hidden}.pupm-admin-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.1),transparent);animation:pupm-shimmer 3s infinite}@keyframes pupm-shimmer{0%{left:-100%}to{left:100%}}.pupm-title{font-size:3rem;font-weight:800;margin:0;text-shadow:0 0 30px rgba(0,255,255,.5),0 0 60px rgba(255,0,255,.3);letter-spacing:-1px}.pupm-title-gradient{background:linear-gradient(45deg,#00d4ff,#f0f,#0f8,#fa0);background-size:400% 400%;animation:pupm-gradient-shift 4s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes pupm-gradient-shift{0%{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}.pupm-btn{padding:1rem 2rem;border:none;border-radius:16px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pupm-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s cubic-bezier(.25,.46,.45,.94)}.pupm-btn:hover:before{left:100%}.pupm-btn-primary{background:linear-gradient(135deg,#00d4ff,#09c,#004c99);color:#fff;box-shadow:0 10px 30px #00d4ff66,0 0 0 1px #00d4ff80,inset 0 1px #ffffff4d}.pupm-btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 45px #00d4ff99,0 0 0 1px #00d4ffcc,inset 0 1px #fff6}.pupm-btn-secondary{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px #ffffff1a}.pupm-btn-secondary:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #fff3,inset 0 1px #fff3}.pupm-btn-edit{background:linear-gradient(135deg,#ff6b35,#f7931e,#ff8c42);color:#fff;padding:.6rem 1.2rem;margin-right:.5rem;font-size:.8rem;box-shadow:0 6px 20px #ff6b354d}.pupm-btn-edit:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 10px 30px #ff6b3580}.pupm-btn-delete{background:linear-gradient(135deg,#ff4757,#c44569,#ff3838);color:#fff;padding:.6rem 1.2rem;font-size:.8rem;box-shadow:0 6px 20px #ff47574d}.pupm-btn-delete:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 10px 30px #ff475780}.pupm-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:grayscale(50%)}.pupm-btn-icon{margin-right:.5rem;font-size:1.3rem;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}.pupm-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:pupm-btn-spin 1s linear infinite;margin-right:.5rem;display:inline-block}@keyframes pupm-btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pupm-message{padding:1.2rem 2rem;border-radius:16px;margin-bottom:2rem;font-weight:600;animation:pupm-slide-down .5s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0000004d}.pupm-message-success{background:linear-gradient(135deg,#00ff8826,#00ff880d);border:1px solid rgba(0,255,136,.4);color:#0f8;box-shadow:0 8px 32px #0f83,inset 0 1px #00ff884d}.pupm-message-error{background:linear-gradient(135deg,#ff475726,#ff47570d);border:1px solid rgba(255,71,87,.4);color:#ff4757;box-shadow:0 8px 32px #ff475733,inset 0 1px #ff47574d}@keyframes pupm-slide-down{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pupm-loading{display:flex;align-items:center;justify-content:center;padding:3rem;gap:1.5rem}.pupm-loader{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #00d4ff;border-right:4px solid #ff00ff;border-radius:50%;animation:pupm-spin 1.2s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 0 20px #00d4ff80,0 0 40px #ff00ff4d}@keyframes pupm-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.pupm-table-container{background:#ffffff14;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:20px;border:1px solid rgba(255,255,255,.15);overflow:hidden;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a}.pupm-table-wrapper{overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.5) rgba(255,255,255,.1)}.pupm-table-wrapper::-webkit-scrollbar{height:8px}.pupm-table-wrapper::-webkit-scrollbar-track{background:#ffffff1a}.pupm-table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#00d4ff,#f0f);border-radius:4px}.pupm-table{width:100%;border-collapse:collapse}.pupm-table th{background:linear-gradient(135deg,#00d4ff33,#00d4ff1a);padding:2rem 1.5rem;text-align:left;font-weight:800;color:#00d4ff;text-transform:uppercase;letter-spacing:2px;font-size:.85rem;border-bottom:2px solid rgba(0,212,255,.5);text-shadow:0 0 10px rgba(0,212,255,.5);position:relative}.pupm-table th:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#00d4ff,#f0f,#0f8);background-size:200% 100%;animation:pupm-gradient-flow 3s linear infinite}@keyframes pupm-gradient-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}.pupm-table td{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:top;transition:all .3s ease}.pupm-table tr:hover{background:linear-gradient(135deg,#00d4ff0d,#ff00ff0d);transform:scale(1.01);box-shadow:0 5px 15px #00d4ff33}.pupm-question-cell{max-width:350px;font-weight:700;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.3);line-height:1.5}.pupm-answer-cell{max-width:450px;line-height:1.7;color:#e0e0e0;font-weight:400}.pupm-action-cell{white-space:nowrap}.pupm-empty-state{text-align:center;padding:4rem 2rem;color:#888;font-style:italic;font-size:1.1rem;opacity:.7}.pupm-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:pupm-fade-in .3s ease}.pupm-modal{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:24px;border:1px solid rgba(255,255,255,.2);width:90%;max-width:700px;max-height:90vh;overflow:hidden;animation:pupm-modal-slide-up .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 25px 50px #00000080,0 0 0 1px #00d4ff4d,inset 0 1px #ffffff1a;display:flex;flex-direction:column}.pupm-modal-content{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.5) rgba(255,255,255,.1)}.pupm-modal-content::-webkit-scrollbar{width:6px}.pupm-modal-content::-webkit-scrollbar-track{background:#ffffff1a}.pupm-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#f0f);border-radius:3px}.pupm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;border-bottom:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg,#00d4ff26,#00d4ff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pupm-modal-header h3{margin:0;font-size:1.8rem;font-weight:800;color:#00d4ff;text-shadow:0 0 15px rgba(0,212,255,.5);letter-spacing:-.5px}.pupm-modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pupm-modal-close:hover{background:#ff475733;border-color:#ff475780;transform:rotate(90deg) scale(1.1);box-shadow:0 0 20px #ff475766}@keyframes pupm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pupm-modal-slide-up{0%{opacity:0;transform:translateY(60px) scale(.85) rotateX(10deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.pupm-form{padding:1.5rem 2rem 0}.pupm-form-group{margin-bottom:1.5rem}.pupm-label{display:block;margin-bottom:.8rem;font-weight:700;color:#fff;font-size:1rem;text-shadow:0 0 5px rgba(255,255,255,.3);letter-spacing:.5px}.pupm-required{color:#ff4757;text-shadow:0 0 10px rgba(255,71,87,.5)}.pupm-textarea{width:100%;padding:1rem;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:#ffffff14;color:#fff;font-size:1rem;font-family:inherit;line-height:1.5;resize:vertical;transition:all .4s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:inset 0 2px 10px #0003;min-height:80px}.pupm-textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33,0 0 20px #00d4ff4d,inset 0 2px 10px #0000001a;background:#ffffff1f;transform:scale(1.02)}.pupm-textarea::placeholder{color:#aaa;font-style:italic}.pupm-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.15);background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;bottom:0;left:0;right:0}@media (max-width: 1024px){.pupm-title{font-size:2.5rem}.pupm-table th,.pupm-table td{padding:1.2rem .8rem}}@media (max-width: 768px){.pupm-admin-container{padding:1rem}.pupm-admin-header{flex-direction:column;gap:1.5rem;text-align:center;padding:1.5rem}.pupm-title{font-size:2rem}.pupm-table th,.pupm-table td{padding:1rem .6rem;font-size:.9rem}.pupm-modal{width:95%;margin:1rem}.pupm-form{padding:1.5rem}.pupm-form-actions{flex-direction:column}.pupm-btn{width:100%;justify-content:center}.pupm-btn-edit,.pupm-btn-delete{margin:.25rem 0}}@media (max-width: 480px){.pupm-title{font-size:1.5rem}.pupm-admin-header{padding:1rem}.pupm-table th,.pupm-table td{padding:.8rem .4rem;font-size:.8rem}.pupm-modal-header{padding:1.5rem}.pupm-modal-header h3{font-size:1.4rem}}.sejarah-admin-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);padding:2rem;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;position:relative;overflow-x:hidden}.sejarah-admin-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.sejarah-admin-container>*{position:relative;z-index:1}.sejarah-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 8px 32px #0000004d}.sejarah-admin-title{font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#7c7fd6,#ff77c4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:1rem}.sejarah-admin-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(124,127,214,.5))}.sejarah-admin-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sejarah-admin-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.sejarah-admin-btn:hover:before{left:100%}.sejarah-admin-btn-primary{background:linear-gradient(135deg,#7c7fd6,#ff77c4);color:#fff;box-shadow:0 4px 15px #7c7fd666}.sejarah-admin-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c7fd699}.sejarah-admin-btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.sejarah-admin-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.sejarah-admin-btn-edit{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 15px #4caf5066}.sejarah-admin-btn-edit:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4caf5099}.sejarah-admin-btn-delete{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;box-shadow:0 4px 15px #f4433666}.sejarah-admin-btn-delete:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f4433699}.sejarah-admin-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.sejarah-admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#7c7fd6}.sejarah-admin-spinner{width:50px;height:50px;border:4px solid rgba(124,127,214,.3);border-top:4px solid #7c7fd6;border-radius:50%;animation:sejarah-admin-spin 1s linear infinite;margin-bottom:1rem}@keyframes sejarah-admin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sejarah-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.sejarah-admin-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.sejarah-admin-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#7c7fd6,#ff77c4)}.sejarah-admin-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d;border-color:#7c7fd64d}.sejarah-admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sejarah-admin-urutan{background:linear-gradient(135deg,#7c7fd6,#ff77c4);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.sejarah-admin-years{color:#7c7fd6;font-weight:600;font-size:.9rem}.sejarah-admin-card-title{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:1rem;line-height:1.4}.sejarah-admin-card-desc{color:#fffc;line-height:1.6;margin-bottom:1.5rem}.sejarah-admin-card-actions{display:flex;gap:.5rem}.sejarah-admin-card-actions .sejarah-admin-btn{flex:1;padding:.6rem 1rem;font-size:.8rem}.sejarah-admin-empty{text-align:center;padding:4rem 2rem;color:#fff9}.sejarah-admin-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.sejarah-admin-empty h3{color:#fff;margin-bottom:.5rem}.sejarah-admin-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.sejarah-admin-modal{background:#0f0f23f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.sejarah-admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.sejarah-admin-modal-header h2{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.sejarah-admin-modal-close{background:none;border:none;color:#fff9;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.sejarah-admin-modal-close:hover{background:#ffffff1a;color:#fff}.sejarah-admin-form{padding:2rem}.sejarah-admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.sejarah-admin-form-group{margin-bottom:1.5rem}.sejarah-admin-form-group label{display:block;color:#fff;font-weight:600;margin-bottom:.5rem;font-size:.9rem}.sejarah-admin-form-group input,.sejarah-admin-form-group textarea{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:.9rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.sejarah-admin-form-group input:focus,.sejarah-admin-form-group textarea:focus{outline:none;border-color:#7c7fd6;box-shadow:0 0 0 3px #7c7fd633;background:#ffffff14}.sejarah-admin-form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.sejarah-admin-form-group input::placeholder,.sejarah-admin-form-group textarea::placeholder{color:#fff6}.sejarah-admin-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.sejarah-admin-container{padding:1rem}.sejarah-admin-header{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem}.sejarah-admin-title{font-size:2rem}.sejarah-admin-grid{grid-template-columns:1fr;gap:1rem}.sejarah-admin-card{padding:1.5rem}.sejarah-admin-form-row{grid-template-columns:1fr}.sejarah-admin-modal{margin:1rem;max-width:calc(100% - 2rem)}.sejarah-admin-modal-actions,.sejarah-admin-card-actions{flex-direction:column}}@media (max-width: 480px){.sejarah-admin-header{padding:1rem}.sejarah-admin-title{font-size:1.5rem}.sejarah-admin-card,.sejarah-admin-form,.sejarah-admin-modal-overlay{padding:1rem}}.civitas-admin{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(to right,#0f2027,#203a43,#2c5364);color:#f1f1f1;padding:2rem;border-radius:16px;box-shadow:0 0 10px #0ff3ff30}.civitas-admin__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;margin-top:70px}.civitas-admin__title{font-size:1.8rem;background:linear-gradient(90deg,#00d2ff,#3a47d5);-webkit-background-clip:text;color:transparent}.civitas-admin__btn{padding:.5rem 1.2rem;border-radius:12px;border:none;cursor:pointer;font-weight:700;transition:background .3s ease,transform .2s}.civitas-admin__btn:hover{transform:scale(1.05)}.civitas-admin__btn--primary{background:#00d2ff;color:#000}.civitas-admin__btn--secondary{background:#888;color:#fff}.civitas-admin__btn--edit{background:#009688;color:#fff}.civitas-admin__btn--delete{background:#e53935;color:#fff;margin-left:.5rem}.civitas-admin__message{margin-bottom:1rem;padding:1rem;border-radius:8px;font-weight:700;text-align:center}.civitas-admin__message--success{background-color:#00e67633;color:#00e676;border:1px solid #00e67688}.civitas-admin__message--error{background-color:#ff174433;color:#ff1744;border:1px solid #ff174488}.civitas-admin__loading{display:flex;align-items:center;gap:.8rem;font-style:italic;margin-bottom:1rem}.civitas-admin__spinner{width:20px;height:20px;border:3px solid #00d2ff;border-top:3px solid transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.civitas-admin__table-container{overflow-x:auto}.civitas-admin__table{width:100%;border-collapse:collapse;margin-top:1rem;background-color:#1b2b34;border-radius:12px;overflow:hidden}.civitas-admin__table th,.civitas-admin__table td{padding:1rem;text-align:left;border-bottom:1px solid #2c3e50}.civitas-admin__table th{background-color:#263238;color:#00d2ff}.civitas-admin__table td{color:#e0f7fa}.civitas-admin__no-data{text-align:center;padding:1.5rem;color:#999}.civitas-admin__foto{width:50px;height:50px;overflow:hidden;border-radius:50%;border:2px solid #00d2ff}.civitas-admin__foto img{width:100%;height:100%;object-fit:cover}.civitas-admin__foto--placeholder{background-color:#555;color:#fff;font-size:.8rem;display:flex;justify-content:center;align-items:center;height:100%}.civitas-admin__status--aktif{color:#00e676;font-weight:700}.civitas-admin__status--tidak_aktif{color:#ff1744;font-weight:700}.civitas-admin__modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:999}.civitas-admin__modal{background:#1a1a2e;padding:2rem;width:90%;max-width:600px;border-radius:16px;box-shadow:0 0 15px #00d2ff55;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.civitas-admin__modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;color:#00d2ff}.civitas-admin__modal-close{background:transparent;border:none;font-size:1.5rem;color:#ff1744;cursor:pointer}.civitas-admin__form-group{margin-bottom:1rem}.civitas-admin__form-group label{display:block;margin-bottom:.3rem;font-weight:600}.civitas-admin__form-group input,.civitas-admin__form-group select{width:100%;padding:.5rem;border-radius:8px;border:1px solid #00d2ff88;background-color:#263238;color:#fff}.civitas-admin__form-group small{color:#ccc;font-size:.8rem}.civitas-admin__form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.jurnal-admin{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#2d1b69);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.admin-container{max-width:1400px;margin:0 auto;padding:2rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;margin-top:70PX;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000004d}.admin-title{font-size:2.5rem;font-weight:700;margin:0}.title-gradient{background:linear-gradient(135deg,#00d4ff,#9b59b6,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(45deg)}}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.neon-btn{position:relative;overflow:hidden}.neon-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.neon-btn:hover:before{left:100%}.btn-secondary{background:#ffffff1a;color:#00d4ff;border:1px solid #00d4ff;padding:10px 20px;border-radius:25px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#00d4ff1a;box-shadow:0 0 20px #00d4ff4d}.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:25px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff80}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#00d4ff,#9b59b6,#ff6b6b)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0003;border-color:#fff3}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00d4ff33,#9b59b633);border-radius:15px}.stat-content h3{font-size:2rem;font-weight:700;margin:0;color:#00d4ff}.stat-content p{margin:.5rem 0 0;color:#ffffffb3;font-weight:500}.filters-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;margin-bottom:2rem}.filter-group{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.filter-input,.filter-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:12px 16px;color:#fff;font-size:.95rem;min-width:180px;transition:all .3s ease}.filter-input:focus,.filter-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a;background:#ffffff26}.filter-input::placeholder{color:#ffffff80}.filter-select option{background:#1a1a3e;color:#fff}.table-container{background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0003}.jurnal-table{width:100%;border-collapse:collapse}.jurnal-table thead{background:linear-gradient(135deg,#00d4ff33,#9b59b633)}.jurnal-table th,.jurnal-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.jurnal-table th{font-weight:600;color:#00d4ff;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.jurnal-table tbody tr{transition:all .3s ease}.jurnal-table tbody tr:hover{background:#ffffff0d;transform:scale(1.01)}.title-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.category-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;display:inline-block}.action-buttons{display:flex;gap:.5rem}.btn-edit,.btn-delete{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;font-size:1rem}.btn-edit:hover{background:#3498db33;transform:scale(1.1)}.btn-delete:hover{background:#e74c3c33;transform:scale(1.1)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem}.pagination-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:25px;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#00d4ff33;border-color:#00d4ff;box-shadow:0 0 15px #00d4ff4d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#ffffffb3;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:linear-gradient(135deg,#0f0f23f2,#1a1a3ef2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:25px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;color:#00d4ff;font-size:1.5rem;font-weight:600}.modal-close{background:none;border:none;color:#ffffffb3;font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#ffffff1a;color:#ff6b6b}.jurnal-form{padding:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#ffffffe6;font-weight:500;margin-bottom:.5rem;font-size:.9rem}.form-input,.form-select,.form-textarea{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:12px 16px;color:#fff;font-size:.95rem;transition:all .3s ease;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a;background:#ffffff26}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff80}.form-select option{background:#1a1a3e;color:#fff}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#ffffffb3}.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #00d4ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 1200px){.admin-container{padding:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.admin-header{flex-direction:column;gap:1rem;text-align:center}.admin-title{font-size:2rem}.filter-group{flex-direction:column;align-items:stretch}.filter-input,.filter-select{min-width:auto;width:100%}.form-row{grid-template-columns:1fr}.modal-content{margin:1rem;width:calc(100% - 2rem)}.table-container{overflow-x:auto}.jurnal-table{min-width:800px}.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}}@media (max-width: 480px){.admin-container{padding:1rem}.admin-header,.filters-section{padding:1.5rem}.modal-overlay{padding:1rem}.jurnal-form{padding:1.5rem}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.form-group:last-child{grid-column:1 / -1}.table-container:hover{border-color:#00d4ff4d}.stat-card:nth-child(1) .stat-icon{background:linear-gradient(135deg,#00d4ff4d,#00d4ff1a)}.stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,#9b59b64d,#9b59b61a)}.stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,#ff6b6b4d,#ff6b6b1a)}.filter-input:hover,.filter-select:hover,.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#fff6}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-outline:focus-visible{outline:2px solid #00d4ff;outline-offset:2px}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content{animation:modalFadeIn .3s ease-out}.kerjasama-admin-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e);color:#e4e4e7;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.kerjasama-admin-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:#64ffda}.kerjasama-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #16213e}.kerjasama-admin-title{font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,#64ffda,#bb86fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.kerjasama-admin-btn{border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;position:relative;overflow:hidden}.kerjasama-admin-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.kerjasama-admin-btn:hover:before{left:100%}.kerjasama-admin-btn-primary{background:linear-gradient(135deg,#64ffda,#00bcd4);color:#0f0f23;box-shadow:0 4px 15px #64ffda4d}.kerjasama-admin-btn-primary:hover{box-shadow:0 6px 25px #64ffda80;transform:translateY(-2px)}.kerjasama-admin-btn-secondary{background:linear-gradient(135deg,#16213e,#1e293b);color:#e4e4e7;border:1px solid #374151}.kerjasama-admin-btn-secondary:hover{background:linear-gradient(135deg,#1e293b,#334155);border-color:#64ffda;box-shadow:0 4px 15px #64ffda33}.kerjasama-admin-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d}.kerjasama-admin-btn-danger:hover{box-shadow:0 6px 25px #ef444480;transform:translateY(-2px)}.kerjasama-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.kerjasama-admin-empty{grid-column:1 / -1;text-align:center;padding:4rem;font-size:1.2rem;color:#6b7280}.kerjasama-admin-card{background:linear-gradient(135deg,#16213e,#1a1a2e);border-radius:16px;overflow:hidden;border:1px solid #374151;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.kerjasama-admin-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#64ffda,transparent);opacity:0;transition:opacity .3s}.kerjasama-admin-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:#64ffda}.kerjasama-admin-card:hover:before{opacity:1}.kerjasama-admin-card-image{height:200px;overflow:hidden;position:relative}.kerjasama-admin-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.kerjasama-admin-card:hover .kerjasama-admin-card-image img{transform:scale(1.1)}.kerjasama-admin-no-image{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,#374151,#1f2937);color:#9ca3af;font-weight:500}.kerjasama-admin-card-content{padding:1.5rem}.kerjasama-admin-card-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#64ffda}.kerjasama-admin-card-info{display:flex;gap:.75rem;margin-bottom:1rem;align-items:center}.kerjasama-admin-badge{background:linear-gradient(135deg,#bb86fc,#9c27b0);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.kerjasama-admin-country{color:#9ca3af;font-size:.9rem}.kerjasama-admin-card-desc{color:#d1d5db;margin-bottom:1rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kerjasama-admin-card-meta{display:flex;justify-content:space-between;margin-bottom:1.5rem;font-size:.85rem}.kerjasama-admin-status{padding:.25rem .75rem;border-radius:8px;background:#64ffda1a;color:#64ffda;border:1px solid rgba(100,255,218,.3)}.kerjasama-admin-duration{color:#9ca3af}.kerjasama-admin-card-actions{display:flex;gap:.75rem}.kerjasama-admin-card-actions .kerjasama-admin-btn{flex:1;padding:.5rem 1rem;font-size:.85rem}.kerjasama-admin-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.kerjasama-admin-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid #374151;box-shadow:0 25px 50px #00000080}.kerjasama-admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 0;margin-bottom:1.5rem}.kerjasama-admin-modal-header h2{font-size:1.75rem;font-weight:700;margin:0;background:linear-gradient(90deg,#64ffda,#bb86fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kerjasama-admin-modal-close{background:none;border:none;font-size:2rem;color:#9ca3af;cursor:pointer;padding:0;line-height:1;transition:color .3s}.kerjasama-admin-modal-close:hover{color:#64ffda}.kerjasama-admin-form{padding:0 2rem 2rem}.kerjasama-admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.kerjasama-admin-form-group{margin-bottom:1rem}.kerjasama-admin-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#e4e4e7;font-size:.9rem}.kerjasama-admin-form-group input,.kerjasama-admin-form-group select,.kerjasama-admin-form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #374151;border-radius:12px;background:#0f0f23cc;color:#e4e4e7;font-size:.9rem;transition:all .3s;box-sizing:border-box}.kerjasama-admin-form-group input:focus,.kerjasama-admin-form-group select:focus,.kerjasama-admin-form-group textarea:focus{outline:none;border-color:#64ffda;box-shadow:0 0 0 3px #64ffda1a;background:#0f0f23}.kerjasama-admin-form-group input[type=file]{padding:.5rem;border:2px dashed #374151;background:#0f0f2380}.kerjasama-admin-image-preview{width:120px;height:120px;object-fit:cover;border-radius:12px;margin-top:.75rem;border:2px solid #64ffda}.kerjasama-admin-projects-section{background:#0f0f2380;padding:1.5rem;border-radius:12px;margin:1.5rem 0;border:1px solid #374151}.kerjasama-admin-projects-section h3{color:#64ffda;margin-top:0;margin-bottom:1rem;font-size:1.1rem}.kerjasama-admin-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #374151}.kerjasama-admin-form-actions .kerjasama-admin-btn{min-width:120px}@media (max-width: 768px){.kerjasama-admin-container{padding:1rem}.kerjasama-admin-title{font-size:2rem}.kerjasama-admin-header{flex-direction:column;gap:1rem;align-items:stretch}.kerjasama-admin-grid,.kerjasama-admin-form-row{grid-template-columns:1fr}.kerjasama-admin-modal{margin:1rem;max-width:none}.kerjasama-admin-modal-header,.kerjasama-admin-form{padding-left:1rem;padding-right:1rem}.kerjasama-admin-form-actions{flex-direction:column}}.kerjasama-admin-modal::-webkit-scrollbar{width:8px}.kerjasama-admin-modal::-webkit-scrollbar-track{background:#0f0f2380;border-radius:4px}.kerjasama-admin-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#64ffda,#bb86fc);border-radius:4px}.kerjasama-admin-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#bb86fc,#64ffda)}.kerjasama-admin-card{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.kerjasama-admin-loading{position:relative}.kerjasama-admin-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:#64ffda;border-radius:50%;animation:spin 1s linear infinite}.kerjasama-admin-form-group input:invalid,.kerjasama-admin-form-group select:invalid,.kerjasama-admin-form-group textarea:invalid{border-color:#ef4444}.kerjasama-admin-form-group input:valid,.kerjasama-admin-form-group select:valid,.kerjasama-admin-form-group textarea:valid{border-color:#22c55e}.kerjasama-admin-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#64ffda1a,#bb86fc1a);opacity:0;transition:opacity .3s}.kerjasama-admin-card:hover .kerjasama-admin-card-image:after{opacity:1}.kerjasama-admin-btn-primary:active{transform:translateY(-1px);box-shadow:0 8px 30px #64ffda99}.kerjasama-admin-btn-danger:active{transform:translateY(-1px);box-shadow:0 8px 30px #ef444499}.kerjasama-admin-modal-overlay{animation:modalFadeIn .3s ease-out}.kerjasama-admin-modal{animation:modalSlideIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.org-admin{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff;padding:2rem;margin-top:70px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}.org-admin:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(78,205,196,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.org-admin>*{position:relative;z-index:1}.org-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem}.org-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #00d4ff;border-radius:50%;animation:org-spin 1s linear infinite}@keyframes org-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.org-alert{position:fixed;top:2rem;right:2rem;padding:1rem 1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 10px 30px #0000004d;animation:org-slideIn .3s ease-out}@keyframes org-slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.org-alert-success{background:linear-gradient(135deg,#4ecdc433,#4ecdc41a);border:1px solid rgba(78,205,196,.3);color:#4ecdcc}.org-alert-error{background:linear-gradient(135deg,#ff6b6b33,#ff6b6b1a);border:1px solid rgba(255,107,107,.3);color:#ff6b6b}.org-alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;padding:0;transition:transform .2s ease}.org-alert button:hover{transform:scale(1.2)}.org-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:1rem}.org-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#00d4ff,#4ecdcc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 0 30px rgba(0,212,255,.3)}.org-btn{padding:12px 24px;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.org-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.org-btn:hover:before{left:100%}.org-btn-primary{background:linear-gradient(135deg,#00d4ff,#4ecdcc);color:#0f0f23;box-shadow:0 4px 15px #00d4ff66}.org-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00d4ff99}.org-btn-secondary{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.org-btn-secondary:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1a);transform:translateY(-2px)}.org-btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;box-shadow:0 4px 15px #ff6b6b66}.org-btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff6b6b99}.org-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.org-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.org-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#00d4ff,#4ecdcc,#ff6b6b);transform:scaleX(0);transition:transform .3s ease}.org-card:hover:before{transform:scaleX(1)}.org-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d;border-color:#00d4ff4d}.org-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.org-logo{width:60px;height:60px;border-radius:12px;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.org-name{font-size:1.3rem;font-weight:700;color:#00d4ff;margin:0}.org-card-content{margin-bottom:1.5rem}.org-description{color:#b8b8b8;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.org-info{display:flex;flex-direction:column;gap:.5rem}.org-info span{font-size:.9rem;color:#d0d0d0}.org-info strong{color:#4ecdcc}.org-card-actions{display:flex;gap:.75rem;justify-content:flex-end}.org-card-actions .org-btn{padding:8px 16px;font-size:.8rem}.org-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:org-fadeIn .3s ease-out}@keyframes org-fadeIn{0%{opacity:0}to{opacity:1}}.org-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;animation:org-scaleIn .3s ease-out;position:relative}@keyframes org-scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.org-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.org-modal-header h2{font-size:1.5rem;font-weight:700;color:#00d4ff;margin:0}.org-modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;padding:.5rem;border-radius:8px}.org-modal-close:hover{background:#ffffff1a;transform:rotate(90deg)}.org-form{padding:2rem}.org-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.org-form-group{display:flex;flex-direction:column}.org-form-group-full{grid-column:1 / -1}.org-form-group label{color:#4ecdcc;font-weight:600;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.org-input,.org-textarea{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px;color:#fff;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.org-input:focus,.org-textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d;background:linear-gradient(135deg,#00d4ff1a,#00d4ff0d)}.org-input::placeholder,.org-textarea::placeholder{color:#ffffff80}.org-textarea{min-height:100px;resize:vertical}.org-file-input{padding:8px;cursor:pointer}.org-file-input::-webkit-file-upload-button{background:linear-gradient(135deg,#4ecdcc,#00d4ff);color:#0f0f23;border:none;border-radius:6px;padding:6px 12px;margin-right:10px;cursor:pointer;font-weight:600;font-size:.8rem;text-transform:uppercase;transition:all .3s ease}.org-file-input::-webkit-file-upload-button:hover{transform:translateY(-1px);box-shadow:0 4px 15px #4ecdc466}.org-form-section{margin:3rem 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.org-form-section h3{color:#4ecdcc;font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.org-form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);margin-top:2rem}@media (max-width: 768px){.org-admin{padding:1rem}.org-title{font-size:2rem}.org-header{flex-direction:column;align-items:stretch;text-align:center}.org-grid{grid-template-columns:1fr}.org-modal{margin:1rem;max-width:calc(100vw - 2rem)}.org-form{padding:1rem}.org-form-grid{grid-template-columns:1fr}.org-form-actions,.org-card-actions{flex-direction:column}.org-alert{left:1rem;right:1rem}}@media (max-width: 480px){.org-admin{padding:.5rem}.org-title{font-size:1.5rem}.org-modal-header,.org-form,.org-card{padding:1rem}}.org-admin *::-webkit-scrollbar{width:8px}.org-admin *::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.org-admin *::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#4ecdcc);border-radius:4px}.org-admin *::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4ecdcc,#00d4ff)}@keyframes org-glow{0%{box-shadow:0 0 5px #00d4ff80}50%{box-shadow:0 0 20px #00d4ffcc}to{box-shadow:0 0 5px #00d4ff80}}.org-card:hover .org-logo{animation:org-glow 2s ease-in-out infinite}@media (prefers-contrast: high){.org-admin{--border-opacity: .3}.org-card,.org-input,.org-textarea,.org-modal{border-color:rgba(255,255,255,var(--border-opacity, .1))}}@media (prefers-reduced-motion: reduce){.org-admin *,.org-admin *:before,.org-admin *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.org-admin{background:#fff!important;color:#000!important}.org-btn,.org-modal-overlay{display:none!important}.org-card{background:#fff!important;border:1px solid black!important;break-inside:avoid}}.galeri-admin{background:linear-gradient(135deg,#0c0c0c,#1a1a2e,#16213e);min-height:100vh;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:20px 0}.galeri-admin__container{max-width:1400px;margin:0 auto;padding:0 20px}.galeri-admin__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:25px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.galeri-admin__title{font-size:32px;font-weight:700;margin:0;background:linear-gradient(135deg,#00f5ff,#09f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.galeri-admin__btn{padding:12px 24px;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.galeri-admin__btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.galeri-admin__btn:hover:before{left:100%}.galeri-admin__btn--primary{background:linear-gradient(135deg,#00f5ff,#09f);color:#000;box-shadow:0 4px 20px #00f5ff4d}.galeri-admin__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00f5ff66}.galeri-admin__btn--edit{background:linear-gradient(135deg,gold,#ff8c00);color:#000;box-shadow:0 4px 15px #ffd7004d}.galeri-admin__btn--delete{background:linear-gradient(135deg,#ff4757,#c44569);color:#fff;box-shadow:0 4px 15px #ff47574d}.galeri-admin__btn--cancel{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.galeri-admin__btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.galeri-admin__message{padding:16px 20px;border-radius:12px;margin-bottom:20px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid}.galeri-admin__message--success{background:#22c55e1a;color:#4ade80;border-color:#22c55e4d}.galeri-admin__message--error{background:#ef44441a;color:#f87171;border-color:#ef44444d}.galeri-admin__loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:#ffffff0d;border-radius:12px;margin-bottom:20px;color:#00f5ff;font-weight:500}.galeri-admin__spinner{width:20px;height:20px;border:2px solid rgba(0,245,255,.3);border-top:2px solid #00f5ff;border-radius:50%;animation:galeri-spin 1s linear infinite}@keyframes galeri-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.galeri-admin__table-container{background:#ffffff0d;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.galeri-admin__table{width:100%;border-collapse:collapse}.galeri-admin__table th{background:#00f5ff1a;padding:20px 16px;text-align:left;font-weight:600;color:#00f5ff;text-transform:uppercase;letter-spacing:.5px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.1)}.galeri-admin__table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.galeri-admin__table tr:hover{background:#ffffff08}.galeri-admin__table-image{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid rgba(0,245,255,.3)}.galeri-admin__no-data{text-align:center;color:#fff9;font-style:italic;padding:40px!important}.galeri-admin__actions{display:flex;gap:8px}.galeri-admin__actions .galeri-admin__btn{padding:8px 16px;font-size:12px}.galeri-admin__modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.galeri-admin__modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.galeri-admin__modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid rgba(255,255,255,.1)}.galeri-admin__modal-header h2{margin:0;font-size:24px;font-weight:600;color:#00f5ff}.galeri-admin__modal-close{background:none;border:none;font-size:28px;color:#fff9;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .3s ease}.galeri-admin__modal-close:hover{color:#ff4757;background:#ffffff1a}.galeri-admin__form{padding:30px}.galeri-admin__form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.galeri-admin__form-group{display:flex;flex-direction:column;gap:8px}.galeri-admin__form-group--full{grid-column:1 / -1}.galeri-admin__form-group label{font-weight:500;color:#ffffffe6;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.galeri-admin__input,.galeri-admin__textarea,.galeri-admin__file-input{padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.galeri-admin__input:focus,.galeri-admin__textarea:focus,.galeri-admin__file-input:focus{outline:none;border-color:#00f5ff;box-shadow:0 0 0 3px #00f5ff1a;background:#ffffff14}.galeri-admin__textarea{resize:vertical;min-height:80px}.galeri-admin__file-input{cursor:pointer}.galeri-admin__file-input::file-selector-button{background:linear-gradient(135deg,#00f5ff,#09f);color:#000;border:none;padding:8px 16px;border-radius:6px;font-weight:600;margin-right:12px;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.galeri-admin__preview{margin-top:12px;padding:12px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.galeri-admin__preview img{max-width:200px;max-height:200px;object-fit:cover;border-radius:8px;border:2px solid rgba(0,245,255,.3)}.galeri-admin__form-actions{display:flex;justify-content:flex-end;gap:16px;border-top:1px solid rgba(255,255,255,.1);padding-top:24px}@media (max-width: 768px){.galeri-admin__container{padding:0 15px}.galeri-admin__header{flex-direction:column;gap:20px;text-align:center}.galeri-admin__title{font-size:24px}.galeri-admin__table-container{overflow-x:auto}.galeri-admin__table{min-width:700px}.galeri-admin__modal{width:95%;margin:20px}.galeri-admin__form-grid{grid-template-columns:1fr}.galeri-admin__form-actions,.galeri-admin__actions{flex-direction:column}}.galeri-admin__modal::-webkit-scrollbar{width:6px}.galeri-admin__modal::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.galeri-admin__modal::-webkit-scrollbar-thumb{background:#00f5ff80;border-radius:3px}.galeri-admin__modal::-webkit-scrollbar-thumb:hover{background:#00f5ffb3}.kegiatan-admin{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.kegiatan-admin:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,219,255,.3) 0%,transparent 50%);pointer-events:none;z-index:-1}.kegiatan-admin__container{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:1}.kegiatan-admin__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.kegiatan-admin__title{font-size:2.5rem;font-weight:700;background:linear-gradient(45deg,#00d4ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 0 30px rgba(0,212,255,.3)}.kegiatan-admin__btn{padding:12px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kegiatan-admin__btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.kegiatan-admin__btn:hover:before{left:100%}.kegiatan-admin__btn--primary{background:linear-gradient(45deg,#00d4ff,#f0f);color:#fff;box-shadow:0 8px 32px #00d4ff4d}.kegiatan-admin__btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00d4ff66}.kegiatan-admin__btn--secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.kegiatan-admin__btn--secondary:hover{background:#fff3;transform:translateY(-2px)}.kegiatan-admin__btn--danger{background:linear-gradient(45deg,#ff4757,#ff3742);color:#fff;box-shadow:0 8px 32px #ff47574d}.kegiatan-admin__btn--danger:hover{transform:translateY(-2px);box-shadow:0 12px 40px #ff475766}.kegiatan-admin__loading{text-align:center;padding:2rem;font-size:1.2rem;color:#00d4ff;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.kegiatan-admin__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.kegiatan-admin__card{background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;transition:all .3s ease;position:relative}.kegiatan-admin__card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#00d4ff,transparent)}.kegiatan-admin__card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00d4ff33;border-color:#00d4ff4d}.kegiatan-admin__card-image{width:100%;height:200px;overflow:hidden;position:relative}.kegiatan-admin__card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.kegiatan-admin__card:hover .kegiatan-admin__card-image img{transform:scale(1.05)}.kegiatan-admin__card-content{padding:1.5rem}.kegiatan-admin__card-title{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:#fff;line-height:1.3}.kegiatan-admin__card-category{display:inline-block;background:linear-gradient(45deg,#00d4ff,#f0f);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.kegiatan-admin__card-date,.kegiatan-admin__card-location{color:#fffc;font-size:.9rem;margin:.25rem 0}.kegiatan-admin__status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;margin:1rem 0;text-transform:capitalize}.kegiatan-admin__status--active{background:#2ed57333;color:#2ed573;border:1px solid #2ed573}.kegiatan-admin__status--inactive{background:#ff9f4333;color:#ff9f43;border:1px solid #ff9f43}.kegiatan-admin__status--completed{background:#74b9ff33;color:#74b9ff;border:1px solid #74b9ff}.kegiatan-admin__status--cancelled{background:#ff475733;color:#ff4757;border:1px solid #ff4757}.kegiatan-admin__card-actions{display:flex;gap:.5rem;margin-top:1rem}.kegiatan-admin__card-actions .kegiatan-admin__btn{flex:1;padding:8px 16px;font-size:.85rem}.kegiatan-admin__modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.kegiatan-admin__modal{background:#1a1a2ef2;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative}.kegiatan-admin__modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 0;margin-bottom:1rem}.kegiatan-admin__modal-header h2{font-size:1.8rem;font-weight:700;color:#fff;margin:0}.kegiatan-admin__modal-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.kegiatan-admin__modal-close:hover{background:#ff475733;color:#ff4757}.kegiatan-admin__form{padding:0 2rem 2rem}.kegiatan-admin__form-group{margin-bottom:1.5rem}.kegiatan-admin__form-group label{display:block;margin-bottom:.5rem;color:#fff;font-weight:600;font-size:.95rem}.kegiatan-admin__form-group input,.kegiatan-admin__form-group select,.kegiatan-admin__form-group textarea{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;color:#fff;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kegiatan-admin__form-group input:focus,.kegiatan-admin__form-group select:focus,.kegiatan-admin__form-group textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33;background:#ffffff14}.kegiatan-admin__form-group input::placeholder,.kegiatan-admin__form-group textarea::placeholder{color:#ffffff80}.kegiatan-admin__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.kegiatan-admin__image-preview{margin-top:1rem;width:120px;height:120px;border-radius:12px;overflow:hidden;border:2px solid rgba(0,212,255,.3)}.kegiatan-admin__image-preview img{width:100%;height:100%;object-fit:cover}.kegiatan-admin__speakers-section{background:#ffffff08;border-radius:12px;padding:1.5rem;margin:1.5rem 0;border:1px solid rgba(255,255,255,.1)}.kegiatan-admin__speakers-section h3{color:#00d4ff;margin:0 0 1rem;font-size:1.2rem}.kegiatan-admin__form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.kegiatan-admin__container{padding:1rem}.kegiatan-admin__header{flex-direction:column;gap:1rem;align-items:flex-start}.kegiatan-admin__title{font-size:2rem}.kegiatan-admin__grid{grid-template-columns:1fr;gap:1rem}.kegiatan-admin__form-row{grid-template-columns:1fr}.kegiatan-admin__modal{margin:1rem;max-height:calc(100vh - 2rem)}.kegiatan-admin__modal-header,.kegiatan-admin__form{padding-left:1rem;padding-right:1rem}.kegiatan-admin__form-actions,.kegiatan-admin__card-actions{flex-direction:column}}.kegiatan-admin__modal::-webkit-scrollbar{width:8px}.kegiatan-admin__modal::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.kegiatan-admin__modal::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#00d4ff,#f0f);border-radius:4px}.kegiatan-admin__modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#f0f,#00d4ff)}.kegiatan-admin__btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.kegiatan-admin__card,.kegiatan-admin__modal,.kegiatan-admin__speakers-section{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.kegiatan-admin__form-group input:hover,.kegiatan-admin__form-group select:hover,.kegiatan-admin__form-group textarea:hover{border-color:#00d4ff80;background:#ffffff14}.kegiatan-admin__btn--primary:focus,.kegiatan-admin__form-group input:focus,.kegiatan-admin__form-group select:focus,.kegiatan-admin__form-group textarea:focus{animation:glow 2s infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px #00d4ff33,0 0 20px #00d4ff33,0 0 30px #00d4ff33}to{box-shadow:0 0 20px #00d4ff4d,0 0 30px #00d4ff4d,0 0 40px #00d4ff4d}}.kegiatan-admin__form-group input[type=file]{padding:12px;cursor:pointer;position:relative}.kegiatan-admin__form-group input[type=file]::-webkit-file-upload-button{background:linear-gradient(45deg,#00d4ff,#f0f);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;margin-right:12px;font-weight:600;transition:all .3s ease}.kegiatan-admin__form-group input[type=file]::-webkit-file-upload-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00d4ff4d}.kegiatan-admin__form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300d4ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}*{box-sizing:border-box}.kegiatan-admin *{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (prefers-contrast: high){.kegiatan-admin__card,.kegiatan-admin__modal{border-width:2px;border-color:#fff}.kegiatan-admin__btn{border:2px solid currentColor}}.biaya-admin{max-width:1800px;margin-top:70px;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff}.biaya-admin__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px #1f26875e}.biaya-admin__title{margin:0;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#a8edea);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.biaya-admin__btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003}.biaya-admin__btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.biaya-admin__btn:hover:before{left:100%}.biaya-admin__btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.biaya-admin__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.biaya-admin__btn--secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.biaya-admin__btn--secondary:hover{background:#fff3;transform:translateY(-1px)}.biaya-admin__btn--small{padding:.5rem 1rem;font-size:.85rem}.biaya-admin__btn--edit{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.biaya-admin__btn--edit:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4facfe66}.biaya-admin__btn--delete{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#333}.biaya-admin__btn--delete:hover{transform:translateY(-1px);box-shadow:0 6px 20px #fcb69f66}.biaya-admin__btn--danger{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#333}.biaya-admin__btn--danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff9a9e66}.biaya-admin__btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.biaya-admin__message{padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);animation:slideIn .3s ease-out}.biaya-admin__message--error{background:#ff6b6b33;color:#ffcccb;border-color:#ff6b6b4d}.biaya-admin__message--success{background:#48bb7833;color:#c6f6d5;border-color:#48bb784d}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.biaya-admin__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.biaya-admin__stat-card{padding:1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;text-align:center;box-shadow:0 8px 32px #1f26875e;transition:transform .3s ease}.biaya-admin__stat-card:hover{transform:translateY(-5px)}.biaya-admin__stat-card h3{margin:0 0 .5rem;font-size:.9rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.biaya-admin__stat-number{font-size:2.5rem;font-weight:700;display:block}.biaya-admin__stat-number--active{color:#68d391}.biaya-admin__stat-number--inactive{color:#fc8181}.biaya-admin__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;margin-bottom:2rem}.biaya-admin__filter-select,.biaya-admin__filter-input{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.biaya-admin__filter-select:focus,.biaya-admin__filter-input:focus{outline:none;border-color:#667eeacc;box-shadow:0 0 0 3px #667eea33}.biaya-admin__filter-select option{background:#1a202c;color:#fff}.biaya-admin__filter-input::placeholder{color:#fff9}.biaya-admin__loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#fffc;font-size:1.1rem}.biaya-admin__spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.biaya-admin__table-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;overflow:hidden;margin-bottom:2rem;box-shadow:0 8px 32px #1f26875e}.biaya-admin__table{width:100%;border-collapse:collapse;font-size:.9rem}.biaya-admin__table th{background:#ffffff1a;padding:1rem;text-align:left;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.1)}.biaya-admin__table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .2s ease}.biaya-admin__table tr:hover td{background:#ffffff0d}.biaya-admin__table tr:last-child td{border-bottom:none}.biaya-admin__badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.biaya-admin__badge--transisi{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.biaya-admin__badge--murni{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.biaya-admin__status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.biaya-admin__status--active{background:#48bb7833;color:#68d391;border:1px solid rgba(72,187,120,.3)}.biaya-admin__status--inactive{background:#ff6b6b33;color:#fc8181;border:1px solid rgba(255,107,107,.3)}.biaya-admin__total-biaya{font-weight:700;color:#4fd1c7}.biaya-admin__actions{display:flex;gap:.5rem;flex-wrap:wrap}.biaya-admin__pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;color:#fffc}.biaya-admin__pagination-controls{display:flex;align-items:center;gap:1rem}.biaya-admin__modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.biaya-admin__modal{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:0;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.biaya-admin__modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:2rem}.biaya-admin__modal-header h2{margin:0;font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#fff,#a8edea);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.biaya-admin__modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.biaya-admin__modal-close:hover{background:#fff3;transform:rotate(90deg)}.biaya-admin__form{padding:0 2rem 2rem}.biaya-admin__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.biaya-admin__form-group{display:flex;flex-direction:column}.biaya-admin__form-group label{margin-bottom:.5rem;font-weight:600;color:#ffffffe6;font-size:.9rem}.biaya-admin__form-control{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.biaya-admin__form-control:focus{outline:none;border-color:#667eeacc;box-shadow:0 0 0 3px #667eea33;background:#ffffff26}.biaya-admin__form-control::placeholder{color:#fff9}.biaya-admin__form-control option{background:#1a202c;color:#fff}.biaya-admin__form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 1024px){.biaya-admin{padding:1rem}.biaya-admin__title{font-size:2rem}.biaya-admin__table-container{overflow-x:auto}.biaya-admin__modal{width:95%;margin:1rem}.biaya-admin__form-row{grid-template-columns:1fr}}@media (max-width: 768px){.biaya-admin__header{flex-direction:column;gap:1rem;text-align:center}.biaya-admin__filters{grid-template-columns:1fr}.biaya-admin__stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.biaya-admin__pagination{flex-direction:column;gap:1rem}.biaya-admin__actions{flex-direction:column}.biaya-admin__modal-header{padding:1.5rem 1.5rem 0}.biaya-admin__form{padding:0 1.5rem 1.5rem}}@media (max-width: 480px){.biaya-admin{padding:.5rem}.biaya-admin__title{font-size:1.5rem}.biaya-admin__table th,.biaya-admin__table td{padding:.5rem;font-size:.8rem}.biaya-admin__modal{width:98%;margin:.5rem}}@media (prefers-color-scheme: dark){.biaya-admin__form-control option,.biaya-admin__filter-select option{background:#2d3748;color:#fff}}@media (prefers-contrast: high){.biaya-admin__btn{border:2px solid currentColor}.biaya-admin__form-control,.biaya-admin__table th,.biaya-admin__table td{border-width:2px}}@media (prefers-reduced-motion: reduce){.biaya-admin__btn,.biaya-admin__modal,.biaya-admin__spinner,.biaya-admin__stat-card{animation:none;transition:none}.biaya-admin__btn:hover,.biaya-admin__stat-card:hover{transform:none}}.persyaratan-admin{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0c0c0c,#1a1a1a);min-height:100vh;padding:20px;color:#fff}.persyaratan-container{max-width:1200px;margin:0 auto;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:30px;box-shadow:0 25px 50px #0000004d}.persyaratan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.persyaratan-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#00d4ff,#7b68ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 0 30px rgba(0,212,255,.3)}.persyaratan-btn{padding:12px 24px;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.persyaratan-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.persyaratan-btn:hover:before{left:100%}.persyaratan-btn-primary{background:linear-gradient(135deg,#00d4ff,#7b68ee);color:#fff;box-shadow:0 8px 25px #00d4ff4d}.persyaratan-btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 35px #00d4ff66}.persyaratan-btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.persyaratan-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.persyaratan-btn-edit{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff;padding:8px 16px;font-size:.85rem;margin-right:8px}.persyaratan-btn-edit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffa72666}.persyaratan-btn-delete{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;padding:8px 16px;font-size:.85rem}.persyaratan-btn-delete:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f4433666}.persyaratan-alert{padding:16px 20px;border-radius:12px;margin-bottom:20px;font-weight:500;animation:slideIn .3s ease-out}.persyaratan-alert-error{background:linear-gradient(135deg,#f4433633,#d32f2f33);border:1px solid rgba(244,67,54,.3);color:#ff6b6b}.persyaratan-alert-success{background:linear-gradient(135deg,#4caf5033,#388e3c33);border:1px solid rgba(76,175,80,.3);color:#4caf50}.persyaratan-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.persyaratan-modal-content{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;width:90%;max-width:500px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp .3s ease-out}.persyaratan-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.persyaratan-modal-header h2{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.persyaratan-modal-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.persyaratan-modal-close:hover{background:#ffffff1a;transform:rotate(90deg)}.persyaratan-form{display:flex;flex-direction:column;gap:20px}.persyaratan-form-group{display:flex;flex-direction:column;gap:8px}.persyaratan-label{color:#fff;font-weight:600;font-size:.95rem}.persyaratan-textarea{padding:15px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;color:#fff;font-size:1rem;font-family:inherit;resize:vertical;transition:all .3s ease}.persyaratan-textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33;background:#ffffff14}.persyaratan-textarea::placeholder{color:#ffffff80}.persyaratan-form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:10px}.persyaratan-table-container{margin-top:30px}.persyaratan-table{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:15px;overflow:hidden}.persyaratan-table-header{display:grid;grid-template-columns:80px 1fr 200px;background:linear-gradient(135deg,#00d4ff1a,#7b68ee1a);border-bottom:1px solid rgba(255,255,255,.1)}.persyaratan-table-row{display:grid;grid-template-columns:80px 1fr 200px;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.persyaratan-table-row:hover{background:#ffffff08;transform:translate(5px)}.persyaratan-table-row:last-child{border-bottom:none}.persyaratan-table-cell{padding:20px;display:flex;align-items:center;color:#fff;font-size:.95rem}.persyaratan-table-header .persyaratan-table-cell{font-weight:700;color:#00d4ff;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.persyaratan-content{line-height:1.5;word-break:break-word}.persyaratan-actions{display:flex;gap:10px}.persyaratan-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fff}.persyaratan-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #00d4ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.persyaratan-empty{text-align:center;padding:60px 20px;color:#fff9;font-size:1.1rem}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.persyaratan-admin{padding:15px}.persyaratan-container{padding:20px}.persyaratan-header{flex-direction:column;gap:20px;align-items:stretch}.persyaratan-title{font-size:2rem;text-align:center}.persyaratan-table-header,.persyaratan-table-row{grid-template-columns:60px 1fr 140px}.persyaratan-table-cell{padding:15px 10px;font-size:.9rem}.persyaratan-actions{flex-direction:column;gap:5px}.persyaratan-btn-edit,.persyaratan-btn-delete{padding:6px 12px;font-size:.8rem;margin:0}.persyaratan-modal-content{width:95%;margin:20px;padding:20px}.persyaratan-form-actions{flex-direction:column;gap:10px}}@media (max-width: 480px){.persyaratan-table-header,.persyaratan-table-row{grid-template-columns:1fr;gap:0}.persyaratan-table-cell{padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.05)}.persyaratan-table-header .persyaratan-table-cell{display:none}.persyaratan-table-row .persyaratan-table-cell:first-child{font-weight:600;color:#00d4ff;font-size:.85rem}.persyaratan-table-row .persyaratan-table-cell:first-child:before{content:"ID: "}.persyaratan-actions{flex-direction:row;justify-content:center;margin-top:10px}}.alumni-admin{min-height:100vh;background:linear-gradient(135deg,#0c0e27,#1a1b3a,#2d1b69);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:2rem 0}.alumni-admin__container{max-width:1400px;margin:0 auto;padding:0 1rem}.alumni-admin__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.alumni-admin__title{font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(102,126,234,.3)}.alumni-admin__btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.alumni-admin__btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.alumni-admin__btn:hover:before{left:100%}.alumni-admin__btn:disabled{opacity:.5;cursor:not-allowed}.alumni-admin__btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.alumni-admin__btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.alumni-admin__btn--secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alumni-admin__btn--secondary:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.alumni-admin__btn--danger{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;box-shadow:0 4px 15px #ff6b6b66}.alumni-admin__btn--danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99}.alumni-admin__message{padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;animation:slideInDown .3s ease-out}.alumni-admin__message--success{background:#48bb7833;color:#68d391;border-color:#48bb784d}.alumni-admin__message--error{background:#f5656533;color:#fc8181;border-color:#f565654d}.alumni-admin__loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#a0aec0;font-size:1.1rem}.alumni-admin__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.alumni-admin__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.alumni-admin__card{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;position:relative;overflow:hidden}.alumni-admin__card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.alumni-admin__card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d;border-color:#fff3}.alumni-admin__card:hover:before{transform:scaleX(1)}.alumni-admin__card-image{width:100%;height:200px;border-radius:15px;overflow:hidden;margin-bottom:1rem;position:relative}.alumni-admin__card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.alumni-admin__card:hover .alumni-admin__card-image img{transform:scale(1.05)}.alumni-admin__card-placeholder{width:100%;height:100%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#a0aec0;font-weight:500;border:2px dashed rgba(255,255,255,.2);border-radius:15px}.alumni-admin__card-content{margin-bottom:1.5rem}.alumni-admin__card-name{font-size:1.3rem;font-weight:700;margin:0 0 .5rem;color:#fff}.alumni-admin__card-prodi{color:#667eea;font-weight:600;margin:0 0 .25rem}.alumni-admin__card-year{color:#a0aec0;font-size:.9rem;margin:0 0 .5rem}.alumni-admin__card-position{color:#e2e8f0;font-weight:500;margin:0 0 .75rem}.alumni-admin__card-quote{color:#cbd5e0;font-style:italic;font-size:.9rem;line-height:1.5;margin:0;padding:.75rem;background:#ffffff0d;border-radius:10px;border-left:3px solid #667eea}.alumni-admin__card-actions{display:flex;gap:1rem}.alumni-admin__card-actions .alumni-admin__btn{flex:1;padding:.6rem 1rem;font-size:.85rem}.alumni-admin__empty{text-align:center;padding:4rem 2rem;color:#a0aec0}.alumni-admin__empty h3{font-size:1.5rem;margin-bottom:1rem;color:#e2e8f0}.alumni-admin__modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.alumni-admin__modal{background:#1c1c2ef2;border:1px solid rgba(255,255,255,.12);border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideInUp .3s ease-out;box-shadow:0 25px 50px #00000080}.alumni-admin__modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.alumni-admin__modal-header h2{margin:0;color:#fff;font-size:1.5rem;font-weight:700}.alumni-admin__modal-close{background:none;border:none;font-size:2rem;color:#a0aec0;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.alumni-admin__modal-close:hover{background:#ffffff1a;color:#fff}.alumni-admin__form{padding:2rem}.alumni-admin__form-group{margin-bottom:1.5rem}.alumni-admin__form-label{display:block;margin-bottom:.5rem;color:#e2e8f0;font-weight:600;font-size:.9rem}.alumni-admin__form-input,.alumni-admin__form-textarea{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff14;color:#fff;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.alumni-admin__form-input:focus,.alumni-admin__form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33;background:#ffffff1f}.alumni-admin__form-input::placeholder,.alumni-admin__form-textarea::placeholder{color:#a0aec0}.alumni-admin__form-textarea{resize:vertical;min-height:100px}.alumni-admin__form-file{padding:.5rem;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:12px;color:#e2e8f0;cursor:pointer;transition:all .3s ease}.alumni-admin__form-file:hover{border-color:#667eea;background:#667eea1a}.alumni-admin__image-preview{margin-top:1rem;text-align:center}.alumni-admin__image-preview img{max-width:200px;max-height:200px;border-radius:12px;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.alumni-admin__form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.alumni-admin{padding:1rem 0}.alumni-admin__container{padding:0 .5rem}.alumni-admin__header{flex-direction:column;gap:1rem;align-items:stretch}.alumni-admin__title{font-size:2rem;text-align:center}.alumni-admin__grid{grid-template-columns:1fr;gap:1.5rem}.alumni-admin__card-actions{flex-direction:column}.alumni-admin__modal{width:95%;margin:1rem}.alumni-admin__modal-header,.alumni-admin__form{padding:1.5rem}.alumni-admin__form-actions{flex-direction:column-reverse}}@media (max-width: 480px){.alumni-admin__title{font-size:1.75rem}.alumni-admin__card{padding:1rem}.alumni-admin__card-image{height:150px}}.kontak-admin-container{background:linear-gradient(135deg,#0f0f0f,#1a1a2e,#16213e);min-height:100vh;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;position:relative;overflow-x:hidden}.kontak-admin-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0%,transparent 50%);pointer-events:none;z-index:1}.kontak-admin-container>*{position:relative;z-index:2}.kontak-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:2rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.kontak-admin-title{font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#00d4ff,#ff0080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,212,255,.3)}.kontak-admin-btn{padding:.875rem 2rem;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kontak-admin-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.kontak-admin-btn:hover:before{left:100%}.kontak-admin-btn-primary{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff;box-shadow:0 8px 25px #00d4ff4d}.kontak-admin-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #00d4ff66}.kontak-admin-btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.kontak-admin-btn-secondary:hover{background:#fff3;transform:translateY(-1px)}.kontak-admin-btn-danger{background:linear-gradient(135deg,#ff0080,#c06);color:#fff;box-shadow:0 8px 25px #ff00804d}.kontak-admin-btn-danger:hover{transform:translateY(-2px);box-shadow:0 12px 35px #ff008066}.kontak-admin-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.kontak-admin-loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem;font-size:1.1rem;color:#00d4ff}.kontak-admin-spinner{width:40px;height:40px;border:3px solid rgba(0,212,255,.3);border-top:3px solid #00d4ff;border-radius:50%;animation:kontakAdminSpin 1s linear infinite}@keyframes kontakAdminSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kontak-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.kontak-admin-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.kontak-admin-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00d4ff1a,#ff00801a);opacity:0;transition:opacity .3s ease}.kontak-admin-card:hover:before{opacity:1}.kontak-admin-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a}.kontak-admin-card>*{position:relative;z-index:1}.kontak-admin-card-image{width:100%;height:200px;border-radius:15px;overflow:hidden;margin-bottom:1rem;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center}.kontak-admin-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.kontak-admin-card:hover .kontak-admin-card-image img{transform:scale(1.05)}.kontak-admin-no-image{color:#ffffff80;font-size:.9rem;text-align:center}.kontak-admin-card-content h3{font-size:1.3rem;font-weight:700;margin:0 0 .5rem;color:#fff}.kontak-admin-jabatan{color:#00d4ff;font-weight:600;font-size:.95rem;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.kontak-admin-nomor,.kontak-admin-whatsapp{color:#fffc;font-size:.9rem;margin:.5rem 0;display:flex;align-items:center;gap:.5rem}.kontak-admin-card-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.kontak-admin-card-actions .kontak-admin-btn{flex:1;padding:.75rem 1rem;font-size:.85rem}.kontak-admin-empty{text-align:center;padding:4rem 2rem;color:#fff9;font-size:1.1rem}.kontak-admin-empty p{margin:0;padding:2rem;background:#ffffff0d;border-radius:15px;border:1px dashed rgba(255,255,255,.2)}.kontak-admin-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.kontak-admin-modal{background:#1a1a2ef2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:25px;border:1px solid rgba(255,255,255,.1);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff0d}.kontak-admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.kontak-admin-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.kontak-admin-modal-close{background:none;border:none;font-size:2rem;color:#fff9;cursor:pointer;padding:0;line-height:1;transition:color .3s ease}.kontak-admin-modal-close:hover{color:#ff0080}.kontak-admin-form{padding:2rem}.kontak-admin-form-group{margin-bottom:1.5rem}.kontak-admin-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#fff;font-size:.95rem}.kontak-admin-form-group input{width:100%;padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;color:#fff;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.kontak-admin-form-group input:focus{outline:none;border-color:#00d4ff;background:#ffffff1a;box-shadow:0 0 0 3px #00d4ff33}.kontak-admin-form-group input::placeholder{color:#ffffff80}.kontak-admin-form-group input[type=file]{padding:.75rem;cursor:pointer}.kontak-admin-preview{margin-top:1rem;text-align:center}.kontak-admin-preview img{max-width:200px;max-height:200px;border-radius:12px;border:1px solid rgba(255,255,255,.2);object-fit:cover}.kontak-admin-form-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.kontak-admin-form-actions .kontak-admin-btn{flex:1}@media (max-width: 768px){.kontak-admin-container{padding:1rem}.kontak-admin-header{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem}.kontak-admin-title{font-size:2rem}.kontak-admin-grid{grid-template-columns:1fr;gap:1.5rem}.kontak-admin-card-actions{flex-direction:column}.kontak-admin-modal{margin:1rem;max-width:none}.kontak-admin-form{padding:1.5rem}.kontak-admin-form-actions{flex-direction:column}}@media (max-width: 480px){.kontak-admin-container{padding:.5rem}.kontak-admin-header{padding:1rem}.kontak-admin-title{font-size:1.75rem}.kontak-admin-card,.kontak-admin-modal-header,.kontak-admin-form{padding:1rem}}.kontak-admin-container ::-webkit-scrollbar{width:8px}.kontak-admin-container ::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.kontak-admin-container ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#ff0080);border-radius:4px}.kontak-admin-container ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#09c,#c06)}