.header{width:100%;height:70px;background-color:#f3e5c7;display:flex;align-items:center;padding-left:30px;position:sticky;top:0;z-index:1000}.header-left{display:flex;align-items:center}.logo{width:50px;height:50px;margin-right:12px}.header-text{display:flex;flex-direction:column;line-height:1.1}.text-top{font-size:15px;font-weight:700;color:#5b3a1a;font-family:Prototype,sans-serif}.text-bottom{font-size:18px;font-weight:700;color:#5b3a1a;font-family:Prototype,sans-serif}.header-divider{width:100%;height:6px;background:#320e00;position:sticky;top:70px;z-index:999}.footer{width:100%;color:#fff;background:linear-gradient(135deg,#320e00,#4d1e0b,#a84000);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.footer-logo{width:70px;margin-bottom:10px}.campus-name{font-family:Prototype,sans-serif;font-size:20px;margin-bottom:15px}.location{display:flex;align-items:center;gap:8px}.location-icon{width:18px}.footer{width:100%;color:#fff;background:linear-gradient(135deg,#320e00,#4d1e0b,#a84000);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center;margin-top:auto}.footer-logo{width:80px;margin-bottom:15px}.campus-name{font-family:Prototype,sans-serif;font-size:22px;margin-bottom:10px;letter-spacing:1px}.location{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.location-text{font-size:14px;opacity:.9}@media(max-width:768px){.footer{padding:40px 15px}.footer-logo{width:65px}.campus-name{font-size:18px}.location-text{font-size:13px}}.tentang-container{width:100%;overflow-x:hidden}.fade-up{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}.hero{position:relative;width:100%;height:400px}.hero-img{width:100%;height:100%;object-fit:cover}.hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center}.hero-text h1{font-size:48px;font-weight:700;color:#461e00}.section{padding:60px 10%}.white{background:#fff}.gray{background:#f5f5f5}.content-row{display:flex;align-items:center;justify-content:space-between;gap:40px}.content-row.reverse{flex-direction:row-reverse}.text{flex:1}.text h2{margin-bottom:15px;font-size:30px}.text p{font-size:15px;line-height:1.6}.image{flex:1}.image img{width:100%;border-radius:10px;object-fit:cover}.content-center{text-align:center;max-width:700px;margin:auto}.content-center p{margin-bottom:25px}.btn-download{background:#8b5e3c;color:#fff;padding:12px 25px;border-radius:8px;text-decoration:none;transition:.3s}.btn-download:hover{background:#6f472d}@media(max-width:768px){.content-row{flex-direction:column}.hero-text h1{font-size:28px}}.navhome{width:100%;height:60px;background:#461e00;display:flex;align-items:center;justify-content:space-between;padding:0 25px;color:#fff;position:sticky;top:76px;z-index:998;animation:fadeDown .6s ease forwards}.navhome-menu-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;border-radius:10px;transition:all .3s ease;background:#ffffff14}.navhome-menu-btn:hover{background:#ffffff26;transform:scale(1.05)}.navhome-title{font-size:18px;font-weight:700;letter-spacing:1px}.nav-icon{font-size:15px}.sidebar{position:fixed;top:0;left:-260px;width:260px;height:100vh;background:#461e00;transition:left .35s cubic-bezier(.22,1,.36,1);z-index:1001;padding-top:20px;overflow:hidden;box-shadow:4px 0 20px #0000004d}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px 20px;color:#fff;font-weight:700;font-size:20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:10px}.close-btn{background:none;border:none;font-size:22px;color:#fff;cursor:pointer;transition:all .3s ease}.close-btn:hover{transform:rotate(90deg) scale(1.1)}.sidebar-menu a{display:flex;align-items:center;gap:12px;padding:15px 20px;text-decoration:none;color:#fff;font-weight:700;font-size:15px;transition:all .3s ease;border-left:3px solid transparent}.sidebar-menu a:hover{background:#ffffff14;border-left:3px solid #f3e5c7;color:#f3e5c7;padding-left:25px}html,body,#root{height:100%;margin:0;padding:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.home-container{height:100vh;width:100%;background:radial-gradient(circle at center,#ffffff40 45%,#00000040),url(/assets/bg-Da-2kv4W.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;text-align:center}.home-content{display:flex;flex-direction:column;align-items:center;padding:0 20px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-sicp{width:200px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4));opacity:0;animation:fadeSlideUp .8s ease forwards;animation-delay:.2s}.subtitle{font-size:22px;color:#461e00;margin-top:10px;margin-bottom:14px;opacity:0;animation:fadeSlideUp .8s ease forwards;animation-delay:.4s}.description{font-size:14px;font-weight:700;color:#5a2805;margin-bottom:25px;line-height:1.3;opacity:0;animation:fadeSlideUp .8s ease forwards;animation-delay:.6s}.desc-sub{font-size:13px;margin-top:3px}.button-group{display:flex;gap:20px;opacity:0;animation:fadeSlideUp .8s ease forwards;animation-delay:.8s}.btn{width:210px;padding:12px 0;font-size:16px;border-radius:30px;font-weight:700;cursor:pointer;border:2px solid rgb(93,45,0);transition:.3s}.login-btn{background-color:#5d2d00;color:#fff}.tentang-btn{background-color:#fff;color:#5d2d00}.btn:hover{background-color:#461e00;color:#fff;transform:translateY(-4px) scale(1.05)}.berita-section{padding:60px 40px;background:#f5f5f5}.berita-header{width:100%;background:#461e00;padding:18px 0;margin-bottom:30px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #0003}.berita-title{color:#fff;font-size:22px;font-weight:700;letter-spacing:1px}.berita-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;height:500px}.berita-kiri{position:relative;border-radius:15px;overflow:hidden}.berita-kiri img{width:100%;height:100%;object-fit:cover}.headline-box{position:absolute;bottom:20px;left:20px;right:20px;padding:15px 18px;border-radius:12px;background:#461e00;color:#fff;box-shadow:0 8px 20px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.3s}.berita-kiri:hover .headline-box{transform:translateY(-3px)}.kategori-headline{font-size:12px;font-weight:700;color:#ffea00;display:block;margin-bottom:5px}.headline-box p{font-size:18px;font-weight:700;line-height:1.3}.berita-kanan{display:flex;flex-direction:column;gap:15px;overflow-y:auto;padding-right:5px}.berita-item{display:flex;gap:10px;background:#fff;border-radius:10px;padding:8px;flex-shrink:0;transition:.3s}.berita-item img{width:90px;height:70px;object-fit:cover;border-radius:8px}.berita-text{display:flex;flex-direction:column;justify-content:center}.kategori{font-size:11px;color:#461e00;font-weight:700}.berita-text p{font-size:13px;color:#333}.berita-item:hover{background:#eaeaea;cursor:pointer}.berita-kanan::-webkit-scrollbar{width:5px}.berita-kanan::-webkit-scrollbar-thumb{background:#5d2d00;border-radius:10px}@media(max-width:768px){.home-container{height:auto;padding:80px 0 50px}.logo-sicp{width:130px}.subtitle{font-size:18px}.description{font-size:13px}.button-group{flex-direction:column;width:100%;gap:12px}.btn{width:100%;max-width:260px}.berita-section{padding:40px 15px}.berita-title{font-size:18px}.berita-grid{grid-template-columns:1fr;height:auto;gap:15px}.berita-kiri{height:200px}.headline-box p{font-size:14px}.berita-kanan{max-height:none;overflow:visible}.berita-item{padding:10px}.berita-item img{width:80px;height:65px}.berita-text p{font-size:12px}}@media(max-width:480px){.logo-sicp{width:110px}.subtitle{font-size:16px}.description{font-size:12px}.headline-box{padding:10px}.headline-box p{font-size:13px}}.reveal{opacity:0;transform:translateY(40px);transition:all .8s ease}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{transform:translate(-50px)}.reveal-right{transform:translate(50px)}.reveal.active.reveal-left,.reveal.active.reveal-right{transform:translate(0)}.icon-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5d2d00,#8c460a);border-radius:inherit}.icon-placeholder--full{width:100%;height:100%}.icon-placeholder--thumb{width:90px;height:70px;border-radius:8px;flex-shrink:0}.icon-placeholder span{font-size:48px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.icon-placeholder--thumb span{font-size:28px}.berita-loading{text-align:center;padding:60px 20px;color:#5d2d00;font-size:16px;font-weight:500}.login-container{height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.login-box{background-color:#fff;padding:40px 35px;border-radius:10px;box-shadow:0 5px 15px #0003;text-align:center;width:320px;will-change:transform,opacity}.login-logo{width:70px;margin-bottom:10px}.campus-title{font-family:Prototype,sans-serif;font-size:20px;color:#5b3a1a;margin-bottom:25px}.login-form{display:flex;flex-direction:column}.input-field{padding:12px;margin-bottom:15px;border-radius:6px;border:1px solid #ccc;font-size:14px}.login-button{padding:12px;border:none;border-radius:6px;background-color:#5b3a1a;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:.3s;transform-style:preserve-3d}.login-button:hover{background-color:#3e2713}.input-wrapper{position:relative;margin-bottom:15px}.input-wrapper .input-field{margin-bottom:0;width:100%;padding-right:50px;box-sizing:border-box}.toggle-pw{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:6px;cursor:pointer;color:#8a7a66;display:flex;align-items:center;font-size:16px;transition:color .2s}.toggle-pw:hover{color:#5b3a1a}.login-button.flip{animation:flipBtn .6s ease}@keyframes flipBtn{0%{transform:perspective(500px) rotateX(0)}50%{transform:perspective(500px) rotateX(90deg)}to{transform:perspective(500px) rotateX(0)}}.dashboard-container{width:90%;max-width:1300px;margin:40px auto;padding:20px;font-family:Segoe UI,Arial,sans-serif;color:#000;background:transparent;box-shadow:none;border-radius:0;animation:fadeInUp .6s ease-out}.header-box{margin-bottom:35px;padding:28px 34px;border-radius:20px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #00000014}.header-box h1{font-size:32px;font-weight:700;margin:0 0 10px;color:#111;line-height:1.3;letter-spacing:-.3px}.header-box span{color:#5b3a1a;font-weight:800}.header-box p{font-size:15px;font-weight:500;color:#444;line-height:1.6;max-width:700px;margin:0}.rank-wrapper{border-radius:20px;overflow:hidden;margin-bottom:35px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.dashboard-container{width:94%;padding:15px}.header-box{padding:24px 26px}.header-box h1{font-size:28px}.header-box p{font-size:14px}}@media(max-width:768px){.dashboard-container{width:95%;margin-top:20px;padding:10px}.header-box{padding:20px 18px;border-radius:16px;margin-bottom:24px}.header-box h1{font-size:22px;font-weight:700;line-height:1.4}.header-box span{display:inline}.header-box p{font-size:13px;line-height:1.6}}.navmahasiswa{width:100%;height:60px;background:#461e00;display:flex;align-items:center;justify-content:space-between;padding:0 25px;color:#fff;position:sticky;top:76px;z-index:998;animation:fadeDown .6s ease forwards}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.navmahasiswa-menu-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;border-radius:10px;background:#ffffff14;transition:all .3s ease}.navmahasiswa-menu-btn:hover{background:#ffffff26;transform:scale(1.05)}.nav-profile{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;transition:all .3s ease}.nav-profile:hover{transform:translateY(-2px);color:#f3e5c7}.profile-img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #f3e5c7}.profile-name{font-size:14px;font-weight:700}.profile-icon-mobile{display:none}.sidebar{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:#461e00;transition:left .35s cubic-bezier(.22,1,.36,1);z-index:1001;overflow-y:auto;padding-top:20px;box-shadow:4px 0 20px #0000004d}.sidebar.active{left:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px 20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:15px}.sidebar-header span{font-size:20px;font-weight:700;color:#fff}.close-btn{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;transition:all .3s ease}.close-btn:hover{transform:rotate(90deg)}.sidebar-profile{display:flex;align-items:center;gap:12px;padding:0 20px 20px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px}.sidebar-profile-img{width:55px;height:55px;border-radius:50%;object-fit:cover;border:2px solid #f3e5c7}.sidebar-profile-name{font-size:15px;font-weight:700;color:#fff}.sidebar-profile-role{font-size:12px;color:#f3e5c7;margin-top:2px}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu li{opacity:0;transform:translate(-20px);animation:slideIn .4s ease forwards}.sidebar.active .sidebar-menu li:nth-child(1){animation-delay:.1s}.sidebar.active .sidebar-menu li:nth-child(2){animation-delay:.2s}.sidebar.active .sidebar-menu li:nth-child(3){animation-delay:.3s}.sidebar.active .sidebar-menu li:nth-child(4){animation-delay:.4s}.sidebar.active .sidebar-menu li:nth-child(5){animation-delay:.5s}.sidebar.active .sidebar-menu li:nth-child(6){animation-delay:.6s}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.sidebar-menu a{display:flex;align-items:center;gap:12px;padding:15px 20px;text-decoration:none;color:#fff;font-size:14px;font-weight:700;transition:all .3s ease;border-left:3px solid transparent}.sidebar-menu a:hover{background:#ffffff14;border-left:3px solid #f3e5c7;padding-left:25px;color:#f3e5c7}.sidebar-point{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;cursor:pointer;color:#fff;font-size:14px;font-weight:700;transition:all .3s ease}.sidebar-point:hover{background:#ffffff14;color:#f3e5c7}.sidebar-point-left{display:flex;align-items:center;gap:12px}.nav-icon{font-size:14px}.dropdown-icon-mobile{font-size:12px;transition:transform .3s ease}.dropdown-icon-mobile.rotate{transform:rotate(180deg)}.sidebar-submenu{display:flex;flex-direction:column;padding-left:18px;max-height:0;overflow:hidden;opacity:0;transform:translateY(-5px);transition:all .3s ease}.sidebar-submenu.show{max-height:500px;opacity:1;transform:translateY(0)}.sidebar-submenu a{font-size:13px;padding:12px 20px;font-weight:500}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000059;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.active{opacity:1;visibility:visible}@media(max-width:768px){.profile-name{display:none}.profile-icon-mobile{display:block;font-size:20px}}.profile-default-icon{width:38px;height:38px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:18px;color:#f3e5c7;border:2px solid #f3e5c7}.sidebar-profile-default-icon{width:55px;height:55px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:24px;color:#f3e5c7;border:2px solid #f3e5c7;flex-shrink:0}.profile-img-empty{width:35px;height:35px;border-radius:50%;background:#f3e5c7;color:#461e00;display:flex;align-items:center;justify-content:center;font-size:16px}.sidebar-profile-img-empty{width:55px;height:55px;border-radius:50%;background:#f3e5c7;color:#461e00;display:flex;align-items:center;justify-content:center;font-size:24px}.rank-container{background:#f5f5f5;padding:30px;border-radius:16px;text-align:center;box-shadow:0 4px 15px #00000014;overflow:visible}.rank-container h2{margin-bottom:28px;color:#5b3a1a;font-size:1.5rem;letter-spacing:.4px}.rank-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:14px;color:#888;font-size:14px}.rank-spinner{width:36px;height:36px;border:3px solid #e0d4c8;border-top-color:#5b3a1a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.leaderboard-mobile{display:none}.chart-wrapper{background:#fff;border-radius:14px;padding:70px 16px 20px;box-shadow:0 2px 10px #0000000f;overflow:visible;position:relative}.chart-scroll{overflow:visible}.chart{display:flex;justify-content:center;align-items:flex-end;gap:14px;height:240px;scroll-behavior:smooth;padding-bottom:0;overflow:visible}.bar-item{display:flex;flex-direction:column;align-items:center;width:64px;cursor:pointer;opacity:0;transform:translateY(16px);animation:barItemIn .45s cubic-bezier(.22,1,.36,1) forwards}@keyframes barItemIn{to{opacity:1;transform:translateY(0)}}.bar-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.7);box-shadow:0 2px 6px #0000002e;margin-bottom:4px}.bar-avatar img{width:100%;height:100%;object-fit:cover}.bar-avatar span{font-size:13px;font-weight:700;color:#fff;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.25)}.bar-value{font-size:11px;font-weight:700;color:#5b3a1a;margin-bottom:4px;line-height:1}.bar{width:100%;height:var(--bar-h, 0px);background:var(--bar-color, #aaa);border-radius:6px 6px 3px 3px;transform-origin:bottom center;animation:growUp .85s cubic-bezier(.34,1.4,.64,1) forwards;transition:filter .2s,transform .2s;position:relative;flex-shrink:0}.bar:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to bottom,rgba(255,255,255,.2) 0%,transparent 50%);pointer-events:none}@keyframes growUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.bar-item:hover .bar{filter:brightness(1.14) saturate(1.1);transform:scaleY(1) translateY(-6px)}.bar-name{margin-top:8px;font-size:11px;font-weight:600;color:#444;line-height:1.35;word-break:break-word;white-space:normal;text-align:center;max-width:64px;flex-shrink:0;min-height:2.7em;display:flex;align-items:flex-start;justify-content:center}.rank-empty{color:#999;font-size:14px;margin:auto;padding:60px 0}.filter-box{margin-top:24px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;background:#fafafa;padding:14px 16px;border-radius:12px;border:1px solid #ececec}.filter-box select{padding:9px 14px;border-radius:10px;border:1px solid #ddd;font-weight:600;font-size:13px;background:#fff;color:#5b3a1a;cursor:pointer;transition:border-color .2s}.filter-box select:focus{outline:none;border-color:#5b3a1a}.legenda-box{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;margin-top:18px;padding:12px 16px;background:#fff;border-radius:12px;box-shadow:0 1px 6px #0000000d}.legenda-item{display:flex;align-items:center;gap:6px}.legenda-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legenda-label{font-size:12px;font-weight:600;color:#555}.modal{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999;animation:modalFadeIn .18s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;padding:30px 28px 24px;border-radius:20px;text-align:center;width:300px;max-width:90vw;box-shadow:0 12px 40px #0000002e;position:relative;animation:modalSlideUp .25s cubic-bezier(.22,1,.36,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:12px;right:14px;background:#f1f1f1;border:none;border-radius:50%;width:28px;height:28px;font-size:13px;cursor:pointer;color:#666;transition:background .2s}.modal-close:hover{background:#e0e0e0}.modal-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 14px #00000026}.modal-avatar img{width:100%;height:100%;object-fit:cover}.modal-avatar span{font-size:1.8rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.modal-nama{font-size:1.05rem;font-weight:700;color:#2d2d2d;margin:0 0 10px;line-height:1.3}.modal-badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.badge-prodi{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;color:#fff;letter-spacing:.4px}.badge-prodi[style*="#b2bec3"]{color:#444}.badge-angkatan{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;background:#f0e9e0;color:#5b3a1a}.modal-point{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.point-value{font-size:2.2rem;font-weight:800;color:#5b3a1a;line-height:1}.point-label{font-size:12px;color:#888;margin-top:2px}.modal-moto{font-style:italic;font-size:13px;color:#666;margin-bottom:14px;padding:0 8px;line-height:1.5}.rank-info{padding:10px 14px;background:#f8f3ee;border-radius:10px;font-size:13px;font-weight:600;color:#5b3a1a;border:1px solid #ecdfc8}@media(max-width:768px){.rank-container{padding:20px 14px}.chart-wrapper{overflow:visible;padding:70px 0 20px;border-radius:12px}.chart-scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding:8px 12px 0}.chart-wrapper>.chart{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding:0 12px}.chart{justify-content:flex-start;overflow:visible;min-width:max-content;gap:10px}.bar-item{min-width:56px;width:56px}.bar-name{max-width:56px;font-size:10px;min-height:2.7em}.bar-avatar{width:30px;height:30px}.bar-avatar span{font-size:11px}.filter-box{flex-direction:column;align-items:stretch;gap:10px;padding:14px}.filter-box select{width:100%;text-align:center}.legenda-box{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:14px;text-align:left}.legenda-item{justify-content:flex-start}}@media(max-width:768px){.chart-wrapper{overflow:visible;padding:16px 12px 20px}.chart-scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding:4px 12px 0}.chart{gap:10px;padding:0 4px;min-width:max-content;height:226px}.bar-item{padding-top:4px}.bar-avatar{margin-bottom:4px}}@media(max-width:768px){.chart-wrapper{display:none}.leaderboard-mobile{display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:14px;padding:14px;box-shadow:0 2px 10px #0000000f}.leaderboard-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fafafa;border:1px solid #eee;cursor:pointer;opacity:0;transform:translate(-12px);animation:lbRowIn .4s cubic-bezier(.22,1,.36,1) forwards;transition:background .15s,transform .15s}.leaderboard-row:active{transform:scale(.98)}@keyframes lbRowIn{to{opacity:1;transform:translate(0)}}.leaderboard-row.rank-1{background:linear-gradient(90deg,#fff8ea,#fafafa);border-color:#f0d999}.leaderboard-row.rank-2{background:linear-gradient(90deg,#f5f6f7,#fafafa);border-color:#d9dde1}.leaderboard-row.rank-3{background:linear-gradient(90deg,#fdf1ea,#fafafa);border-color:#e8c4a8}.lb-rank{width:26px;flex-shrink:0;text-align:center;font-size:14px;font-weight:800;color:#5b3a1a}.lb-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 6px #00000026}.lb-avatar img{width:100%;height:100%;object-fit:cover}.lb-avatar span{font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.lb-info{flex:1;min-width:0}.lb-nama{margin:0 0 5px;font-size:12.5px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-bar-track{width:100%;height:6px;background:#ececec;border-radius:4px;overflow:hidden}.lb-bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.22,1,.36,1)}.lb-poin{flex-shrink:0;font-size:13px;font-weight:800;color:#5b3a1a;min-width:34px;text-align:right}}.section-container-kegiatan{background:#fff;padding:30px;border-radius:22px;margin-bottom:30px;box-shadow:0 5px 20px #00000014}.section-header-kegiatan{margin-bottom:25px}.section-header-kegiatan h3{font-size:28px;color:#4b2e1e;margin-bottom:8px}.section-header-kegiatan p{color:#666;line-height:1.6}.grid-kegiatan{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px}.card-kegiatan{background:#fafafa;border-radius:18px;overflow:hidden;transition:.3s;border:1px solid #eee}.card-kegiatan:hover{transform:translateY(-6px);box-shadow:0 10px 25px #0000001f}.card-img-kegiatan{width:100%;height:220px;object-fit:cover}.card-content-kegiatan{padding:22px}.card-content-kegiatan h4{font-size:22px;color:#4b2e1e;margin-bottom:12px}.card-content-kegiatan p{color:#555;line-height:1.7;margin-bottom:18px}.tanggal-kegiatan{display:flex;align-items:center;gap:10px;color:#5b3a1a;background:#f5ebe2;padding:12px;border-radius:10px;margin-bottom:20px;font-size:14px;font-weight:600}.btn-daftar-kegiatan{width:100%;padding:13px;border:none;background:#4b2e1e;color:#fff;border-radius:10px;cursor:pointer;font-weight:700;transition:.3s;font-size:15px}.btn-daftar-kegiatan:hover{background:#321d12}.btn-sudah-kegiatan{background:#198754!important}.modal-overlay-kegiatan{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.modal-form-kegiatan{background:#fff;width:100%;max-width:420px;border-radius:18px;padding:30px;display:flex;flex-direction:column;gap:14px;animation:popupKegiatan .25s ease}@keyframes popupKegiatan{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-form-kegiatan h3{color:#4b2e1e;text-align:center;margin-bottom:5px}.selected-kegiatan-box{background:#f5ebe2;color:#4b2e1e;padding:12px;border-radius:10px;text-align:center;font-weight:700}.modal-form-kegiatan input,.modal-form-kegiatan select{padding:12px;border:1px solid #ccc;border-radius:10px;outline:none}.modal-form-kegiatan input:focus,.modal-form-kegiatan select:focus{border-color:#5b3a1a}.submit-daftar-kegiatan,.close-modal-kegiatan{padding:12px;border:none;border-radius:10px;cursor:pointer;font-weight:700}.submit-daftar-kegiatan{background:#4b2e1e;color:#fff}.close-modal-kegiatan{background:#999;color:#fff}.success-box-kegiatan{text-align:center;padding:15px}.checkmark-kegiatan{font-size:70px;color:#198754;margin-bottom:15px}.error-icon-kegiatan{font-size:70px;color:#dc3545;margin-bottom:15px}.shake-kegiatan{animation:shakeKegiatan .3s}@keyframes shakeKegiatan{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-6px)}to{transform:translate(0)}}@media(max-width:768px){.section-container-kegiatan{padding:20px}.section-header-kegiatan h3{font-size:23px}.card-img-kegiatan{height:200px}.card-content-kegiatan h4{font-size:19px}}.dashboard-container{width:90%;max-width:1100px;margin:40px auto}.header-box{background:#fff;padding:20px;border-radius:12px;font-size:22px;font-weight:700;margin-bottom:25px;box-shadow:0 4px 15px #00000014}.header-box span{color:#5b3a1a}body{background:radial-gradient(circle at center,#fff3 40%,#00000040),url(/assets/bg-Da-2kv4W.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;margin:0;padding:0}.profil-container{display:flex;justify-content:center;padding:60px 20px}.profil-card{background:#fffffff2;padding:40px;border-radius:18px;box-shadow:0 10px 30px #00000026;width:100%;max-width:500px;text-align:center}.foto-container{position:relative;width:150px;margin:auto}.profil-foto{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid #5b3a1a}.edit-foto{position:absolute;bottom:0;right:0;background:#5b3a1a;color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:.3s}.edit-foto:hover{background:#6b3f28}.edit-foto input{display:none}.nama-mahasiswa{margin-top:15px;color:#5b3a1a;font-size:22px;font-weight:700}.profil-data{margin-top:30px;display:flex;flex-direction:column;gap:15px}.data-item{display:flex;flex-direction:column;text-align:left}.data-item label{font-weight:700;margin-bottom:5px;color:#4b2e1e}.data-item input{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px;transition:.3s}.data-item input:focus{outline:none;border-color:#5b3a1a}.moto-box{display:flex;gap:10px}.btn-edit{background:#5b3a1a;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:16px;transition:.3s}.btn-edit:hover{background:#6b3f28}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.popup{background:#fff;padding:25px;border-radius:12px;width:320px;text-align:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drop-area{border:2px dashed #5b3a1a;padding:20px;border-radius:10px;cursor:pointer;margin:15px 0;text-align:center}.drop-area input{display:none}.crop-container{position:relative;width:100%;height:200px;background:#333;margin-bottom:10px}.success-toast{position:fixed;bottom:20px;right:20px;background:#5b3a1a;color:#fff;padding:12px 20px;border-radius:8px}.edit-foto svg,.btn-edit svg{font-size:16px}@media(max-width:768px){.profil-container{padding:40px 15px}.profil-card{padding:30px 20px}.profil-foto{width:130px;height:130px}.nama-mahasiswa{font-size:20px}}.popup-input{width:100%;padding:10px;border-radius:8px;border:1px solid #ccc;margin:15px 0;font-size:14px;transition:.3s}.popup-input:focus{border-color:#5b3a1a;outline:none;box-shadow:0 0 5px #5b3a1a4d}.popup-btn{width:100%;padding:10px;border:none;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;transition:.3s}.popup-btn.save{background:#5b3a1a;color:#fff}.popup-btn.save:hover{background:#6b3f28}.popup-btn.cancel{background:#ccc}.popup-btn.cancel:hover{background:#aaa}.success-popup{text-align:center;animation:zoomIn .4s ease}.success-icon{color:#5b3a1a;margin-bottom:10px;animation:pop .5s ease}@keyframes zoomIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}.profil-container{animation:fadeInUp .6s ease-out}.profil-card{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .1s forwards}.foto-container{opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease-out .2s forwards}.nama-mahasiswa{opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease-out .3s forwards}.data-item{opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease-out forwards}.data-item:nth-child(1){animation-delay:.4s}.data-item:nth-child(2){animation-delay:.45s}.data-item:nth-child(3){animation-delay:.5s}.data-item:nth-child(4){animation-delay:.55s}.data-item:nth-child(5){animation-delay:.6s}.popup-overlay{animation:fadeIn .3s ease-out}.popup{animation:zoomIn .3s ease-out}.success-popup{animation:zoomIn .4s ease}.success-icon{animation:pop .5s ease}.pengajuan-container{display:flex;justify-content:center;padding:40px 20px}.pengajuan-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 5px 20px #0000001a;width:100%;max-width:600px}.pengajuan-title{text-align:center;color:#5b3a1a;margin-bottom:30px}.pengajuan-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:700}.form-group input,.form-group select,.form-group textarea{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px}.btn-ajukan{background:#5b3a1a;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:700;cursor:pointer;transition:.3s}.btn-ajukan:hover{background:#7a4d24}@media(max-width:768px){.pengajuan-card{padding:25px}}.pengajuan-container{animation:fadeInUp .6s ease-out}.pengajuan-card{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .1s forwards}.pengajuan-title{opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease-out .2s forwards}.form-group{opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease-out forwards}.form-group:nth-child(1){animation-delay:.3s}.form-group:nth-child(2){animation-delay:.35s}.form-group:nth-child(3){animation-delay:.4s}.form-group:nth-child(4){animation-delay:.45s}.form-group:nth-child(5){animation-delay:.5s}.form-group:nth-child(6){animation-delay:.55s}.btn-ajukan{opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease-out .6s forwards}.hutang-container{padding:40px;max-width:1100px;margin:auto}.hutang-title{text-align:center;margin-bottom:25px;color:#5b3a1a}.hutang-table{width:100%;border-collapse:collapse;min-width:700px}.hutang-table th{background:#5b3a1a;color:#fff;padding:12px;text-align:left}.hutang-table td{padding:12px;border-bottom:1px solid #eee;text-align:left}.hutang-table td:first-child,.hutang-table th:first-child{text-align:center;width:50px}.hutang-table tr:hover{background:#fafafa}@media(max-width:768px){.hutang-container{padding:20px}.hutang-table th,.hutang-table td{font-size:12px;padding:8px}.filter-container{flex-direction:column}}.hutang-container{animation:fadeInUp .6s ease-out}.hutang-title{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .1s forwards}.hutang-table tbody tr{opacity:0;transform:translate(-20px);animation:slideInLeft .4s ease-out forwards}.hutang-table tbody tr:nth-child(1){animation-delay:.8s}.hutang-table tbody tr:nth-child(2){animation-delay:.85s}.hutang-table tbody tr:nth-child(3){animation-delay:.9s}.hutang-table tbody tr:nth-child(4){animation-delay:.95s}.hutang-table tbody tr:nth-child(5){animation-delay:1s}.hutang-table tbody tr:nth-child(6){animation-delay:1.05s}.hutang-table tbody tr:nth-child(7){animation-delay:1.1s}.hutang-table tbody tr:nth-child(8){animation-delay:1.15s}.hutang-table tbody tr:nth-child(9){animation-delay:1.2s}.hutang-table tbody tr:nth-child(10){animation-delay:1.25s}.minus{color:red;font-weight:700}.progress-bar{height:12px;background:#eee;border-radius:20px;overflow:hidden}.progress-fill{height:100%;background:#5b3a1a}.perolehan-table{width:100%;border-collapse:collapse;min-width:750px}.perolehan-container{animation:fadeInUp .6s ease-out}.perolehan-title{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .1s forwards}.stat-card:nth-child(3){animation-delay:.4s}.progress-box{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .45s forwards}.filter-container{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .55s forwards}.filter-container select:nth-child(1){animation-delay:.6s}.filter-container select:nth-child(2){animation-delay:.65s}.filter-container select:nth-child(3){animation-delay:.7s}.perolehan-table tbody tr{opacity:0;transform:translate(-20px);animation:slideInLeft .4s ease-out forwards}.perolehan-table tbody tr:nth-child(1){animation-delay:.8s}.perolehan-table tbody tr:nth-child(2){animation-delay:.85s}.perolehan-table tbody tr:nth-child(3){animation-delay:.9s}.perolehan-table tbody tr:nth-child(4){animation-delay:.95s}.perolehan-table tbody tr:nth-child(5){animation-delay:1s}.perolehan-table tbody tr:nth-child(6){animation-delay:1.05s}.perolehan-table tbody tr:nth-child(7){animation-delay:1.1s}.perolehan-table tbody tr:nth-child(8){animation-delay:1.15s}.perolehan-table tbody tr:nth-child(9){animation-delay:1.2s}.perolehan-table tbody tr:nth-child(10){animation-delay:1.25s}.cetak-container{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out 1.3s forwards}.status-plain{font-weight:700;color:green;text-transform:capitalize}.transfer-container{max-width:900px;margin:auto;padding:40px}.transfer-title{font-size:24px;font-weight:700;margin-bottom:20px}.aturan-box{background:#fff;padding:15px;border-radius:8px;margin-bottom:20px}.aturan-box ul{padding-left:20px;margin-top:10px}.aturan-box li{margin-bottom:6px}.info-box{background:#5b3a1a;padding:15px;border-radius:8px;margin-bottom:20px;color:#fff}.search-box input{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px}.search-result{position:absolute;background:#fff;width:100%;border:1px solid #ddd;max-height:200px;overflow:auto;border-radius:6px;margin-top:5px;z-index:10}.search-result li{padding:10px;cursor:pointer;font-size:14px}.teman-box{background:#f5f5f5;padding:10px;border-radius:6px;margin-bottom:15px;font-size:14px}.form-transfer{display:flex;flex-direction:column;gap:12px}.form-transfer input,.form-transfer select,.form-transfer textarea{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px}.form-transfer textarea{min-height:90px;resize:none}.form-transfer button{padding:12px;border:none;background:#5b3a1a;color:#fff;border-radius:6px;cursor:pointer;font-weight:700;font-size:14px;transition:.2s}.form-transfer button:hover{background:#3e2713}@media(max-width:768px){.transfer-container{padding:20px 15px}.transfer-title{font-size:20px}.aturan-box,.info-box{font-size:13px}.search-box input,.search-result li{font-size:13px;padding:9px}.teman-box{font-size:13px}.form-transfer input,.form-transfer select,.form-transfer textarea{font-size:13px;padding:9px}.form-transfer button{font-size:13px;padding:10px}}@media(min-width:1200px){.transfer-container{max-width:1000px}.transfer-title{font-size:26px}.form-transfer button{font-size:15px}}.delay-5{transition-delay:.5s}.aturan-box{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .2s forwards}.aturan-box li{opacity:0;transform:translate(-20px);animation:slideInLeft .4s ease-out forwards}.aturan-box li:nth-child(1){animation-delay:.3s}.aturan-box li:nth-child(2){animation-delay:.35s}.aturan-box li:nth-child(3){animation-delay:.4s}.aturan-box li:nth-child(4){animation-delay:.45s}.info-box{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .5s forwards}.search-box{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .6s forwards}.search-result li{opacity:0;transform:translate(-20px);animation:slideInLeft .3s ease-out forwards}.search-result li:nth-child(1){animation-delay:.65s}.search-result li:nth-child(2){animation-delay:.7s}.search-result li:nth-child(3){animation-delay:.75s}.search-result li:nth-child(4){animation-delay:.8s}.search-result li:nth-child(5){animation-delay:.85s}.search-result li:nth-child(6){animation-delay:.9s}.search-result li:nth-child(7){animation-delay:.95s}.search-result li:nth-child(8){animation-delay:1s}.search-result li:nth-child(9){animation-delay:1.05s}.search-result li:nth-child(10){animation-delay:1.1s}.teman-box{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .7s forwards}.form-transfer{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .8s forwards}.form-transfer input,.form-transfer select,.form-transfer textarea,.form-transfer button{opacity:0;transform:translateY(20px);animation:fadeInUp .4s ease-out forwards}.form-transfer input:nth-child(1){animation-delay:.85s}.form-transfer select:nth-child(2){animation-delay:.9s}.form-transfer input:nth-child(3){animation-delay:.95s}.form-transfer textarea:nth-child(4){animation-delay:1s}.form-transfer input:nth-child(5){animation-delay:1.05s}.form-transfer button:nth-child(6){animation-delay:1.1s}.empty-data-transfer{padding:10px;text-align:center;color:#888;cursor:default}.container-comhs{padding:40px;max-width:1400px;margin:auto}.header-comhs{background:#fff;padding:25px;border-radius:12px;margin-bottom:24px;border-left:6px solid #5b3a1a;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;box-shadow:0 4px 16px #0000000d}.header-comhs h2{color:#5b3a1a;margin:0 0 8px}.header-comhs p{color:#555;line-height:1.6;margin:0}.tipe-filter-comhs{display:flex;gap:10px;margin-bottom:24px}.tipe-btn-comhs{border:1.5px solid #5b3a1a;background:#fff;color:#5b3a1a;font-weight:600;padding:10px 22px;border-radius:10px;cursor:pointer;transition:all .15s ease}.tipe-btn-comhs:hover{background:#fdf8f4}.tipe-btn-comhs.active{background:#5b3a1a;color:#fff}.select-comhs{border:1.5px solid #e8ddd5;background:#fff;color:#5b3a1a;font-weight:600;padding:10px 16px;border-radius:10px;cursor:pointer;min-width:200px}.section-comhs{display:flex;flex-direction:column;gap:24px}.card-comhs{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #0000000d;display:flex;gap:28px;align-items:flex-start}.card-left-comhs{flex:0 0 320px;min-width:0}.card-title-comhs{color:#5b3a1a;font-size:20px;font-weight:700;margin:0 0 8px;line-height:1.3}.card-subtitle-comhs{display:inline-block;background:#f0e8e0;color:#5b3a1a;font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:10px}.card-desc-comhs{color:#555;font-size:14px;line-height:1.6;margin:0 0 16px}.meta-comhs{display:flex;flex-direction:column;gap:8px}.meta-row-comhs{display:flex;gap:8px;font-size:13px;border-bottom:1px dashed #f0e8e0;padding-bottom:6px}.meta-label-comhs{flex:0 0 92px;color:#888;font-weight:600}.meta-value-comhs{color:#3f2812;font-weight:600}.card-right-comhs{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:16px}.section-title-comhs{color:#5b3a1a;font-size:14px;font-weight:700;margin:0 0 4px}.table-wrapper-comhs{width:100%;overflow-x:auto;border:1px solid #f0e8e0;border-radius:12px}.table-comhs{width:100%;border-collapse:collapse;font-size:13px}.table-comhs thead th{background:#5b3a1a;color:#fff;text-align:left;padding:12px 14px;font-weight:600;white-space:nowrap}.table-comhs tbody td{padding:11px 14px;border-bottom:1px solid #f3ece5;color:#3f2812;white-space:nowrap}.table-comhs tbody tr:last-child td{border-bottom:none}.table-comhs tbody tr:nth-child(2n){background:#fdf8f4}.table-empty-comhs{text-align:center;color:#999;padding:18px!important}.aksi-comhs{display:flex;gap:8px}.btn-terima-comhs,.btn-tolak-comhs{border:none;color:#fff;font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:12px;transition:background .15s ease}.btn-terima-comhs{background:#198754}.btn-terima-comhs:hover{background:#146c43}.btn-tolak-comhs{background:#dc3545}.btn-tolak-comhs:hover{background:#bb2d3b}.link-box-comhs{border-top:1px solid #f0e8e0;padding-top:14px}.link-active-comhs{font-size:12px;color:#555;margin:0 0 10px;word-break:break-all}.link-active-comhs a{color:#198754;font-weight:600}.link-empty-comhs{font-size:12px;color:#999;margin:0 0 10px}.link-input-row-comhs{display:flex;gap:10px}.link-input-comhs{flex:1 1 0;min-width:0;border:1.5px solid #e8ddd5;border-radius:8px;padding:9px 12px;font-size:13px}.link-input-comhs:focus{outline:none;border-color:#5b3a1a}.btn-kirim-comhs{border:none;background:#5b3a1a;color:#fff;font-weight:600;padding:9px 20px;border-radius:8px;cursor:pointer;white-space:nowrap}.btn-kirim-comhs:hover{background:#3f2812}.link-btn-row-comhs{display:flex;gap:12px}.btn-grup-comhs{flex:1 1 0;min-width:0;border:none;color:#fff;font-weight:700;font-size:14px;padding:14px 16px;border-radius:12px;cursor:pointer;text-align:center;transition:filter .15s ease}.btn-grup-comhs:not(:disabled):not(.is-disabled):hover{filter:brightness(1.06)}.btn-grup-kegiatan-comhs{background:#1f9e63;box-shadow:0 3px 10px #1f9e6347}.btn-grup-divisi-comhs{background:#b07f45;box-shadow:0 3px 10px #b07f4547}.btn-grup-comhs:disabled,.btn-grup-comhs.is-disabled{opacity:.4;filter:grayscale(50%);box-shadow:none;cursor:not-allowed}.empty-comhs{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000d;text-align:center;padding:48px 24px}.empty-comhs h3{color:#5b3a1a;margin:0 0 6px}.empty-comhs p{color:#888;font-size:14px;line-height:1.6;margin:0}.loading-comhs{text-align:center;padding:30px;color:#888}.badge-co-comhs{display:inline-block;background:#f0e8e0;color:#5b3a1a;font-weight:700;font-size:12px;padding:4px 10px;border-radius:20px;white-space:nowrap}.link-active-row-comhs{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;background:#f7f1ea;border:1px solid #f0e8e0;border-radius:10px;padding:10px 14px;margin-bottom:10px}.link-active-row-comhs .link-active-comhs{margin:0;flex:1 1 0;min-width:0;overflow-wrap:anywhere}.btn-hapus-link-comhs{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #dc3545;background:#fff;color:#dc3545;font-weight:600;font-size:12.5px;padding:8px 16px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.btn-hapus-link-comhs:hover{background:#dc3545;color:#fff;box-shadow:0 3px 10px #dc35454d}.btn-hapus-link-comhs svg{font-size:12px}@keyframes shimmer-comhs{0%{background-position:-450px 0}to{background-position:450px 0}}.skel-comhs{background:linear-gradient(90deg,#efe7df 25%,#f7f1ea,#efe7df 75%);background-size:450px 100%;animation:shimmer-comhs 1.3s linear infinite;border-radius:8px}.skel-card-comhs{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #0000000d;display:flex;gap:28px;align-items:flex-start;margin-bottom:24px}.skel-left-comhs{flex:0 0 320px;min-width:0}.skel-right-comhs{flex:1 1 0;min-width:0}.skel-line-comhs{height:13px;margin-bottom:10px}.skel-title-comhs{height:22px;width:55%;margin-bottom:14px}.skel-pill-comhs{height:20px;width:130px;border-radius:20px;margin-bottom:14px}.skel-block-comhs{height:170px;width:100%}.skel-btn-comhs{height:46px;flex:1 1 0;border-radius:12px}@media(max-width:900px){.container-comhs{padding:20px}.card-comhs,.skel-card-comhs{flex-direction:column}.skel-left-comhs,.card-left-comhs{flex:1 1 auto;width:100%}.link-btn-row-comhs{flex-direction:column}}.terima-container{padding:40px;max-width:1100px;margin:auto}.terima-title{text-align:center;margin-bottom:25px;color:#5b3a1a}.terima-table{width:100%;border-collapse:collapse;min-width:800px}.terima-table th{background:#5b3a1a;color:#fff;padding:12px;text-align:left}.terima-table td{padding:12px;border-bottom:1px solid #eee}.terima-table td:first-child,.terima-table th:first-child{text-align:center;width:50px}.terima-table tr:hover{background:#fafafa}.role{text-transform:capitalize;font-weight:700;color:#555}@media(max-width:768px){.terima-container{padding:20px}.terima-table th,.terima-table td{font-size:12px;padding:8px}.filter-container{flex-direction:column}}.terima-container{animation:fadeInUp .6s ease-out}.terima-title{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .1s forwards}.filter-container select:nth-child(4){animation-delay:.65s}.filter-container select:nth-child(5){animation-delay:.7s}.table-wrapper{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .75s forwards}.terima-table tbody tr{opacity:0;transform:translate(-20px);animation:slideInLeft .4s ease-out forwards}.terima-table tbody tr:nth-child(1){animation-delay:.8s}.terima-table tbody tr:nth-child(2){animation-delay:.85s}.terima-table tbody tr:nth-child(3){animation-delay:.9s}.terima-table tbody tr:nth-child(4){animation-delay:.95s}.terima-table tbody tr:nth-child(5){animation-delay:1s}.terima-table tbody tr:nth-child(6){animation-delay:1.05s}.terima-table tbody tr:nth-child(7){animation-delay:1.1s}.pengajuan-riwayat-container{padding:40px;max-width:1100px;margin:auto}.pengajuan-title{text-align:center;margin-bottom:25px;color:#5b3a1a}.pengajuan-table{width:100%;border-collapse:collapse;min-width:800px}.pengajuan-table th{background:#5b3a1a;color:#fff;padding:12px;text-align:left}.pengajuan-table td{padding:12px;border-bottom:1px solid #eee;vertical-align:middle}.pengajuan-table td:first-child,.pengajuan-table th:first-child{text-align:center;width:50px}.pengajuan-table tr:hover{background:#fafafa}.rp-row-editing{background:#fffbf2!important;transition:background .2s}.rp-input-edit,.rp-textarea-edit,.rp-input-point{padding:5px 7px;border:1.5px solid #5b3a1a;border-radius:5px;font-size:12px;width:100%;min-width:100px;box-sizing:border-box;outline:none;background:#fffdf9;color:#333}.rp-input-edit:focus,.rp-textarea-edit:focus,.rp-input-point:focus{border-color:#27ae60;box-shadow:0 0 0 2px #27ae6026}.rp-textarea-edit{resize:vertical;font-family:inherit;line-height:1.4}.rp-input-point{min-width:60px;max-width:80px;text-align:center}.rp-input-point::-webkit-outer-spin-button,.rp-input-point::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rp-aksi-group{display:flex;flex-direction:column;gap:4px}.rp-no-aksi,.rp-locked{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#aaa;font-style:italic}.rp-err-global{color:#e74c3c;background:#fff0f0;border:1px solid #f5c6c6;border-radius:6px;padding:10px 14px;margin-bottom:16px;text-align:center;font-size:14px}.btn-edit{background:#2980b9;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.btn-edit:hover{background:#1f618d}.btn-edit:disabled{opacity:.4;cursor:not-allowed}.btn-simpan{background:#27ae60;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:5px}.btn-simpan:hover:not(:disabled){background:#1e8449}.btn-simpan:disabled{opacity:.6;cursor:not-allowed}.btn-batal{background:#95a5a6;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:5px}.btn-batal:hover:not(:disabled){background:#7f8c8d}.btn-batal:disabled{opacity:.6;cursor:not-allowed}.rp-btn-icon{font-size:12px;flex-shrink:0}.rp-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;animation:rp-fade-overlay .2s ease-out}@keyframes rp-fade-overlay{0%{opacity:0}to{opacity:1}}.rp-popup{background:#fff;border-radius:16px;padding:36px 40px;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px #00000038;animation:rp-popup-in .28s cubic-bezier(.34,1.56,.64,1)}@keyframes rp-popup-in{0%{opacity:0;transform:scale(.75) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.rp-popup-success{animation:rp-popup-in .28s cubic-bezier(.34,1.56,.64,1)}.rp-popup-icon{width:64px;height:64px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fdf3e7;color:#5b3a1a;font-size:30px;animation:rp-bounce-icon .5s cubic-bezier(.34,1.56,.64,1) .1s both}.rp-success-icon{width:72px;height:72px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e8f8ee;color:#27ae60;font-size:36px;animation:rp-bounce-icon .5s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes rp-bounce-icon{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.rp-popup-title{margin:0 0 8px;font-size:20px;color:#2c1a0e}.rp-popup-msg{margin:0 0 20px;font-size:14px;color:#555;line-height:1.5}.rp-popup-err{color:#e74c3c;font-size:13px;margin:-10px 0 14px;background:#fff0f0;border-radius:6px;padding:8px 12px}.rp-popup-actions{display:flex;gap:12px;justify-content:center}.rp-btn-cancel{background:#f0f0f0;color:#444;border:none;padding:10px 24px;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s}.rp-btn-cancel:hover:not(:disabled){background:#ddd}.rp-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.rp-btn-confirm{background:#5b3a1a;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;cursor:pointer;min-width:100px;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s}.rp-btn-confirm:hover:not(:disabled){background:#7a4e25;transform:scale(1.04)}.rp-btn-confirm:disabled{opacity:.6;cursor:not-allowed}.rp-spinner{display:inline-block;width:16px;height:16px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:rp-spin .7s linear infinite}@keyframes rp-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.pengajuan-riwayat-container{padding:20px}.pengajuan-table th,.pengajuan-table td{font-size:12px;padding:8px}.filter-container{flex-direction:column}.rp-popup{padding:28px 20px}}.pengajuan-riwayat-container{animation:fadeInUp .6s ease-out}.pengajuan-title{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .1s forwards}.table-wrapper{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .7s forwards}.pengajuan-table tbody tr{opacity:0;transform:translate(-20px);animation:slideInLeft .4s ease-out forwards}.pengajuan-table tbody tr:nth-child(1){animation-delay:.75s}.pengajuan-table tbody tr:nth-child(2){animation-delay:.8s}.pengajuan-table tbody tr:nth-child(3){animation-delay:.85s}.pengajuan-table tbody tr:nth-child(4){animation-delay:.9s}.pengajuan-table tbody tr:nth-child(5){animation-delay:.95s}.kegiatan-riwayat-container{padding:40px;max-width:1100px;margin:auto}.kegiatan-title{text-align:center;margin-bottom:25px;color:#5b3a1a}.kegiatan-table{width:100%;border-collapse:collapse;min-width:800px}.kegiatan-table th{background:#5b3a1a;color:#fff;padding:12px;text-align:left}.kegiatan-table td{padding:12px;border-bottom:1px solid #eee}.kegiatan-table td:first-child,.kegiatan-table th:first-child{text-align:center;width:50px}.kegiatan-table tr:hover{background:#fafafa}.status.diterima{color:green}.status.menunggu{color:orange}.status.ditolak{color:red}.no-data{text-align:center;padding:20px;color:#888}@media(max-width:768px){.kegiatan-riwayat-container{padding:20px}.filter-container{flex-direction:column}.kegiatan-table th,.kegiatan-table td{font-size:12px;padding:8px}}.transfer-container{padding:40px;max-width:1100px;margin:auto}.transfer-title{text-align:center;margin-bottom:25px;color:#5b3a1a}.statistik-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.stat-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 3px 10px #0000001a;text-align:center}.plus,.success{color:green;font-weight:700}.danger{color:red;font-weight:700}.pending{color:orange;font-weight:700}.transfer-table{width:100%;border-collapse:collapse;min-width:700px}.transfer-table th{background:#5b3a1a;color:#fff;padding:12px;text-align:left}.transfer-table td{padding:12px;border-bottom:1px solid #eee}.transfer-table td:first-child,.transfer-table th:first-child{text-align:center;width:50px}.transfer-table tr:hover{background:#fafafa}@media(max-width:768px){.transfer-container{padding:20px}.transfer-table th,.transfer-table td{font-size:12px;padding:8px}.filter-container{flex-direction:column}}.transfer-container{animation:fadeInUp .6s ease-out}.transfer-title{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .1s forwards}.statistik-container{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .2s forwards}.stat-card{opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease-out forwards}.stat-card:nth-child(1){animation-delay:.3s}.stat-card:nth-child(2){animation-delay:.35s}.filter-container{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .4s forwards}.filter-container select{opacity:0;transform:translateY(20px);animation:fadeInUp .4s ease-out forwards}.filter-container select:nth-child(1){animation-delay:.5s}.filter-container select:nth-child(2){animation-delay:.55s}.filter-container select:nth-child(3){animation-delay:.6s}.table-wrapper{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .65s forwards}.transfer-table tbody tr{opacity:0;transform:translate(-20px);animation:slideInLeft .4s ease-out forwards}.transfer-table tbody tr:nth-child(1){animation-delay:.7s}.transfer-table tbody tr:nth-child(2){animation-delay:.75s}.transfer-table tbody tr:nth-child(3){animation-delay:.8s}.transfer-table tbody tr:nth-child(4){animation-delay:.85s}.transfer-table tbody tr:nth-child(5){animation-delay:.9s}.riwayat-container{padding:40px;max-width:1100px;margin:auto;width:100%}.riwayat-container{padding:40px;max-width:1100px;margin:auto}.filter-container select{padding:10px;border-radius:6px;border:1px solid #ddd}.riwayat-table{width:100%;border-collapse:collapse;min-width:900px}.scroll-fade-up{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.container-riwayat{animation:fadeInUp .6s ease-out}.container-riwayat h2{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .1s forwards}.filter-container{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .2s forwards}.filter-container select{opacity:0;transform:translateY(20px);animation:fadeInUp .4s ease-out .3s forwards}.table-wrapper{opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease-out .4s forwards}.table-riwayat tbody tr:nth-child(6){animation-delay:.6s}.table-riwayat tbody tr:nth-child(7){animation-delay:.63s}.table-riwayat tbody tr:nth-child(8){animation-delay:.66s}.table-riwayat tbody tr:nth-child(9){animation-delay:.69s}.table-riwayat tbody tr:nth-child(10){animation-delay:.72s}.table-riwayat tbody tr:nth-child(11){animation-delay:.75s}.table-riwayat tbody tr:nth-child(12){animation-delay:.78s}.table-riwayat tbody tr:nth-child(13){animation-delay:.81s}.table-riwayat tbody tr:nth-child(14){animation-delay:.84s}.table-riwayat tbody tr:nth-child(15){animation-delay:.87s}.table-riwayat tbody tr:nth-child(16){animation-delay:.9s}.table-riwayat tbody tr:nth-child(17){animation-delay:.93s}.table-riwayat tbody tr:nth-child(18){animation-delay:.96s}.table-riwayat tbody tr:nth-child(19){animation-delay:.99s}.table-riwayat tbody tr:nth-child(20){animation-delay:1.02s}.table-riwayat tbody tr:nth-child(21){animation-delay:1.05s}.table-riwayat tbody tr:nth-child(22){animation-delay:1.08s}.table-riwayat tbody tr:nth-child(23){animation-delay:1.11s}.table-riwayat tbody tr:nth-child(24){animation-delay:1.14s}.table-riwayat tbody tr:nth-child(25){animation-delay:1.17s}.table-riwayat tbody tr:nth-child(26){animation-delay:1.2s}.table-riwayat tbody tr:nth-child(27){animation-delay:1.23s}.table-riwayat tbody tr:nth-child(28){animation-delay:1.26s}.table-riwayat tbody tr:nth-child(29){animation-delay:1.29s}.table-riwayat tbody tr:nth-child(30){animation-delay:1.32s}.table-riwayat tbody tr:nth-child(31){animation-delay:1.35s}.table-riwayat tbody tr:nth-child(32){animation-delay:1.38s}.table-riwayat tbody tr:nth-child(33){animation-delay:1.41s}.table-riwayat tbody tr:nth-child(34){animation-delay:1.44s}.table-riwayat tbody tr:nth-child(35){animation-delay:1.47s}.table-riwayat tbody tr:nth-child(36){animation-delay:1.5s}.table-riwayat tbody tr:nth-child(37){animation-delay:1.53s}.table-riwayat tbody tr:nth-child(38){animation-delay:1.56s}.table-riwayat tbody tr:nth-child(39){animation-delay:1.59s}.table-riwayat tbody tr:nth-child(40){animation-delay:1.62s}.table-riwayat tbody tr:nth-child(41){animation-delay:1.65s}.table-riwayat tbody tr:nth-child(42){animation-delay:1.68s}.table-riwayat tbody tr:nth-child(43){animation-delay:1.71s}.table-riwayat tbody tr:nth-child(44){animation-delay:1.74s}.table-riwayat tbody tr:nth-child(45){animation-delay:1.77s}.table-riwayat tbody tr:nth-child(46){animation-delay:1.8s}.table-riwayat tbody tr:nth-child(47){animation-delay:1.83s}.table-riwayat tbody tr:nth-child(48){animation-delay:1.86s}.table-riwayat tbody tr:nth-child(49){animation-delay:1.89s}.table-riwayat tbody tr:nth-child(50){animation-delay:1.92s}.container-riwayat{padding:40px;max-width:1100px;margin:auto}.container-riwayat h2{text-align:center;margin-bottom:25px;color:#5b3a1a}.table-riwayat{width:100%;border-collapse:collapse;min-width:900px}.table-riwayat th{background:#5b3a1a;color:#fff;padding:12px;text-align:left}.table-riwayat td{padding:12px;border-bottom:1px solid #eee;color:#333}.table-riwayat tr:hover{background:#fafafa}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-thumb{background:#5b3a1a;border-radius:10px}@media(max-width:768px){.container-riwayat{padding:20px}.table-riwayat th,.table-riwayat td{font-size:12px;padding:8px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.scroll-fade-up{opacity:0;transform:translateY(50px);transition:.8s}.scroll-slide-left{opacity:0;transform:translate(-30px);transition:.6s}.table-riwayat tbody tr{opacity:0;transform:translate(-20px);animation:slideInLeft .4s ease-out forwards}.table-riwayat tbody tr:nth-child(1){animation-delay:.45s}.table-riwayat tbody tr:nth-child(2){animation-delay:.48s}.table-riwayat tbody tr:nth-child(3){animation-delay:.51s}.table-riwayat tbody tr:nth-child(4){animation-delay:.54s}.table-riwayat tbody tr:nth-child(5){animation-delay:.57s}.cetak-container{display:flex;justify-content:flex-end;margin-top:20px}.btn-cetak{background:#5b3a1a;color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;transition:.3s}.btn-cetak:hover{background:#7a4d23}.perolehan-container{padding:40px;max-width:1100px;margin:auto}.perolehan-title{text-align:center;margin-bottom:25px;color:#5b3a1a}.filter-container select{padding:10px;border-radius:6px}.perolehan-table{width:100%;border-collapse:collapse;min-width:900px}.perolehan-table th{background:#5b3a1a;color:#fff;padding:12px;text-align:left}.perolehan-table td{padding:12px;border-bottom:1px solid #eee;text-align:left}.perolehan-table th:first-child,.perolehan-table td:first-child{text-align:center;width:50px}.perolehan-table tr:hover{background:#fafafa}.btn-cetak{background:#5b3a1a;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer}@media(max-width:768px){.perolehan-container{padding:20px}.perolehan-table th,.perolehan-table td{font-size:12px;padding:8px}.filter-container{flex-direction:column}}.potong-container{max-width:900px;margin:auto;padding:40px 20px;animation:fadeInUp .6s ease-out}.potong-title{text-align:center;color:#5b3a1a;margin-bottom:20px;font-size:26px;font-weight:700}.info-box{background:#5b3a1a;color:#fff;padding:15px;border-radius:8px;margin-bottom:20px}.search-box{position:relative;margin-bottom:20px}.search-box input{width:100%;padding:12px;border-radius:6px;border:1px solid #ccc;font-size:14px;outline:none;transition:.3s}.search-box input:focus{border-color:#5b3a1a;box-shadow:0 0 0 2px #5b3a1a1a}.search-result{position:absolute;background:#fff;width:100%;border:1px solid #ddd;max-height:200px;overflow-y:auto;border-radius:6px;margin-top:5px;z-index:10;box-shadow:0 5px 15px #0000001a}.search-result li{padding:10px;cursor:pointer;font-size:14px;transition:background .2s}.search-result li:hover{background:#f1f1f1}.no-data{text-align:center;color:#999;padding:10px}.mahasiswa-box{background:#f5f5f5;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e0e0e0;box-shadow:0 2px 6px #0000000d;animation:fadeInUp .4s ease-out}.mahasiswa-text{font-size:15px;color:#333;line-height:1.4}.reset-btn{background:#5b3a1a;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.reset-btn svg{font-size:14px}.reset-btn:hover{background:#7a4d24;transform:scale(1.1)}.reset-btn:active{transform:scale(.95)}.potong-form{background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 20px #0000001a;display:flex;flex-direction:column;gap:18px;animation:fadeInUp .5s ease-out}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-weight:700;color:#333}.form-group input,.form-group select,.form-group textarea{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px;outline:none;transition:.3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#5b3a1a;box-shadow:0 0 0 2px #5b3a1a1a}.form-group textarea{resize:vertical}.btn-potong{background:#5b3a1a;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:700;cursor:pointer;transition:.3s;margin-top:10px}.btn-potong:hover{background:#7a4d24}@media(max-width:768px){.potong-container{padding:20px 15px}.potong-form{padding:20px}.potong-title{font-size:22px}.mahasiswa-text{font-size:14px}.reset-btn{width:28px;height:28px}.reset-btn svg{font-size:12px}}.upload-box-potong{margin-bottom:25px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.upload-label-potong{display:inline-flex;align-items:center;gap:10px;background:#217346;color:#fff;padding:14px 22px;border-radius:8px;cursor:pointer;font-weight:600;transition:.3s}.upload-label-potong:hover{background:#185c37}.download-template-btn-potong{display:inline-flex;align-items:center;gap:10px;background:#217346;color:#fff;padding:14px 22px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;font-family:inherit;transition:.3s}.download-template-btn-potong:hover{background:#185c37}.preview-table-potong{background:#fff;border-radius:12px;padding:20px;overflow-x:auto;margin-top:20px;box-shadow:0 5px 20px #00000014}.preview-header-potong{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px;flex-wrap:wrap}.preview-header-potong h3{color:#5b3a1a;font-size:20px}.preview-table-potong table{width:100%;border-collapse:collapse}.preview-table-potong th{background:#5b3a1a;color:#fff;padding:12px;text-align:left;font-size:14px}.preview-table-potong td{padding:12px;border-bottom:1px solid #e5e5e5;font-size:14px}.preview-table-potong tr:hover{background:#f9f9f9}.btn-hapus-excel-potong{background:#c62828;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.3s}.btn-hapus-excel-potong:hover{background:#a61f1f}.excel-submit-potong{margin-top:20px}.excel-submit-potong button{width:100%;background:#5b3a1a;color:#fff;border:none;padding:14px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:.3s}.excel-submit-potong button:hover{background:#7a4d24}@media(max-width:768px){.upload-box-potong{flex-direction:column;align-items:stretch}.upload-label-potong,.download-template-btn-potong{justify-content:center}.preview-header-potong{flex-direction:column;align-items:flex-start}.btn-hapus-excel-potong{width:100%;justify-content:center}}.search-result{max-height:220px;overflow-y:auto}.riwayat-container{padding:40px;max-width:1200px;margin:auto}.riwayat-title{text-align:center;margin-bottom:25px;color:#5b3a1a}.search-container{margin-bottom:20px}.search-container input{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc}.filter-container{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filter-container select{padding:10px;border-radius:6px;border:1px solid #ccc}.table-wrapper{width:100%;overflow-x:auto;border-radius:10px;box-shadow:0 5px 20px #0000001a;background:#fff}.riwayat-table{width:100%;border-collapse:collapse;min-width:1200px}.riwayat-table th{background:#5b3a1a;color:#fff;padding:12px;text-align:left}.riwayat-table td{padding:12px;border-bottom:1px solid #eee}.riwayat-table th:first-child,.riwayat-table td:first-child{text-align:center;width:50px}.riwayat-table tr:hover{background:#fafafa}.minus{color:#d9534f;font-weight:700;text-align:center}.table-description{text-align:center!important;background:#f5efe6!important;color:#5b3a1a!important;font-weight:500;font-size:14px;padding:14px;border-bottom:2px solid #5b3a1a}.cetak-container{margin-top:20px;text-align:right}.btn-cetak{background:#5b3a1a;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;transition:.3s}.btn-cetak:hover{background:#3e2713}@media(max-width:768px){.riwayat-container{padding:20px}.riwayat-table th,.riwayat-table td{font-size:12px;padding:8px}.filter-container{flex-direction:column}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.scroll-slide-left{opacity:0;transform:translate(-30px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-slide-left.visible{opacity:1;transform:translate(0)}.mhs-container-kelolamahasiswa{max-width:1400px;margin:auto;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.mhs-header-kelolamahasiswa{background:#fff;padding:24px;border-radius:12px;margin-bottom:20px;border-left:6px solid #5b3a1a;box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.mhs-header-left-kelolamahasiswa h2{margin:0;color:#5b3a1a;font-size:24px}.mhs-header-left-kelolamahasiswa p{margin-top:8px;margin-bottom:0;color:#666;font-size:14px}.mhs-header-stat-kelolamahasiswa{display:flex;gap:10px;flex-wrap:wrap}.stat-badge-kelolamahasiswa{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:700}.stat-badge-kelolamahasiswa.aktif-badge{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.stat-badge-kelolamahasiswa.nonaktif-badge{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.section-box-kelolamahasiswa{background:#fff;padding:24px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.section-title-kelolamahasiswa{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.section-title-kelolamahasiswa h3{margin:0 0 4px;color:#5b3a1a;font-size:16px}.section-sub-kelolamahasiswa{margin:0;font-size:13px;color:#666}.section-icon-excel-kelolamahasiswa{font-size:22px;color:#217346;margin-top:2px;flex-shrink:0}.section-icon-user-kelolamahasiswa{font-size:22px;color:#5b3a1a;margin-top:2px;flex-shrink:0}.upload-label-kelolamahasiswa{cursor:pointer;display:inline-block}.upload-label-kelolamahasiswa input[type=file]{display:none}.upload-btn-kelolamahasiswa{background:#217346;color:#fff;padding:12px 18px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:14px;transition:background .2s}.upload-btn-kelolamahasiswa:hover{background:#1b5d38}.grid-form-kelolamahasiswa{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.form-field-kelolamahasiswa{display:flex;flex-direction:column;gap:5px}.form-field-kelolamahasiswa label{font-size:12px;font-weight:600;color:#5b3a1a;text-transform:uppercase;letter-spacing:.4px}.form-field-kelolamahasiswa input,.form-field-kelolamahasiswa select{width:100%;height:48px;padding:0 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;box-sizing:border-box;background:#fff;color:#333;transition:border-color .2s}.form-field-kelolamahasiswa input:focus,.form-field-kelolamahasiswa select:focus{border-color:#5b3a1a}.form-footer-kelolamahasiswa{margin-top:20px;display:flex;justify-content:flex-end}.btn-simpan-kelolamahasiswa{background:#5b3a1a;color:#fff;border:none;padding:14px 22px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.btn-simpan-kelolamahasiswa:hover{background:#6d4420}.btn-batal-kelolamahasiswa{background:#c0392b;color:#fff;border:none;padding:14px 22px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.btn-batal-kelolamahasiswa:hover{background:#a93226}.excel-action-kelolamahasiswa{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.excel-action-kelolamahasiswa .btn-simpan-kelolamahasiswa,.excel-action-kelolamahasiswa .btn-batal-kelolamahasiswa{flex:1}.filter-container-kelolamahasiswa{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;align-items:center}.search-input-kelolamahasiswa{flex:1;min-width:240px;height:48px;padding:0 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;background:#fff;color:#333;box-sizing:border-box;transition:border-color .2s}.search-input-kelolamahasiswa:focus{border-color:#5b3a1a}.filter-container-kelolamahasiswa select{height:48px;padding:0 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;color:#333;outline:none;cursor:pointer;transition:border-color .2s}.filter-container-kelolamahasiswa select:focus{border-color:#5b3a1a}.btn-print-kelolamahasiswa{background:#5b3a1a;color:#fff;border:none;height:48px;padding:0 20px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;white-space:nowrap;transition:background .2s}.btn-print-kelolamahasiswa:hover{background:#6d4420}.mhs-table-wrapper-kelolamahasiswa{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000a}.preview-table-wrapper-kelolamahasiswa{border-radius:10px;box-shadow:none;margin-bottom:0}.mhs-table-kelolamahasiswa{width:100%;border-collapse:collapse;min-width:1400px}.mhs-table-kelolamahasiswa th{background:#5b3a1a;color:#fff;padding:14px;text-align:left;font-size:14px;white-space:nowrap}.mhs-table-kelolamahasiswa td{padding:14px;border-bottom:1px solid #eee;font-size:14px;vertical-align:middle}.mhs-table-kelolamahasiswa tbody tr:hover td{background:#faf7f3}.mhs-table-kelolamahasiswa tbody tr:last-child td{border-bottom:none}.status-badge-kelolamahasiswa{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;white-space:nowrap}.status-badge-kelolamahasiswa.aktif{background:#d4edda;color:#155724}.status-badge-kelolamahasiswa.nonaktif{background:#f8d7da;color:#721c24}.empty-cell-kelolamahasiswa{color:#ccc;font-style:italic}.empty-table-kelolamahasiswa{text-align:center;padding:40px!important;color:#aaa;font-style:italic}.aksi-kelolamahasiswa{display:flex;gap:8px;align-items:center}.btn-edit-kelolamahasiswa,.btn-hapus-kelolamahasiswa,.btn-nonaktif-kelolamahasiswa{border:none;color:#fff;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s;text-decoration:none}.btn-edit-kelolamahasiswa:hover,.btn-hapus-kelolamahasiswa:hover,.btn-nonaktif-kelolamahasiswa:hover{opacity:.82}.btn-edit-kelolamahasiswa{background:#7a4b24}.btn-hapus-kelolamahasiswa{background:#c0392b}.btn-nonaktif-kelolamahasiswa{background:#6c757d}.btn-nonaktif-kelolamahasiswa.is-nonaktif{background:#217346}.scroll-fade-up-kelolamahasiswa{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.scroll-slide-left-kelolamahasiswa{opacity:0;transform:translate(-32px);transition:opacity .65s ease,transform .65s ease}.visible-kelolamahasiswa{opacity:1;transform:none}@media(max-width:768px){.mhs-container-kelolamahasiswa{padding:16px}.mhs-header-kelolamahasiswa{flex-direction:column;align-items:flex-start}.grid-form-kelolamahasiswa{grid-template-columns:1fr 1fr}.filter-container-kelolamahasiswa{flex-direction:column}.search-input-kelolamahasiswa,.filter-container-kelolamahasiswa select,.btn-print-kelolamahasiswa{width:100%}.excel-action-kelolamahasiswa{flex-direction:column}.form-footer-kelolamahasiswa{justify-content:flex-start}}@media(max-width:480px){.grid-form-kelolamahasiswa{grid-template-columns:1fr}}.text-wrap-kelolamahasiswa{max-width:180px;word-wrap:break-word;line-height:1.5}.form-edit-active-kelolamahasiswa{border:2px solid #c87941;position:relative}.row-editing-kelolamahasiswa td{background:#fff8f0!important;border-bottom:1px solid #e8c99a!important}.btn-edit-kelolamahasiswa.is-editing{background:#c87941;box-shadow:0 0 0 2px #f0c080}.form-footer-kelolamahasiswa{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.btn-toggle-form-kelolamahasiswa{display:inline-flex;align-items:center;gap:10px;background:#5b3a1a;color:#fff;border:none;padding:13px 22px;border-radius:10px;cursor:pointer;font-weight:700;font-size:14px;white-space:nowrap;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #5b3a1a2e}.btn-toggle-form-kelolamahasiswa:hover{background:#7a4b24;box-shadow:0 4px 14px #5b3a1a47}.btn-toggle-form-kelolamahasiswa.open{background:#c87941}.btn-toggle-form-kelolamahasiswa.open:hover{background:#b56930}.search-wrapper-kelolamahasiswa{position:relative;flex:1;min-width:240px;display:flex;align-items:center}.search-icon-kelolamahasiswa{position:absolute;left:14px;color:#aaa;font-size:14px;pointer-events:none}.search-wrapper-kelolamahasiswa .search-input-kelolamahasiswa{padding-left:38px;width:100%}.upload-action-row-kelolamahasiswa{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.form-slide-down-kelolamahasiswa{animation:slideDownKelolamahasiswa .5s cubic-bezier(.16,1,.3,1) both;transform-origin:top center}@keyframes slideDownKelolamahasiswa{0%{opacity:0;transform:translateY(-26px) scaleY(.94)}60%{opacity:1}to{opacity:1;transform:translateY(0) scaleY(1)}}@media(max-width:768px){.upload-action-row-kelolamahasiswa{flex-direction:column;align-items:stretch}.upload-action-row-kelolamahasiswa .upload-btn-kelolamahasiswa,.upload-action-row-kelolamahasiswa .btn-toggle-form-kelolamahasiswa{width:100%;justify-content:center}.upload-action-row-kelolamahasiswa .upload-label-kelolamahasiswa{display:block}}.dosen-container-keloladosen{max-width:1400px;margin:auto;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dosen-header-keloladosen{background:#fff;padding:24px;border-radius:12px;margin-bottom:20px;border-left:6px solid #5b3a1a;box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.dosen-header-left-keloladosen h2{margin:0;color:#5b3a1a;font-size:24px}.dosen-header-left-keloladosen p{margin-top:8px;margin-bottom:0;color:#666;font-size:14px}.dosen-header-stat-keloladosen{display:flex;gap:10px;flex-wrap:wrap}.stat-badge-keloladosen{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:700}.stat-badge-keloladosen.aktif-badge{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.stat-badge-keloladosen.nonaktif-badge{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.section-box-keloladosen{background:#fff;padding:24px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.section-title-keloladosen{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.section-title-keloladosen h3{margin:0 0 4px;color:#5b3a1a;font-size:16px}.section-sub-keloladosen{margin:0;font-size:13px;color:#666}.section-icon-excel-keloladosen{font-size:22px;color:#217346;margin-top:2px;flex-shrink:0}.section-icon-user-keloladosen{font-size:22px;color:#5b3a1a;margin-top:2px;flex-shrink:0}.upload-label-keloladosen{cursor:pointer;display:inline-block}.upload-label-keloladosen input[type=file]{display:none}.upload-btn-keloladosen{background:#217346;color:#fff;padding:12px 18px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:14px;transition:background .2s}.upload-btn-keloladosen:hover{background:#1b5d38}.grid-form-keloladosen{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.form-field-keloladosen{display:flex;flex-direction:column;gap:5px}.form-field-keloladosen label{font-size:12px;font-weight:600;color:#5b3a1a;text-transform:uppercase;letter-spacing:.4px}.form-field-keloladosen input,.form-field-keloladosen select{width:100%;height:48px;padding:0 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;box-sizing:border-box;background:#fff;color:#333;transition:border-color .2s}.form-field-keloladosen input:focus,.form-field-keloladosen select:focus{border-color:#5b3a1a}.form-footer-keloladosen{margin-top:20px;display:flex;justify-content:flex-end}.btn-simpan-keloladosen{background:#5b3a1a;color:#fff;border:none;padding:14px 22px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.btn-simpan-keloladosen:hover{background:#6d4420}.btn-batal-keloladosen{background:#c0392b;color:#fff;border:none;padding:14px 22px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.btn-batal-keloladosen:hover{background:#a93226}.excel-action-keloladosen{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.excel-action-keloladosen .btn-simpan-keloladosen,.excel-action-keloladosen .btn-batal-keloladosen{flex:1}.filter-container-keloladosen{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;align-items:center}.search-input-keloladosen{flex:1;min-width:240px;height:48px;padding:0 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;background:#fff;color:#333;box-sizing:border-box;transition:border-color .2s}.search-input-keloladosen:focus{border-color:#5b3a1a}.filter-container-keloladosen select{height:48px;padding:0 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;color:#333;outline:none;cursor:pointer;transition:border-color .2s}.filter-container-keloladosen select:focus{border-color:#5b3a1a}.btn-print-keloladosen{background:#5b3a1a;color:#fff;border:none;height:48px;padding:0 20px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;white-space:nowrap;transition:background .2s}.btn-print-keloladosen:hover{background:#6d4420}.dosen-table-wrapper-keloladosen{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000a}.preview-table-wrapper-keloladosen{border-radius:10px;box-shadow:none;margin-bottom:0}.dosen-table-keloladosen{width:100%;border-collapse:collapse;min-width:1100px}.dosen-table-keloladosen th{background:#5b3a1a;color:#fff;padding:14px;text-align:left;font-size:14px;white-space:nowrap}.dosen-table-keloladosen td{padding:14px;border-bottom:1px solid #eee;font-size:14px;vertical-align:middle}.dosen-table-keloladosen tbody tr:hover td{background:#faf7f3}.dosen-table-keloladosen tbody tr:last-child td{border-bottom:none}.text-wrap-keloladosen{max-width:180px;word-wrap:break-word;line-height:1.5}.status-badge-keloladosen{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;white-space:nowrap}.status-badge-keloladosen.aktif{background:#d4edda;color:#155724}.status-badge-keloladosen.nonaktif{background:#f8d7da;color:#721c24}.limit-badge-keloladosen{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;background:#e8f4fd;color:#1a5276}.empty-cell-keloladosen{color:#ccc;font-style:italic}.empty-table-keloladosen{text-align:center;padding:40px!important;color:#aaa;font-style:italic}.aksi-keloladosen{display:flex;gap:8px;align-items:center}.btn-edit-keloladosen,.btn-hapus-keloladosen,.btn-nonaktif-keloladosen{border:none;color:#fff;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s;text-decoration:none}.btn-edit-keloladosen:hover,.btn-hapus-keloladosen:hover,.btn-nonaktif-keloladosen:hover{opacity:.82}.btn-edit-keloladosen{background:#7a4b24}.btn-hapus-keloladosen{background:#c0392b}.btn-nonaktif-keloladosen{background:#6c757d}.btn-nonaktif-keloladosen.is-nonaktif{background:#217346}.scroll-fade-up-keloladosen{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.scroll-slide-left-keloladosen{opacity:0;transform:translate(-32px);transition:opacity .65s ease,transform .65s ease}.visible-keloladosen{opacity:1;transform:none}@media(max-width:768px){.dosen-container-keloladosen{padding:16px}.dosen-header-keloladosen{flex-direction:column;align-items:flex-start}.grid-form-keloladosen{grid-template-columns:1fr 1fr}.filter-container-keloladosen{flex-direction:column}.search-input-keloladosen,.filter-container-keloladosen select,.btn-print-keloladosen{width:100%}.excel-action-keloladosen{flex-direction:column}.form-footer-keloladosen{justify-content:flex-start}.aksi-keloladosen{flex-direction:row;justify-content:flex-start}}@media(max-width:480px){.grid-form-keloladosen{grid-template-columns:1fr}}.form-edit-active-keloladosen{border:2px solid #c87941;position:relative}.row-editing-keloladosen td{background:#fff8f0!important;border-bottom:1px solid #e8c99a!important}.btn-edit-keloladosen.is-editing{background:#c87941;box-shadow:0 0 0 2px #f0c080}.form-footer-keloladosen{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.btn-toggle-form-keloladosen{display:inline-flex;align-items:center;gap:10px;background:#5b3a1a;color:#fff;border:none;padding:13px 22px;border-radius:10px;cursor:pointer;font-weight:700;font-size:14px;white-space:nowrap;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #5b3a1a2e}.btn-toggle-form-keloladosen:hover{background:#7a4b24;box-shadow:0 4px 14px #5b3a1a47}.btn-toggle-form-keloladosen.open{background:#c87941}.btn-toggle-form-keloladosen.open:hover{background:#b56930}.search-wrapper-keloladosen{position:relative;flex:1;min-width:240px;display:flex;align-items:center}.search-icon-keloladosen{position:absolute;left:14px;color:#aaa;font-size:14px;pointer-events:none}.search-wrapper-keloladosen .search-input-keloladosen{padding-left:38px;width:100%}.upload-action-row-keloladosen{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.form-slide-down-keloladosen{animation:slideDownKeloladosen .5s cubic-bezier(.16,1,.3,1) both;transform-origin:top center}@keyframes slideDownKeloladosen{0%{opacity:0;transform:translateY(-26px) scaleY(.94)}60%{opacity:1}to{opacity:1;transform:translateY(0) scaleY(1)}}@media(max-width:768px){.upload-action-row-keloladosen{flex-direction:column;align-items:stretch}.upload-action-row-keloladosen .upload-btn-keloladosen,.upload-action-row-keloladosen .btn-toggle-form-keloladosen{width:100%;justify-content:center}.upload-action-row-keloladosen .upload-label-keloladosen{display:block}}.admin-container-kelolaadmin{max-width:1400px;margin:auto;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-header-kelolaadmin{background:#fff;padding:24px;border-radius:12px;margin-bottom:20px;border-left:6px solid #5b3a1a;box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.admin-header-left-kelolaadmin h2{margin:0;color:#5b3a1a;font-size:24px}.admin-header-left-kelolaadmin p{margin-top:8px;margin-bottom:0;color:#666;font-size:14px}.section-box-kelolaadmin{background:#fff;padding:24px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.section-title-kelolaadmin{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.section-title-kelolaadmin h3{margin:0 0 4px;color:#5b3a1a;font-size:16px}.section-sub-kelolaadmin{margin:0;font-size:13px;color:#666}.section-icon-excel-kelolaadmin{font-size:22px;color:#217346;margin-top:2px;flex-shrink:0}.section-icon-user-kelolaadmin{font-size:22px;color:#5b3a1a;margin-top:2px;flex-shrink:0}.upload-label-kelolaadmin{cursor:pointer;display:inline-block}.upload-label-kelolaadmin input[type=file]{display:none}.upload-btn-kelolaadmin{background:#217346;color:#fff;padding:12px 18px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:14px;transition:background .2s}.upload-btn-kelolaadmin:hover{background:#1b5d38}.grid-form-kelolaadmin{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.form-field-kelolaadmin{display:flex;flex-direction:column;gap:5px}.form-field-kelolaadmin label{font-size:12px;font-weight:600;color:#5b3a1a;text-transform:uppercase;letter-spacing:.4px}.form-field-kelolaadmin input,.form-field-kelolaadmin select{width:100%;height:48px;padding:0 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;box-sizing:border-box;background:#fff;color:#333;transition:border-color .2s}.form-field-kelolaadmin input:focus,.form-field-kelolaadmin select:focus{border-color:#5b3a1a}.form-field-akses-kelolaadmin{justify-content:center}.toggle-wrapper-kelolaadmin{display:flex;align-items:center;gap:10px;height:48px}.toggle-switch-kelolaadmin{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch-kelolaadmin input{opacity:0;width:0;height:0}.toggle-slider-kelolaadmin{position:absolute;cursor:pointer;inset:0;background:#dc3545;border-radius:28px;transition:.3s}.toggle-slider-kelolaadmin:before{content:"";position:absolute;height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch-kelolaadmin input:checked+.toggle-slider-kelolaadmin{background:#198754}.toggle-switch-kelolaadmin input:checked+.toggle-slider-kelolaadmin:before{transform:translate(24px)}.toggle-label-text-kelolaadmin{font-size:14px;font-weight:700;color:#333}.form-footer-kelolaadmin{margin-top:20px;display:flex;justify-content:flex-end}.btn-simpan-kelolaadmin{background:#5b3a1a;color:#fff;border:none;padding:14px 22px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.btn-simpan-kelolaadmin:hover{background:#6d4420}.btn-batal-kelolaadmin{background:#c0392b;color:#fff;border:none;padding:14px 22px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.btn-batal-kelolaadmin:hover{background:#a93226}.excel-action-kelolaadmin{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.excel-action-kelolaadmin .btn-simpan-kelolaadmin,.excel-action-kelolaadmin .btn-batal-kelolaadmin{flex:1}.filter-container-kelolaadmin{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;align-items:center}.search-input-kelolaadmin{flex:1;min-width:240px;height:48px;padding:0 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;background:#fff;color:#333;box-sizing:border-box;transition:border-color .2s}.search-input-kelolaadmin:focus{border-color:#5b3a1a}.btn-print-kelolaadmin{background:#5b3a1a;color:#fff;border:none;height:48px;padding:0 20px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;white-space:nowrap;transition:background .2s}.btn-print-kelolaadmin:hover{background:#6d4420}.admin-table-wrapper-kelolaadmin{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000a}.preview-table-wrapper-kelolaadmin{border-radius:10px;box-shadow:none;margin-bottom:0}.admin-table-kelolaadmin{width:100%;border-collapse:collapse;min-width:1100px}.admin-table-kelolaadmin th{background:#5b3a1a;color:#fff;padding:14px;text-align:left;font-size:14px;white-space:nowrap}.admin-table-kelolaadmin td{padding:14px;border-bottom:1px solid #eee;font-size:14px;vertical-align:middle}.admin-table-kelolaadmin tbody tr:hover td{background:#faf7f3}.admin-table-kelolaadmin tbody tr:last-child td{border-bottom:none}.status-badge-kelolaadmin{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;white-space:nowrap}.status-badge-kelolaadmin.aktif{background:#d4edda;color:#155724}.status-badge-kelolaadmin.nonaktif{background:#f8d7da;color:#721c24}.limit-badge-kelolaadmin{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;background:#e8f4fd;color:#1a5276}.btn-akses-kegiatan-kelolaadmin{border:none;padding:6px 16px;cursor:pointer;color:#fff;font-weight:700;font-size:12px;min-width:60px;transition:opacity .2s;border-radius:12px;white-space:nowrap}.btn-akses-kegiatan-kelolaadmin.on{background:#198754}.btn-akses-kegiatan-kelolaadmin.on:hover{background:#146c43}.btn-akses-kegiatan-kelolaadmin.off{background:#dc3545}.btn-akses-kegiatan-kelolaadmin.off:hover{background:#bb2d3b}.empty-cell-kelolaadmin{color:#ccc;font-style:italic}.empty-table-kelolaadmin{text-align:center;padding:40px!important;color:#aaa;font-style:italic}.aksi-kelolaadmin{display:flex;gap:8px;align-items:center}.btn-edit-kelolaadmin,.btn-hapus-kelolaadmin,.btn-nonaktif-kelolaadmin{border:none;color:#fff;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s;text-decoration:none}.btn-edit-kelolaadmin:hover,.btn-hapus-kelolaadmin:hover,.btn-nonaktif-kelolaadmin:hover{opacity:.82}.btn-edit-kelolaadmin{background:#7a4b24}.btn-hapus-kelolaadmin{background:#c0392b}.btn-nonaktif-kelolaadmin{background:#6c757d}.btn-nonaktif-kelolaadmin.is-nonaktif{background:#217346}.scroll-fade-up-kelolaadmin{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.scroll-slide-left-kelolaadmin{opacity:0;transform:translate(-32px);transition:opacity .65s ease,transform .65s ease}.visible-kelolaadmin{opacity:1;transform:none}@media(max-width:768px){.admin-container-kelolaadmin{padding:16px}.admin-header-kelolaadmin{flex-direction:column;align-items:flex-start}.grid-form-kelolaadmin{grid-template-columns:1fr 1fr}.filter-container-kelolaadmin{flex-direction:column}.search-input-kelolaadmin,.btn-print-kelolaadmin{width:100%}.excel-action-kelolaadmin{flex-direction:column}.form-footer-kelolaadmin{justify-content:flex-start}.aksi-kelolaadmin{flex-direction:row;justify-content:flex-start}}@media(max-width:480px){.grid-form-kelolaadmin{grid-template-columns:1fr}}.admin-header-stat-kelolaadmin{display:flex;gap:10px;flex-wrap:wrap}.stat-badge-kelolaadmin{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:700}.stat-badge-kelolaadmin.aktif-badge{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.stat-badge-kelolaadmin.nonaktif-badge{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form-edit-active-kelolaadmin{border:2px solid #c87941;position:relative}.row-editing-kelolaadmin td{background:#fff8f0!important;border-bottom:1px solid #e8c99a!important}.btn-edit-kelolaadmin.is-editing{background:#c87941;box-shadow:0 0 0 2px #f0c080}.form-footer-kelolaadmin{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.form-field-role-kelolaadmin{grid-column:span 2}.role-checkbox-group-kelolaadmin{display:flex;gap:10px;flex-wrap:wrap;align-items:center;min-height:48px}.role-checkbox-item-kelolaadmin{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:#555;background:#fff;transition:border-color .18s,background .18s,color .18s;-webkit-user-select:none;user-select:none}.role-checkbox-item-kelolaadmin input[type=checkbox]{display:none}.role-checkbox-item-kelolaadmin.selected{border-color:#5b3a1a;background:#5b3a1a;color:#fff}.role-checkbox-item-kelolaadmin:hover:not(.selected){border-color:#5b3a1a;color:#5b3a1a}.role-tags-kelolaadmin{display:flex;gap:5px;flex-wrap:wrap}.role-tag-kelolaadmin{display:inline-block;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:700;white-space:nowrap}.role-tag-kelolaadmin.role-admin{background:#e8f4fd;color:#1a5276}.role-tag-kelolaadmin.role-superadmin{background:#fdebd0;color:#784212}.role-tag-kelolaadmin.role-dosen{background:#d5f5e3;color:#1e8449}@media(max-width:768px){.form-field-role-kelolaadmin{grid-column:span 1}}.btn-toggle-form-kelolaadmin{display:inline-flex;align-items:center;gap:10px;background:#5b3a1a;color:#fff;border:none;padding:13px 22px;border-radius:10px;cursor:pointer;font-weight:700;font-size:14px;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #5b3a1a2e}.btn-toggle-form-kelolaadmin:hover{background:#7a4b24;box-shadow:0 4px 14px #5b3a1a47}.btn-toggle-form-kelolaadmin.open{background:#c87941}.btn-toggle-form-kelolaadmin.open:hover{background:#b56930}.search-wrapper-kelolaadmin{position:relative;flex:1;min-width:240px;display:flex;align-items:center}.search-icon-kelolaadmin{position:absolute;left:14px;color:#aaa;font-size:14px;pointer-events:none}.search-wrapper-kelolaadmin .search-input-kelolaadmin{padding-left:38px;width:100%}.upload-action-row-kelolaadmin{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.form-slide-down-kelolaadmin{animation:slideDownKelolaadmin .5s cubic-bezier(.16,1,.3,1) both;transform-origin:top center}@keyframes slideDownKelolaadmin{0%{opacity:0;transform:translateY(-26px) scaleY(.94)}60%{opacity:1}to{opacity:1;transform:translateY(0) scaleY(1)}}@media(max-width:768px){.upload-action-row-kelolaadmin{flex-direction:column;align-items:stretch}.upload-action-row-kelolaadmin .upload-btn-kelolaadmin,.upload-action-row-kelolaadmin .btn-toggle-form-kelolaadmin{width:100%;justify-content:center}.upload-action-row-kelolaadmin .upload-label-kelolaadmin{display:block}}.semester-container-semestersuperadmin{max-width:900px;margin:auto;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.semester-header-semestersuperadmin{background:#fff;padding:24px;border-radius:12px;margin-bottom:20px;border-left:6px solid #5b3a1a;box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.semester-header-left-semestersuperadmin h2{margin:0;color:#5b3a1a;font-size:24px}.semester-header-left-semestersuperadmin p{margin-top:8px;margin-bottom:0;color:#666;font-size:14px}.section-box-semestersuperadmin{background:#fff;padding:24px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.form-toggle-header-semestersuperadmin{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;gap:14px}.form-toggle-header-semestersuperadmin:hover .btn-toggle-form-semestersuperadmin{background:#6d4420}.btn-toggle-form-semestersuperadmin{background:#5b3a1a;color:#fff;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:background .2s,transform .3s;pointer-events:none}.btn-toggle-form-semestersuperadmin.open{transform:rotate(45deg)}.form-body-semestersuperadmin{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease;overflow:hidden}.form-body-semestersuperadmin.show{grid-template-rows:1fr}.form-body-inner-semestersuperadmin{overflow:hidden;padding-top:0;transition:padding-top .35s ease}.form-body-semestersuperadmin.show .form-body-inner-semestersuperadmin{padding-top:20px}.section-title-semestersuperadmin{display:flex;align-items:flex-start;gap:14px;margin-bottom:0;flex:1}.section-title-semestersuperadmin h3{margin:0 0 4px;color:#5b3a1a;font-size:16px}.section-sub-semestersuperadmin{margin:0;font-size:13px;color:#666}.section-icon-semestersuperadmin{font-size:22px;color:#5b3a1a;margin-top:2px;flex-shrink:0}.grid-form-semestersuperadmin{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.form-field-semestersuperadmin{display:flex;flex-direction:column;gap:5px}.form-field-semestersuperadmin label{font-size:12px;font-weight:600;color:#5b3a1a;text-transform:uppercase;letter-spacing:.4px}.form-field-semestersuperadmin input,.form-field-semestersuperadmin select{width:100%;height:48px;padding:0 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;box-sizing:border-box;background:#fff;color:#333;transition:border-color .2s}.form-field-semestersuperadmin input:focus,.form-field-semestersuperadmin select:focus{border-color:#5b3a1a}.form-footer-semestersuperadmin{margin-top:20px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.btn-simpan-semestersuperadmin{background:#5b3a1a;color:#fff;border:none;padding:13px 22px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.btn-simpan-semestersuperadmin:hover{background:#6d4420}.btn-batal-semestersuperadmin{background:#6c757d;color:#fff;border:none;padding:13px 22px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.btn-batal-semestersuperadmin:hover{background:#5a6268}.filter-container-semestersuperadmin{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;align-items:center}.search-input-semestersuperadmin{flex:1;min-width:240px;height:48px;padding:0 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;background:#fff;color:#333;box-sizing:border-box;transition:border-color .2s}.search-input-semestersuperadmin:focus{border-color:#5b3a1a}.semester-table-wrapper-semestersuperadmin{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px #0000000a}.semester-table-semestersuperadmin{width:100%;border-collapse:collapse;min-width:480px}.semester-table-semestersuperadmin th{background:#5b3a1a;color:#fff;padding:14px 16px;text-align:left;font-size:14px;white-space:nowrap}.semester-table-semestersuperadmin td{padding:14px 16px;border-bottom:1px solid #eee;font-size:14px;vertical-align:middle}.semester-table-semestersuperadmin tbody tr:hover td{background:#faf7f3}.semester-table-semestersuperadmin tbody tr:last-child td{border-bottom:none}.tahun-label-semestersuperadmin{display:inline-flex;align-items:center;font-weight:600;color:#3d2511;font-size:14px}.semester-badge-semestersuperadmin{display:inline-block;padding:5px 14px;border-radius:12px;font-size:12px;font-weight:700;white-space:nowrap}.semester-badge-semestersuperadmin.ganjil{background:#fff3cd;color:#856404}.semester-badge-semestersuperadmin.genap{background:#d1ecf1;color:#0c5460}.empty-table-semestersuperadmin{text-align:center;padding:48px!important;color:#aaa;font-style:italic;font-size:14px}.loading-semestersuperadmin{display:flex;align-items:center;justify-content:center;gap:14px;padding:48px;color:#5b3a1a;font-size:14px;font-weight:600}.spinner-semestersuperadmin{width:28px;height:28px;border:3px solid #e0cfc0;border-top-color:#5b3a1a;border-radius:50%;animation:spin-semestersuperadmin .75s linear infinite;flex-shrink:0}@keyframes spin-semestersuperadmin{to{transform:rotate(360deg)}}.aksi-semestersuperadmin{display:flex;gap:8px;align-items:center}.btn-edit-semestersuperadmin,.btn-hapus-semestersuperadmin{border:none;color:#fff;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s}.btn-edit-semestersuperadmin:hover,.btn-hapus-semestersuperadmin:hover{opacity:.82}.btn-edit-semestersuperadmin{background:#7a4b24}.btn-hapus-semestersuperadmin{background:#c0392b}.scroll-fade-up-semestersuperadmin{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.scroll-slide-left-semestersuperadmin{opacity:0;transform:translate(-32px);transition:opacity .65s ease,transform .65s ease}.visible-semestersuperadmin{opacity:1;transform:none}@media(max-width:768px){.semester-container-semestersuperadmin{padding:16px}.semester-header-semestersuperadmin{flex-direction:column;align-items:flex-start}.grid-form-semestersuperadmin{grid-template-columns:1fr}.filter-container-semestersuperadmin{flex-direction:column}.search-input-semestersuperadmin{width:100%}.form-footer-semestersuperadmin{flex-direction:column}.btn-simpan-semestersuperadmin,.btn-batal-semestersuperadmin{width:100%}.aksi-semestersuperadmin{flex-direction:row}}.roleakses-container-roleakses{max-width:960px;margin:auto;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.roleakses-header-roleakses{background:#fff;padding:24px;border-radius:12px;margin-bottom:20px;border-left:6px solid #5b3a1a;box-shadow:0 2px 8px #0000000a;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:14px}.roleakses-header-roleakses h2{margin:0;color:#5b3a1a;font-size:24px}.roleakses-header-roleakses p{margin:6px 0 0;color:#666;font-size:14px}.roleakses-header-stat-roleakses{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.stat-chip-roleakses{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--chip-color) 12%,white);color:var(--chip-color);border:1px solid color-mix(in srgb,var(--chip-color) 25%,white)}.filter-container-roleakses{margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.search-wrapper-roleakses{position:relative;display:flex;align-items:center}.search-icon-roleakses{position:absolute;left:14px;color:#aaa;font-size:14px;pointer-events:none}.search-input-roleakses{width:100%;height:48px;padding:0 14px 0 40px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;background:#fff;color:#333;box-sizing:border-box;transition:border-color .2s}.search-input-roleakses:focus{border-color:#5b3a1a}.filter-role-bar-roleakses{display:flex;gap:8px;flex-wrap:wrap;background:#fff;padding:8px;border-radius:10px;box-shadow:0 2px 8px #0000000a}.filter-role-btn-roleakses{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #e5e7eb;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;background:transparent;color:#666;transition:background .18s,color .18s,border-color .18s;white-space:nowrap}.filter-role-btn-roleakses:hover{background:#faf7f3;color:#5b3a1a;border-color:#d6c0a8}.filter-role-btn-roleakses.active{background:var(--btn-active-color, #5b3a1a);color:#fff;border-color:transparent}.user-list-roleakses{display:flex;flex-direction:column;gap:12px}.empty-roleakses{text-align:center;padding:48px;color:#aaa;font-style:italic;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a}.user-card-roleakses{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden;border:2px solid transparent;transition:border-color .25s,box-shadow .25s}.user-card-roleakses.open{border-color:#5b3a1a;box-shadow:0 4px 16px #5b3a1a1f}.card-header-roleakses{display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.card-header-roleakses:hover{background:#faf7f3}.card-avatar-roleakses{width:44px;height:44px;border-radius:10px;background:color-mix(in srgb,var(--avatar-color, #5b3a1a) 12%,white);color:var(--avatar-color, #5b3a1a);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.card-info-roleakses{flex:1;min-width:0}.card-nama-roleakses{font-weight:700;font-size:15px;color:#2c1a0a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta-roleakses{font-size:12px;color:#888;margin-top:3px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.meta-sep-roleakses{color:#ccc}.card-badges-roleakses{display:flex;gap:6px;flex-wrap:wrap;align-items:center;flex-shrink:0}.role-badge-roleakses{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:10px;white-space:nowrap;background:color-mix(in srgb,var(--role-color, #5b3a1a) 12%,white);color:var(--role-color, #5b3a1a);border:1px solid color-mix(in srgb,var(--role-color, #5b3a1a) 25%,white)}.limit-mini-roleakses{background:#e8f4fd;color:#1a5276;font-size:11px;font-weight:700;padding:3px 10px;border-radius:10px;white-space:nowrap}.akses-mini-roleakses{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:10px;white-space:nowrap}.akses-mini-roleakses.full{background:#d4edda;color:#155724}.akses-mini-roleakses.partial{background:#fff3cd;color:#856404}.akses-mini-roleakses.none{background:#f8d7da;color:#721c24}.card-chevron-roleakses{color:#aaa;font-size:14px;flex-shrink:0;transition:color .2s}.user-card-roleakses.open .card-chevron-roleakses{color:#5b3a1a}.card-body-roleakses{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease;overflow:hidden}.card-body-roleakses.show{grid-template-rows:1fr}.card-body-inner-roleakses{overflow:hidden;padding:0 20px;transition:padding .35s ease;border-top:0px solid #eee}.card-body-roleakses.show .card-body-inner-roleakses{padding:20px;border-top:1px solid #eee}.section-label-roleakses{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#5b3a1a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;margin-top:4px}.section-label-icon-roleakses{font-size:14px;color:#7a4b24}.role-hint-roleakses{margin-left:auto;font-size:11px;font-weight:600;color:#999;text-transform:none;letter-spacing:0;background:#f3f4f6;padding:3px 10px;border-radius:8px}.role-grid-roleakses{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.role-option-roleakses{position:relative;border:2px solid #e5e7eb;border-radius:10px;padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;-webkit-user-select:none;user-select:none;background:#fafafa}.role-option-roleakses:hover{border-color:var(--role-opt-color, #5b3a1a);background:color-mix(in srgb,var(--role-opt-color, #5b3a1a) 5%,white);transform:translateY(-2px)}.role-option-roleakses.selected{border-color:var(--role-opt-color, #5b3a1a);background:color-mix(in srgb,var(--role-opt-color, #5b3a1a) 10%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--role-opt-color, #5b3a1a) 15%,transparent)}.role-opt-icon-roleakses{font-size:24px;color:var(--role-opt-color, #5b3a1a)}.role-opt-label-roleakses{font-size:12px;font-weight:700;color:#2c1a0a;text-align:center}.role-opt-check-roleakses{position:absolute;top:6px;right:6px;font-size:14px;color:var(--role-opt-color, #5b3a1a)}.role-preview-multi-roleakses{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:13px;background:#faf7f3;border:1px solid #e8d9c8;margin-bottom:4px;flex-wrap:wrap}.role-preview-label-roleakses{font-weight:600;color:#5b3a1a;white-space:nowrap}.role-preview-tags-roleakses{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.role-preview-tag-roleakses{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:4px 12px;border-radius:10px;background:color-mix(in srgb,var(--preview-color, #5b3a1a) 12%,white);color:var(--preview-color, #5b3a1a);border:1px solid color-mix(in srgb,var(--preview-color, #5b3a1a) 25%,white)}.role-changed-badge-roleakses{font-size:11px;font-weight:600;padding:3px 10px;border-radius:8px;background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.limit-grid-roleakses{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.form-field-roleakses{display:flex;flex-direction:column;gap:5px}.form-field-roleakses label{font-size:12px;font-weight:600;color:#5b3a1a;text-transform:uppercase;letter-spacing:.4px}.form-field-roleakses input{width:100%;height:48px;padding:0 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;box-sizing:border-box;background:#fff;color:#333;transition:border-color .2s}.form-field-roleakses input:focus{border-color:#5b3a1a}.limit-ctx-list-roleakses{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.limit-ctx-card-roleakses{border:1px solid #e8d9c8;border-left:5px solid #5b3a1a;border-radius:10px;padding:14px 16px;background:#faf7f3}.limit-ctx-card-roleakses.matkul-roleakses{border-left-color:#1a5276;background:#f4f8fb;border-color:#cfe0ec}.limit-ctx-head-roleakses{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.limit-ctx-icon-roleakses{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;background:color-mix(in srgb,#5b3a1a 12%,white);color:#5b3a1a;flex-shrink:0}.limit-ctx-icon-roleakses.matkul-roleakses{background:color-mix(in srgb,#1a5276 12%,white);color:#1a5276}.limit-ctx-name-roleakses{font-size:14px;font-weight:700;color:#2c1a0a;flex:1;min-width:0}.limit-ctx-tag-roleakses{font-size:11px;font-weight:700;padding:3px 10px;border-radius:8px;white-space:nowrap;background:color-mix(in srgb,#5b3a1a 12%,white);color:#5b3a1a;border:1px solid color-mix(in srgb,#5b3a1a 25%,white)}.limit-ctx-tag-roleakses.matkul-roleakses{background:color-mix(in srgb,#1a5276 12%,white);color:#1a5276;border-color:color-mix(in srgb,#1a5276 25%,white)}.limit-ctx-fields-roleakses{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.limit-ctx-fields-roleakses.dua-roleakses{grid-template-columns:repeat(2,1fr)}.limit-ctx-fields-roleakses .form-field-roleakses label{display:inline-flex;align-items:center;gap:5px;text-transform:none;letter-spacing:.2px;font-size:12px}.limit-ctx-fields-roleakses .form-field-roleakses input{height:44px;background:#fff}.limit-ctx-empty-roleakses{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:10px;background:#f3f4f6;border:1px dashed #d1d5db;color:#6b7280;font-size:13px;margin-bottom:14px}.limit-ctx-empty-roleakses svg{flex-shrink:0;font-size:16px;color:#9ca3af}.limit-ctx-empty-roleakses.sub-roleakses{background:#fcfaf7;border-color:#e8d9c8}.limit-ctx-dropdown-section-roleakses{margin-bottom:14px}.limit-ctx-dropdown-row-roleakses{display:flex;align-items:center;gap:10px;margin-bottom:10px}.limit-ctx-dropdown-icon-roleakses{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,#5b3a1a 12%,white);color:#5b3a1a;font-size:14px;flex-shrink:0}.limit-ctx-dropdown-icon-roleakses.matkul-roleakses{background:color-mix(in srgb,#1a5276 12%,white);color:#1a5276}.limit-ctx-dropdown-label-roleakses{font-size:13px;font-weight:600;color:#555;white-space:nowrap}.limit-ctx-select-roleakses{flex:1;padding:8px 12px;border-radius:8px;border:1.5px solid #d4a373;font-size:13px;font-weight:600;color:#3d2407;background:#fff;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s;appearance:auto}.limit-ctx-select-roleakses:focus{border-color:#5b3a1a;box-shadow:0 0 0 3px #5b3a1a1a}.limit-ctx-select-roleakses.matkul-roleakses{border-color:#7fb3d3;color:#1a3a52}.limit-ctx-select-roleakses.matkul-roleakses:focus{border-color:#1a5276;box-shadow:0 0 0 3px #1a52761a}.limit-potong-card-roleakses{background:#fff8f0;border:1.5px solid #f0c090;border-radius:10px;padding:16px;margin-bottom:14px}.limit-potong-desc-roleakses{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#7a4a10;background:color-mix(in srgb,#e07b00 8%,white);border-radius:7px;padding:9px 12px;margin-bottom:14px;line-height:1.5}.limit-potong-desc-roleakses svg{flex-shrink:0;margin-top:1px;font-size:14px;color:#c47a20}.limit-potong-fields-roleakses{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:500px){.limit-potong-fields-roleakses{grid-template-columns:1fr}}.section-label-icon-roleakses.potong-roleakses{color:#c47a20}.akses-grid-roleakses{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:24px}.akses-card-roleakses{border-radius:10px;padding:14px;cursor:pointer;border:2px solid transparent;transition:border-color .2s,background .2s,transform .15s;-webkit-user-select:none;user-select:none}.akses-card-roleakses:hover{transform:translateY(-2px)}.akses-card-roleakses.on{background:#f0faf4;border-color:#c3e6cb}.akses-card-roleakses.off{background:#fdf5f5;border-color:#f5c6cb}.akses-card-top-roleakses{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.akses-icon-roleakses{font-size:20px;color:#5b3a1a}.akses-status-chip-roleakses{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:8px}.akses-status-chip-roleakses.on{background:#d4edda;color:#155724}.akses-status-chip-roleakses.off{background:#f8d7da;color:#721c24}.akses-label-roleakses{font-size:14px;font-weight:700;color:#2c1a0a;margin-bottom:4px}.akses-desc-roleakses{font-size:12px;color:#888;line-height:1.5}.card-footer-roleakses{display:flex;justify-content:flex-end;gap:10px;padding-top:4px;flex-wrap:wrap}.btn-simpan-roleakses{background:#5b3a1a;color:#fff;border:none;padding:13px 22px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.btn-simpan-roleakses:hover{background:#6d4420}.btn-tutup-roleakses{background:#6c757d;color:#fff;border:none;padding:13px 22px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.btn-tutup-roleakses:hover{background:#5a6268}.scroll-fade-up-roleakses{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.scroll-slide-left-roleakses{opacity:0;transform:translate(-32px);transition:opacity .65s ease,transform .65s ease}.visible-roleakses{opacity:1;transform:none}@media(max-width:768px){.roleakses-container-roleakses{padding:16px}.roleakses-header-roleakses{flex-direction:column;align-items:flex-start}.card-header-roleakses{flex-wrap:wrap;gap:10px}.card-badges-roleakses{width:100%}.limit-grid-roleakses,.akses-grid-roleakses{grid-template-columns:1fr 1fr}.role-grid-roleakses{grid-template-columns:repeat(3,1fr)}.limit-ctx-fields-roleakses,.limit-ctx-fields-roleakses.dua-roleakses{grid-template-columns:1fr 1fr}.card-footer-roleakses{flex-direction:column}.btn-simpan-roleakses,.btn-tutup-roleakses{width:100%}}@media(max-width:480px){.limit-grid-roleakses,.akses-grid-roleakses{grid-template-columns:1fr}.role-grid-roleakses{grid-template-columns:repeat(3,1fr)}.limit-ctx-fields-roleakses,.limit-ctx-fields-roleakses.dua-roleakses{grid-template-columns:1fr}.card-avatar-roleakses{display:none}.filter-role-bar-roleakses{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.role-preview-multi-roleakses{flex-direction:column;align-items:flex-start}}.rank-stat-rank{display:flex;flex-direction:column;align-items:center;background:#5b3a1a;color:#fff;border-radius:12px;padding:12px 22px;min-width:110px}.rank-stat-num-rank{font-size:26px;font-weight:800;line-height:1}.rank-stat-label-rank{font-size:12px;opacity:.85;margin-top:4px}.rank-filter-rank{display:flex;gap:16px;flex-wrap:wrap;background:#fff;padding:18px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.rank-filter-field-rank{display:flex;flex-direction:column;gap:6px;min-width:220px;flex:1 1 220px}.rank-filter-field-rank label{font-size:13px;font-weight:700;color:#5b3a1a;display:flex;align-items:center;gap:6px}.rank-filter-field-rank select{border:1.5px solid #e0d5c8;background:#faf6f1;color:#3f2812;font-weight:600;padding:10px 12px;border-radius:10px;cursor:pointer}.rank-filter-field-rank select:focus{outline:none;border-color:#5b3a1a}.rank-vis-card-rank{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;padding:16px 18px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a;border-left:6px solid #b9a892}.rank-vis-card-rank[data-on=true]{border-left-color:#198754}.rank-vis-info-rank{display:flex;align-items:center;gap:12px;color:#5b3a1a}.rank-vis-info-rank svg{font-size:22px}.rank-vis-title-rank{font-weight:700;color:#5b3a1a}.rank-vis-sub-rank{font-size:12px;color:#888}.rank-vis-btn-rank{border:none;color:#fff;font-weight:700;font-size:14px;padding:10px 24px;border-radius:10px;cursor:pointer;white-space:nowrap;background:#198754;transition:filter .15s ease}.rank-vis-btn-rank[data-on=true]{background:#c0392b}.rank-vis-btn-rank:hover{filter:brightness(1.06)}.rank-vis-btn-rank:disabled{opacity:.6;cursor:not-allowed}.rank-table-wrap-rank{background:#fff;border-radius:14px;overflow-x:auto;box-shadow:0 2px 10px #0000000d}.rank-table-rank{width:100%;border-collapse:collapse;font-size:14px}.rank-table-rank thead th{background:#5b3a1a;color:#fff;text-align:left;padding:14px 16px;font-weight:600;white-space:nowrap}.rank-table-rank tbody td{padding:12px 16px;border-bottom:1px solid #f3ece5;color:#3f2812;white-space:nowrap}.rank-table-rank tbody tr:last-child td{border-bottom:none}.rank-table-rank tbody tr{transition:filter .12s ease}.rank-table-rank tbody tr:hover{filter:brightness(.97)}.rank-nama-rank{font-weight:700;color:#5b3a1a}.rank-poin-rank{font-weight:800;color:#198754}.rank-empty-rank{text-align:center;color:#999;padding:28px!important}.rank-badge-rank{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border-radius:8px;background:#f0e8e0;color:#5b3a1a;font-weight:800;font-size:13px}.rank-jur-badge-rank{display:inline-block;color:#fff;font-weight:700;font-size:12px;padding:4px 12px;border-radius:20px;white-space:nowrap}@media(max-width:768px){.rank-filter-field-rank{min-width:100%}}.validsp-container{padding:40px;max-width:1300px;margin:auto}.validsp-header{background:#fff;padding:25px;border-radius:12px;margin-bottom:25px;border-left:6px solid #5b3a1a;box-shadow:0 2px 8px #0000000a}.validsp-header h2{color:#5b3a1a;margin:0}.validsp-header p{margin:8px 0 0;color:#666;font-size:14px}.filter-container-validsp{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filter-container-validsp select,.search-input-validsp{padding:10px;border-radius:6px;border:1px solid #ccc;outline:none;font-size:14px}.filter-container-validsp select:focus,.search-input-validsp:focus{border-color:#5b3a1a}.search-input-validsp{flex:1;min-width:250px}.validsp-table-wrapper{overflow-x:auto;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000a}.validsp-table{width:100%;border-collapse:collapse;min-width:1000px}.validsp-table th{background:#5b3a1a;color:#fff;padding:14px;text-align:left;white-space:nowrap}.validsp-table td{padding:14px;border-bottom:1px solid #eee;vertical-align:middle}.validsp-table tbody tr:hover td{background:#faf7f3}.text-wrap-validsp{max-width:180px;word-wrap:break-word}.point-validsp{font-weight:700;color:green}.status-validsp{padding:5px 10px;border-radius:5px;font-size:12px;text-transform:capitalize;white-space:nowrap}.status-validsp.valid{background:#d4edda;color:#155724}.status-validsp.menunggu{background:#fff3cd;color:#856404}.status-validsp.ditolak{background:#f8d7da;color:#721c24}.aksi-validsp{vertical-align:middle}.aksi-group-validsp{display:flex;gap:8px;align-items:center}.aksi-group-validsp .btn-validasi-validsp,.aksi-group-validsp .btn-tolak-validsp{flex:1 1 0;min-width:96px;justify-content:center}.btn-validasi-validsp,.btn-tolak-validsp{border:none;padding:8px 12px;border-radius:5px;cursor:pointer;color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.btn-validasi-validsp{background:#27ae60}.btn-validasi-validsp:hover{background:#1e8449}.btn-tolak-validsp{background:#c0392b}.btn-tolak-validsp:hover{background:#922b21}.status-selesai-validsp{font-size:12px;color:#888;font-style:italic}.scroll-fade-up-validsp{opacity:0;transform:translateY(30px);transition:.8s}.scroll-slide-left-validsp{opacity:0;transform:translate(-40px);transition:.8s}.visible-validsp{opacity:1;transform:none}@media(max-width:768px){.validsp-container{padding:20px}.validsp-table th,.validsp-table td{font-size:12px;padding:10px}.filter-container-validsp{flex-direction:column}}.separator-validsp{border-top:4px solid #5b3a1a}.row-done-validsp{opacity:.6;border-top:3px solid #ccc}.bulk-action-container-validsp{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.btn-bulk-mode-validsp,.btn-cancel-bulk-validsp{background:#5b3a1a;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px}.btn-bulk-mode-validsp:hover,.btn-cancel-bulk-validsp:hover{background:#6d4420}.bulk-action-container-validsp .btn-validasi-validsp,.bulk-action-container-validsp .btn-tolak-validsp{padding:8px 14px;font-size:14px}.edit-col-validsp{white-space:nowrap;vertical-align:middle}.btn-edit-validsp{background:#2980b9;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.btn-edit-validsp:hover{background:#1f618d}.edit-action-group-validsp{display:flex;flex-direction:column;gap:4px}.btn-save-validsp{background:#27ae60;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:5px}.btn-save-validsp:hover{background:#1e8449}.btn-cancel-edit-validsp{background:#95a5a6;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:5px}.btn-cancel-edit-validsp:hover{background:#7f8c8d}.locked-validsp{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#aaa;font-style:italic}.edit-input-validsp{padding:5px 7px;border:1.5px solid #5b3a1a;border-radius:5px;font-size:12px;width:100%;min-width:100px;box-sizing:border-box;outline:none;background:#fffdf9;color:#333}.edit-input-validsp:focus{border-color:#27ae60;box-shadow:0 0 0 2px #27ae6026}.edit-poin-validsp{min-width:60px;max-width:80px}.unit-container-kelolaunit{padding:40px;max-width:1200px;margin:auto}.unit-header-kelolaunit{background:#fff;padding:25px;border-radius:12px;margin-bottom:20px;border-left:6px solid #5b3a1a}.header-content-kelolaunit{display:flex;justify-content:space-between;align-items:center;gap:16px}.unit-header-kelolaunit h2{color:#5b3a1a;margin:0 0 4px}.unit-header-kelolaunit p{margin:0;color:#666}.btn-tambah-header-kelolaunit{display:flex;align-items:center;gap:8px;background:#5b3a1a;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap;transition:background .2s,transform .1s}.btn-tambah-header-kelolaunit:hover{background:#3e2612;transform:translateY(-1px)}.unit-form-kelolaunit{background:#fff;padding:24px;border-radius:10px;margin-bottom:20px;display:flex;flex-direction:column;gap:15px;border-top:4px solid #5b3a1a}.form-title-kelolaunit{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.form-title-kelolaunit h3{color:#5b3a1a;margin:0;font-size:16px}.form-actions-kelolaunit{display:flex;gap:10px}.unit-form-kelolaunit input,.filter-kelolaunit{padding:10px;border-radius:6px;border:1px solid #ccc}.user-grid-kelolaunit{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:260px;overflow-y:auto;padding:4px 2px}.user-grid-kelolaunit::-webkit-scrollbar{width:6px}.user-grid-kelolaunit::-webkit-scrollbar-track{background:#f0e6dd;border-radius:4px}.user-grid-kelolaunit::-webkit-scrollbar-thumb{background:#5b3a1a;border-radius:4px}.user-card-kelolaunit{background:#f5f5f5;padding:10px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:.2s}.user-card-kelolaunit:hover{background:#eee}.user-card-kelolaunit.active{border:2px solid #5b3a1a;background:#f0e6dd}.user-card-kelolaunit .nama{font-weight:600;display:block}.user-card-kelolaunit .jurusan{font-size:12px;color:#666}.anggota-section-kelolaunit{border:1px solid #e0d0c4;border-radius:8px;overflow:hidden}.anggota-header-kelolaunit{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f0e6dd;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.anggota-header-kelolaunit:hover{background:#e5d4c6}.anggota-header-kelolaunit span{font-weight:600;color:#5b3a1a;font-size:14px}.anggota-header-kelolaunit .badge-count{background:#5b3a1a;color:#fff;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600}.anggota-body-kelolaunit{padding:14px;display:flex;flex-direction:column;gap:10px;border-top:1px solid #e0d0c4}.anggota-filters-kelolaunit{display:flex;gap:8px;flex-wrap:wrap}.anggota-filters-kelolaunit select,.anggota-filters-kelolaunit input{flex:1;min-width:140px;padding:8px 10px;border-radius:6px;border:1px solid #ccc;font-size:13px}.anggota-filters-kelolaunit input:focus,.anggota-filters-kelolaunit select:focus{outline:none;border-color:#5b3a1a}.empty-state-kelolaunit{text-align:center;color:#999;font-size:13px;padding:20px}.selected-tags-kelolaunit{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tag-kelolaunit{background:#5b3a1a;color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;display:flex;align-items:center;gap:5px}.tag-kelolaunit button{background:none;border:none;color:#fff;cursor:pointer;font-size:11px;padding:0;line-height:1}.btn-tambah-kelolaunit{display:flex;align-items:center;gap:6px;background:#5b3a1a;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.btn-tambah-kelolaunit:hover{background:#3e2612}.btn-batal-kelolaunit{display:flex;align-items:center;gap:6px;background:transparent;color:#c0392b;border:2px solid #c0392b;padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;transition:background .2s,color .2s}.btn-batal-kelolaunit:hover{background:#c0392b;color:#fff}.unit-table-wrapper-kelolaunit{overflow-x:auto;background:#fff;border-radius:10px}.unit-table-kelolaunit{width:100%;border-collapse:collapse}.unit-table-kelolaunit th,.unit-table-kelolaunit td{text-align:left;padding:14px}.unit-table-kelolaunit th{background:#5b3a1a;color:#fff}.unit-table-kelolaunit td{border-bottom:1px solid #eee;vertical-align:top}.anggota-list-kelolaunit{display:flex;flex-direction:column;gap:2px}.anggota-list-kelolaunit span{font-size:13px;color:#333}.btn-selengkapnya-kelolaunit{background:none;border:none;color:#5b3a1a;font-size:12px;font-weight:600;cursor:pointer;padding:2px 0;text-decoration:underline;text-align:left}.btn-selengkapnya-kelolaunit:hover{color:#3e2612}.text-wrap-kelolaunit{max-width:400px;line-height:1.6}.aksi-kelolaunit{display:flex;gap:6px}.btn-edit-kelolaunit{background:#7a4b24;color:#fff;border:none;padding:7px 10px;border-radius:5px;cursor:pointer;transition:background .2s}.btn-edit-kelolaunit:hover{background:#5b3a1a}.btn-hapus-kelolaunit{background:#c0392b;color:#fff;border:none;padding:7px 10px;border-radius:5px;cursor:pointer;transition:background .2s}.btn-hapus-kelolaunit:hover{background:#96281b}.scroll-fade-up-kelolaunit{opacity:0;transform:translateY(30px);transition:.8s}.scroll-slide-left-kelolaunit{opacity:0;transform:translate(-40px);transition:.8s}.visible-kelolaunit{opacity:1;transform:none}@media(max-width:768px){.unit-container-kelolaunit{padding:20px}.header-content-kelolaunit{flex-direction:column;align-items:flex-start}.btn-tambah-header-kelolaunit{width:100%;justify-content:center}.form-title-kelolaunit{flex-wrap:wrap;gap:8px}.anggota-filters-kelolaunit{flex-direction:column}}.toggle-user-kelolaunit{padding:10px;background:#5b3a1a;color:#fff;border-radius:6px;cursor:pointer;text-align:center;transition:background .2s}.toggle-user-kelolaunit:hover{background:#3e2612}.kategori-container-kelolakategori{padding:40px;max-width:1200px;margin:auto}.kategori-header-kelolakategori{background:#fff;padding:25px;border-radius:12px;margin-bottom:20px;border-left:6px solid #5b3a1a}.kategori-header-kelolakategori h2{color:#5b3a1a}.kategori-form-kelolakategori{background:#fff;padding:20px;border-radius:10px;margin-bottom:20px;display:flex;flex-direction:column;gap:15px}.kategori-form-kelolakategori input,.filter-kelolakategori{padding:10px;border-radius:6px;border:1px solid #ccc}.user-grid-kelolakategori{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.user-card-kelolakategori{background:#f5f5f5;padding:10px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:.2s}.user-card-kelolakategori:hover{background:#eee}.user-card-kelolakategori.active{border:2px solid #5b3a1a;background:#f0e6dd}.user-card-kelolakategori .nama{font-weight:600;display:block}.user-card-kelolakategori .jurusan{font-size:12px;color:#666}.btn-tambah-kelolakategori{background:#5b3a1a;color:#fff;border:none;padding:10px;border-radius:6px;cursor:pointer}.btn-tambah-kelolakategori:hover{background:#3e2612}.kategori-table-wrapper-kelolakategori{overflow-x:auto;background:#fff;border-radius:10px}.kategori-table-kelolakategori{width:100%;border-collapse:collapse}.kategori-table-kelolakategori th,.kategori-table-kelolakategori td{text-align:left;padding:14px}.kategori-table-kelolakategori th{background:#5b3a1a;color:#fff}.kategori-table-kelolakategori td{border-bottom:1px solid #eee}.text-wrap-kelolakategori{max-width:400px;line-height:1.6}.aksi-kelolakategori{display:flex;gap:6px}.btn-edit-kelolakategori{background:#7a4b24;color:#fff;border:none;padding:6px;border-radius:5px}.btn-hapus-kelolakategori{background:#c0392b;color:#fff;border:none;padding:6px;border-radius:5px}.scroll-fade-up-kelolakategori{opacity:0;transform:translateY(30px);transition:.8s}.scroll-slide-left-kelolakategori{opacity:0;transform:translate(-40px);transition:.8s}.visible-kelolakategori{opacity:1;transform:none}@media(max-width:768px){.kategori-container-kelolakategori{padding:20px}}.toggle-user-kelolakategori{padding:10px;background:#5b3a1a;color:#fff;border-radius:6px;cursor:pointer;text-align:center}.toggle-user-kelolakategori:hover{background:#3e2612}.status-badge-kelolakategori{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.3px}.status-badge-kelolakategori.aktif{background:#e6f4ea;color:#2e7d32;border:1px solid #a5d6a7}.status-badge-kelolakategori.nonaktif{background:#fdecea;color:#c0392b;border:1px solid #f5a5a0}.edit-mode-banner-kelolakategori{background:#fff8e1;border:1px solid #ffe082;border-left:4px solid #f9a825;padding:10px 14px;border-radius:6px;font-size:13px;color:#5d4037}.status-field-kelolakategori{display:flex;flex-direction:column;gap:8px}.status-label-kelolakategori{font-size:13px;font-weight:600;color:#5b3a1a}.status-select-kelolakategori{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px;background:#fff;color:#333;width:100%;cursor:pointer}.form-actions-kelolakategori{display:flex;gap:10px;flex-wrap:wrap}.btn-batal-kelolakategori{background:#fff;color:#5b3a1a;border:2px solid #5b3a1a;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:.2s}.btn-batal-kelolakategori:hover{background:#f5ede6}.btn-toggle-kelolakategori{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-toggle-kelolakategori:hover{opacity:.8}.btn-toggle-kelolakategori.aktif{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.btn-toggle-kelolakategori.nonaktif{background:#fdecea;color:#c0392b;border:1px solid #f5a5a0}.inputicp-container{padding:40px;max-width:900px;margin:auto}.inputicp-header{background:#fff;padding:25px;border-radius:12px;margin-bottom:25px;border-left:6px solid #5b3a1a}.inputicp-header h2{color:#5b3a1a}.search-box-inputicp input{width:100%;padding:12px;border-radius:6px;border:1px solid #ccc}.search-result-inputicp{background:#fff;border:1px solid #ddd;border-radius:6px;margin-top:5px;max-height:200px;overflow-y:auto}.search-result-inputicp li{padding:10px;cursor:pointer}.search-result-inputicp li:hover{background:#f2f2f2}.selected-box-inputicp{margin-top:15px;padding:12px;background:#fff;border-left:5px solid #5b3a1a;border-radius:6px}.form-inputicp{margin-top:20px;display:flex;flex-direction:column;gap:12px}.form-inputicp input,.form-inputicp select,.form-inputicp textarea{padding:12px;border-radius:6px;border:1px solid #ccc}.form-inputicp textarea{min-height:100px;resize:vertical}.form-inputicp button{background:#5b3a1a;color:#fff;padding:12px;border:none;border-radius:6px;cursor:pointer}.form-inputicp button:hover{background:#3e2712}.scroll-fade-up-inputicp{opacity:0;transform:translateY(30px);transition:.8s}.scroll-slide-left-inputicp{opacity:0;transform:translate(-40px);transition:.8s}.visible-inputicp{opacity:1;transform:none}@media(max-width:768px){.inputicp-container{padding:20px}}.empty-data-inputicp{padding:10px;text-align:center;color:#888;cursor:default}.upload-box-inputicp{margin-bottom:25px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.upload-label-inputicp{display:inline-flex;align-items:center;gap:10px;background:#217346;color:#fff;padding:14px 22px;border-radius:8px;cursor:pointer;font-weight:600;transition:.3s}.upload-label-inputicp:hover{background:#185c37}.download-template-btn-inputicp{display:inline-flex;align-items:center;gap:10px;background:#217346;color:#fff;padding:14px 22px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;font-family:inherit;transition:.3s}.download-template-btn-inputicp:hover{background:#185c37}.preview-table-inputicp{background:#fff;border-radius:12px;padding:20px;overflow-x:auto;margin-top:20px}.preview-header-inputicp{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.preview-header-inputicp h3{color:#5b3a1a}.preview-table-inputicp table{width:100%;border-collapse:collapse}.preview-table-inputicp th{background:#5b3a1a;color:#fff;padding:12px;text-align:left}.preview-table-inputicp td{padding:12px;border-bottom:1px solid #ddd}.preview-table-inputicp tr:hover{background:#f9f9f9}.btn-hapus-excel-inputicp{background:#c62828;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-hapus-excel-inputicp:hover{background:#a61f1f}.excel-submit-inputicp{margin-top:20px}.excel-submit-inputicp button{width:100%;background:#5b3a1a;color:#fff;border:none;padding:14px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600}.excel-submit-inputicp button:hover{background:#3e2712}.selected-box-inputicp{margin-top:15px;padding:14px 16px;background:#fff;border-left:5px solid #5b3a1a;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:15px}.selected-text-inputicp{color:#333;font-size:15px}.reset-btn-inputicp{width:38px;height:38px;border-radius:50%;border:none;background:#5b3a1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;flex-shrink:0}.reset-btn-inputicp:hover{background:#7a4d24;transform:rotate(90deg)}.search-result-inputicp{max-height:220px;overflow-y:auto}.riwayatinput-container{padding:40px;max-width:1100px;margin:auto}.riwayatinput-title{text-align:center;margin-bottom:25px;color:#5b3a1a}.table-wrapper-riwayatinput{width:100%;overflow-x:auto;background:#fff;box-shadow:0 5px 20px #0000001a;border-radius:12px}.table-riwayatinput{width:100%;border-collapse:collapse;min-width:800px}.table-riwayatinput th{background:#5b3a1a;color:#fff;padding:12px;text-align:left}.table-riwayatinput td{padding:12px;border-bottom:1px solid #eee}.table-riwayatinput tr:hover{background:#fafafa}.status{font-weight:700;text-transform:capitalize}.status.valid{color:green}.plus{color:green;font-weight:700}.table-riwayatinput thead tr th:first-child{border-top-left-radius:12px}.table-riwayatinput thead tr th:last-child{border-top-right-radius:12px}.table-riwayatinput tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.table-riwayatinput tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.scroll-fade-up-riwayatinput{opacity:0;transform:translateY(40px);transition:.8s ease}.scroll-slide-left-riwayatinput{opacity:0;transform:translate(-30px);transition:.6s ease}.visible-riwayatinput{opacity:1;transform:none}@media(max-width:768px){.riwayatinput-container{padding:20px}.table-riwayatinput th,.table-riwayatinput td{font-size:12px;padding:8px}}.aturan-container{max-width:1200px;margin:auto;padding:40px}.aturan-header{background:#fff;border-left:6px solid #5b3a1a;border-radius:12px;padding:24px;margin-bottom:20px}.aturan-header h2{color:#5b3a1a;margin-bottom:8px}.aturan-header p{color:#666;font-size:14px}.aturan-form{background:#fff;padding:24px;border-radius:12px}.aturan-subtitle{color:#5b3a1a;margin-bottom:16px}.aturan-table{width:100%;border-collapse:collapse}.aturan-table th{background:#5b3a1a;color:#fff;padding:12px;text-align:left}.aturan-table td{border:1px solid #ddd;padding:12px;vertical-align:top}.aturan-table tr:nth-child(2n){background:#f8f8f8}.aturan-action{margin-top:20px}.btn-edit-aturan{background:#5b3a1a;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer}.btn-edit-aturan:hover{background:#43270f}.aturan-edit-box{margin-top:20px;background:#fafafa;border:1px solid #eee;border-radius:10px;padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:700;color:#333;margin-bottom:4px}.input-desc{font-size:13px;color:#777;margin-bottom:8px;line-height:1.5}.form-group input{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:14px}.form-group input:focus{outline:none;border-color:#5b3a1a}.btn-simpan-aturan{width:100%;background:#5b3a1a;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:600;cursor:pointer}.btn-simpan-aturan:hover{background:#3d2611}.loading-text{text-align:center;padding:30px;color:#777}@media(max-width:768px){.aturan-container{padding:20px}.aturan-header,.aturan-form{padding:16px}.aturan-table{display:block;overflow-x:auto;white-space:nowrap}}.inputjurusan-container-inputjurusansuper{max-width:820px;margin:auto;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.scroll-fade-up-inputjurusansuper{opacity:0;transform:translateY(28px);transition:opacity .45s ease,transform .45s ease}.scroll-slide-left-inputjurusansuper{opacity:0;transform:translate(-24px);transition:opacity .45s ease .1s,transform .45s ease .1s}.visible-inputjurusansuper{opacity:1!important;transform:none!important}.inputjurusan-header-inputjurusansuper{background:#fff;padding:24px;border-radius:12px;margin-bottom:20px;border-left:6px solid #5b3a1a;box-shadow:0 2px 8px #0000000d;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.inputjurusan-header-left-inputjurusansuper{display:flex;align-items:center;gap:16px}.inputjurusan-header-icon-inputjurusansuper{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,#5b3a1a,#8b5e3c);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;flex-shrink:0}.inputjurusan-header-inputjurusansuper h2{margin:0 0 4px;color:#5b3a1a;font-size:22px;font-weight:700}.inputjurusan-header-inputjurusansuper p{margin:0;color:#888;font-size:13.5px}.inputjurusan-header-stat-inputjurusansuper{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.stat-chip-inputjurusansuper{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12.5px;font-weight:700;background:#f4ede6;color:#5b3a1a;border:1px solid #dfc9b6}.tambah-card-inputjurusansuper{background:#fff;border-radius:12px;padding:22px 24px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d;border:1px solid #f0e8e0}.tambah-card-title-inputjurusansuper{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#5b3a1a;margin-bottom:16px}.tambah-title-icon-inputjurusansuper{color:#5b3a1a;font-size:14px}.tambah-form-row-inputjurusansuper{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tambah-input-wrapper-inputjurusansuper{position:relative;flex:1;min-width:220px}.tambah-input-icon-inputjurusansuper{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#aaa;font-size:14px;pointer-events:none}.tambah-input-inputjurusansuper{width:100%;padding:11px 14px 11px 38px;border:1.5px solid #e2d5c8;border-radius:8px;font-size:14px;color:#333;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.tambah-input-inputjurusansuper:focus{border-color:#5b3a1a;box-shadow:0 0 0 3px #5b3a1a1a}.btn-tambah-inputjurusansuper{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;background:linear-gradient(135deg,#5b3a1a,#8b5e3c);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .15s;flex-shrink:0}.btn-tambah-inputjurusansuper:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn-tambah-inputjurusansuper:disabled{opacity:.6;cursor:not-allowed}.list-card-inputjurusansuper{background:#fff;border-radius:12px;padding:22px 24px;box-shadow:0 2px 8px #0000000d;border:1px solid #f0e8e0}.list-card-top-inputjurusansuper{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}.list-card-title-inputjurusansuper{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#5b3a1a}.list-title-icon-inputjurusansuper{color:#5b3a1a;font-size:15px}.search-wrapper-inputjurusansuper{position:relative;display:flex;align-items:center;min-width:200px}.search-icon-inputjurusansuper{position:absolute;left:12px;color:#aaa;font-size:13px;pointer-events:none}.search-input-inputjurusansuper{width:100%;padding:9px 12px 9px 34px;border:1.5px solid #e2d5c8;border-radius:8px;font-size:13.5px;color:#333;outline:none;transition:border-color .2s,box-shadow .2s}.search-input-inputjurusansuper:focus{border-color:#5b3a1a;box-shadow:0 0 0 3px #5b3a1a1a}.empty-state-inputjurusansuper{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;color:#bbb;text-align:center}.empty-icon-inputjurusansuper{font-size:42px;color:#ddd}.empty-state-inputjurusansuper p{margin:0;font-size:14px;color:#999}.spinner-inputjurusansuper{display:inline-block;width:16px;height:16px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin-inputjurusansuper .6s linear infinite}.spinner-inputjurusansuper.big{width:32px;height:32px;border-color:#5b3a1a33;border-top-color:#5b3a1a}.spinner-inputjurusansuper.small{width:13px;height:13px;border-color:#ffffff59;border-top-color:#fff}@keyframes spin-inputjurusansuper{to{transform:rotate(360deg)}}.jurusan-list-inputjurusansuper{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.jurusan-item-inputjurusansuper{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:10px;border:1.5px solid #f0e8e0;background:#fdf9f6;transition:border-color .2s,box-shadow .2s,background .2s}.jurusan-item-inputjurusansuper:hover{border-color:#d4b89a;box-shadow:0 2px 8px #5b3a1a12}.jurusan-item-inputjurusansuper.editing{border-color:#5b3a1a;background:#fff;box-shadow:0 0 0 3px #5b3a1a14}.jurusan-item-left-inputjurusansuper{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.jurusan-nomor-inputjurusansuper{width:28px;height:28px;border-radius:50%;background:#f4ede6;color:#5b3a1a;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.jurusan-icon-inputjurusansuper{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#5b3a1a,#8b5e3c);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;flex-shrink:0}.jurusan-nama-inputjurusansuper{font-size:14.5px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-input-inputjurusansuper{flex:1;padding:8px 12px;border:1.5px solid #5b3a1a;border-radius:7px;font-size:14px;color:#333;outline:none;transition:box-shadow .2s;box-shadow:0 0 0 3px #5b3a1a14}.edit-input-inputjurusansuper:focus{box-shadow:0 0 0 3px #5b3a1a26}.jurusan-item-actions-inputjurusansuper{display:flex;gap:8px;flex-shrink:0}.btn-action-inputjurusansuper{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:none;cursor:pointer;font-size:14px;transition:background .18s,transform .15s,opacity .18s}.btn-action-inputjurusansuper:hover:not(:disabled){transform:translateY(-1px)}.btn-action-inputjurusansuper:disabled{opacity:.55;cursor:not-allowed}.btn-action-inputjurusansuper.edit{background:#eff6ff;color:#2563eb}.btn-action-inputjurusansuper.edit:hover{background:#dbeafe}.btn-action-inputjurusansuper.delete{background:#fff1f0;color:#e53e3e}.btn-action-inputjurusansuper.delete:hover{background:#fee2e2}.btn-action-inputjurusansuper.save{background:#f0fdf4;color:#16a34a}.btn-action-inputjurusansuper.save:hover{background:#dcfce7}.btn-action-inputjurusansuper.cancel{background:#f9fafb;color:#6b7280}.btn-action-inputjurusansuper.cancel:hover{background:#f3f4f6}@media(max-width:600px){.inputjurusan-container-inputjurusansuper{padding:16px}.inputjurusan-header-inputjurusansuper{flex-direction:column;align-items:flex-start;padding:18px}.tambah-form-row-inputjurusansuper{flex-direction:column;align-items:stretch}.btn-tambah-inputjurusansuper{justify-content:center;width:100%}.list-card-top-inputjurusansuper{flex-direction:column;align-items:flex-start}.search-wrapper-inputjurusansuper{width:100%}.jurusan-nama-inputjurusansuper{font-size:13.5px}.jurusan-item-inputjurusansuper{padding:12px}}.tambah-warna-wrapper-inputjurusansuper{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #ddd;border-radius:10px;background:#fafafa}.tambah-warna-input-inputjurusansuper{width:36px;height:36px;border:none;background:none;cursor:pointer;padding:0}.tambah-warna-hex-inputjurusansuper{font-size:13px;font-family:monospace;color:#555;min-width:62px}.jurusan-icon-inputjurusansuper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#fff;flex-shrink:0}.jurusan-warna-dot-inputjurusansuper{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}.edit-warna-input-inputjurusansuper{width:34px;height:34px;border:none;background:none;cursor:pointer;padding:0;margin-left:8px}.container-informasi-super{padding:40px;max-width:1200px;margin:auto}.header-informasi-super{background:#fff;padding:25px 28px;border-radius:12px;margin-bottom:30px;border-left:6px solid #5b3a1a;display:flex;flex-direction:column;gap:6px}.header-informasi-super-icon{width:48px;height:48px;background:#5b3a1a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;margin-bottom:8px}.header-informasi-super h1{color:#5b3a1a;font-size:24px;margin:0}.header-informasi-super p{color:#555;line-height:1.6;margin:0;font-size:14px}.form-informasi-super{background:#fff;border-radius:16px;padding:28px 32px;box-shadow:0 4px 16px #0000000f;display:flex;flex-direction:column;gap:22px}.form-group-informasi-super{display:flex;flex-direction:column;gap:8px}.form-group-informasi-super label{font-weight:600;color:#5b3a1a;font-size:13px;display:flex;align-items:center;gap:6px}.form-group-informasi-super input,.form-group-informasi-super textarea{padding:11px 13px;border:1px solid #d9cfc8;border-radius:8px;font-size:14px;outline:none;width:100%;background:#fdfcfb;color:#333;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group-informasi-super input:focus,.form-group-informasi-super textarea:focus{border-color:#5b3a1a;box-shadow:0 0 0 3px #5b3a1a1a}.form-group-informasi-super textarea{min-height:130px;resize:vertical}.upload-informasi-super{display:flex;align-items:center;gap:16px;border:2px dashed #d9cfc8;border-radius:10px;padding:18px 20px;cursor:pointer;background:#faf7f4;transition:border-color .2s,background .2s}.upload-informasi-super:hover{border-color:#5b3a1a;background:#f5ede5}.upload-informasi-super input[type=file]{display:none}.upload-ic-informasi-super{font-size:28px;color:#5b3a1a;flex-shrink:0}.upload-text-informasi-super{display:flex;flex-direction:column;gap:3px}.upload-text-informasi-super b{font-size:14px;color:#333}.upload-text-informasi-super span{font-size:12px;color:#888}.preview-wrap-informasi-super{position:relative;display:inline-block;margin-top:10px}.preview-informasi-super{width:100%;max-width:320px;height:200px;object-fit:cover;border-radius:10px;border:1px solid #ddd;display:block}.preview-remove-informasi-super{position:absolute;top:8px;right:8px;background:#0000008c;color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:background .2s}.preview-remove-informasi-super:hover{background:#dc3545e6}.btn-informasi-super{display:flex;align-items:center;justify-content:center;gap:8px;background:#5b3a1a;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s;align-self:flex-start}.btn-informasi-super:hover:not(:disabled){background:#3f2812}.btn-informasi-super:disabled{background:#bbb;cursor:not-allowed}.toolbar-informasi-super{display:flex;align-items:center;gap:14px;margin-bottom:24px;flex-wrap:wrap}.toolbar-informasi-super select{padding:10px 14px;border:1px solid #d9cfc8;border-radius:8px;font-size:14px;outline:none;background:#fff;color:#333;cursor:pointer;transition:border-color .2s}.toolbar-informasi-super select:focus{border-color:#5b3a1a;box-shadow:0 0 0 3px #5b3a1a1a}.toolbar-count-informasi-super{font-size:13px;color:#888;margin-left:auto}.grid-informasi-super{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}.skeleton-card-informasi-super{background:linear-gradient(90deg,#f0e8e0 25%,#faf7f4,#f0e8e0 75%);background-size:200% 100%;animation:shimmer-informasi-super 1.4s infinite;border-radius:16px;height:320px}@keyframes shimmer-informasi-super{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-informasi-super{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000d}.empty-ic-informasi-super{font-size:48px;color:#d9cfc8;margin-bottom:16px}.empty-informasi-super h3{color:#5b3a1a;margin-bottom:8px}.empty-informasi-super p{color:#999;font-size:14px}.card-informasi-super{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000f;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s}.card-informasi-super:hover{box-shadow:0 8px 28px #5b3a1a1f;transform:translateY(-3px)}.card-foto-wrap-informasi-super{position:relative;width:100%;height:200px;background:#f0e8e0;flex-shrink:0;overflow:hidden}.card-foto-wrap-informasi-super .placeholder-informasi-super{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#c5b5a8;background:#faf7f4}.card-informasi-super-foto{width:100%;height:100%;object-fit:cover;display:block}.badge-informasi-super{position:absolute;top:12px;left:12px;padding:5px 14px;border-radius:30px;font-size:11px;font-weight:700;color:#fff;letter-spacing:.3px}.badge-informasi-super.published{background:#198754}.badge-informasi-super.hidden{background:#6c757d}.card-informasi-super-body{padding:18px 20px;display:flex;flex-direction:column;gap:10px;flex:1}.card-informasi-super-judul{color:#5b3a1a;font-size:17px;font-weight:700;margin:0;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-informasi-super-desk{color:#555;font-size:13px;line-height:1.65;margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-informasi-super-tgl{display:flex;align-items:center;gap:6px;font-size:12px;color:#999;margin-top:auto;padding-top:6px;border-top:1px solid #f0e8e0}.card-informasi-super-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-aksi-informasi-super{display:flex;align-items:center;gap:6px;padding:9px 14px;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s;flex:1;justify-content:center}.btn-aksi-informasi-super:active{transform:scale(.97)}.btn-aksi-informasi-super.hide{background:#e9e9e9;color:#444}.btn-aksi-informasi-super.hide:hover{background:#d5d5d5}.btn-aksi-informasi-super.publish{background:#d1fae5;color:#065f46}.btn-aksi-informasi-super.publish:hover{background:#a7f3d0}.btn-aksi-informasi-super.delete{background:#fee2e2;color:#b91c1c;flex:none;padding:9px 16px}.btn-aksi-informasi-super.delete:hover{background:#fecaca}.scroll-fade-up-informasi-super{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.scroll-fade-up-informasi-super.visible-informasi-super{opacity:1;transform:translateY(0)}@media(max-width:900px){.container-informasi-super{padding:24px 18px}.form-informasi-super{padding:20px 18px}.grid-informasi-super{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(max-width:600px){.container-informasi-super{padding:16px 12px}.header-informasi-super{padding:18px}.header-informasi-super h1{font-size:20px}.form-informasi-super{padding:16px;gap:16px}.grid-informasi-super{grid-template-columns:1fr}.card-foto-wrap-informasi-super{height:180px}.toolbar-informasi-super{flex-direction:column;align-items:flex-start}.toolbar-informasi-super select{width:100%}.toolbar-count-informasi-super{margin-left:0}.btn-informasi-super{width:100%}.upload-informasi-super{flex-direction:column;align-items:flex-start;gap:10px}.preview-informasi-super{max-width:100%}}.potong-container-potongadmin{max-width:900px;margin:auto;padding:40px 20px;animation:fadeInUp .6s ease-out}.potong-title-potongadmin{text-align:center;color:#5b3a1a;margin-bottom:20px;font-size:26px;font-weight:700}.info-box-potongadmin{background:#5b3a1a;color:#fff;padding:15px;border-radius:8px;margin-bottom:20px}.search-box-potongadmin{position:relative;margin-bottom:20px}.search-box-potongadmin input{width:100%;padding:12px;border-radius:6px;border:1px solid #ccc;font-size:14px;outline:none;transition:.3s}.search-box-potongadmin input:focus{border-color:#5b3a1a;box-shadow:0 0 0 2px #5b3a1a1a}.search-result-potongadmin{position:absolute;background:#fff;width:100%;border:1px solid #ddd;max-height:200px;overflow-y:auto;border-radius:6px;margin-top:5px;z-index:10;box-shadow:0 5px 15px #0000001a}.search-result-potongadmin li{padding:10px;cursor:pointer;font-size:14px;transition:background .2s}.search-result-potongadmin li:hover{background:#f1f1f1}.no-data-potongadmin{text-align:center;color:#999;padding:10px}.mahasiswa-box-potongadmin{background:#f5f5f5;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e0e0e0;box-shadow:0 2px 6px #0000000d;animation:fadeInUp .4s ease-out}.mahasiswa-text-potongadmin{font-size:15px;color:#333;line-height:1.4}.reset-btn-potongadmin{background:#5b3a1a;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.reset-btn-potongadmin svg{font-size:14px}.reset-btn-potongadmin:hover{background:#7a4d24;transform:scale(1.1)}.reset-btn-potongadmin:active{transform:scale(.95)}.potong-form-potongadmin{background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 20px #0000001a;display:flex;flex-direction:column;gap:18px;animation:fadeInUp .5s ease-out}.form-group-potongadmin{display:flex;flex-direction:column;gap:5px}.form-group-potongadmin label{font-weight:700;color:#333}.form-group-potongadmin input,.form-group-potongadmin select,.form-group-potongadmin textarea{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px;outline:none;transition:.3s}.form-group-potongadmin input:focus,.form-group-potongadmin select:focus,.form-group-potongadmin textarea:focus{border-color:#5b3a1a;box-shadow:0 0 0 2px #5b3a1a1a}.form-group-potongadmin textarea{resize:vertical}.btn-potong-potongadmin{background:#5b3a1a;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:700;cursor:pointer;transition:.3s;margin-top:10px}.btn-potong-potongadmin:hover{background:#7a4d24}@media(max-width:768px){.potong-container-potongadmin{padding:20px 15px}.potong-form-potongadmin{padding:20px}.potong-title-potongadmin{font-size:22px}.mahasiswa-text-potongadmin{font-size:14px}.reset-btn-potongadmin{width:28px;height:28px}.reset-btn-potongadmin svg{font-size:12px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.scroll-fade-up{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-fade-up.visible{opacity:1;transform:translateY(0)}.upload-box-potongadmin{margin-bottom:25px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.upload-label-potongadmin{display:inline-flex;align-items:center;gap:10px;background:#217346;color:#fff;padding:14px 22px;border-radius:8px;cursor:pointer;font-weight:600;transition:.3s}.upload-label-potongadmin:hover{background:#185c37}.download-template-btn-potongadmin{display:inline-flex;align-items:center;gap:10px;background:#217346;color:#fff;padding:14px 22px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;font-family:inherit;transition:.3s}.download-template-btn-potongadmin:hover{background:#185c37}.preview-table-potongadmin{background:#fff;border-radius:12px;padding:20px;overflow-x:auto;margin-top:20px;box-shadow:0 5px 20px #00000014}.preview-header-potongadmin{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px;flex-wrap:wrap}.preview-header-potongadmin h3{color:#5b3a1a;font-size:20px}.preview-table-potongadmin table{width:100%;border-collapse:collapse}.preview-table-potongadmin th{background:#5b3a1a;color:#fff;padding:12px;text-align:left}.preview-table-potongadmin td{padding:12px;border-bottom:1px solid #e5e5e5}.preview-table-potongadmin tr:hover{background:#f9f9f9}.btn-hapus-excel-potongadmin{background:#c62828;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.3s}.btn-hapus-excel-potongadmin:hover{background:#a61f1f}.excel-submit-potongadmin{margin-top:20px}.excel-submit-potongadmin button{width:100%;background:#5b3a1a;color:#fff;border:none;padding:14px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:.3s}.excel-submit-potongadmin button:hover{background:#7a4d24}@media(max-width:768px){.upload-box-potongadmin{flex-direction:column;align-items:stretch}.upload-label-potongadmin,.download-template-btn-potongadmin{justify-content:center}.preview-header-potongadmin{flex-direction:column;align-items:flex-start}.btn-hapus-excel-potongadmin{width:100%;justify-content:center}}.riwayat-container-admin{padding:40px;max-width:1300px;margin:auto}.riwayat-title-admin{text-align:center;margin-bottom:25px;color:#5b3a1a}.search-container-admin{margin-bottom:20px}.search-container-admin input{width:100%;padding:12px;border-radius:6px;border:1px solid #ccc;outline:none}.filter-container-admin{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filter-container-admin select{padding:10px;border-radius:6px;border:1px solid #ccc}.table-wrapper-admin{width:100%;overflow-x:auto;border-radius:10px;background:#fff;box-shadow:0 5px 20px #0000001a}.riwayat-table-admin{width:100%;border-collapse:collapse;min-width:1200px}.riwayat-table-admin th{background:#5b3a1a;color:#fff;padding:12px;text-align:left}.riwayat-table-admin td{padding:12px;border-bottom:1px solid #eee}.riwayat-table-admin tr:hover{background:#fafafa}.riwayat-table-admin th:first-child,.riwayat-table-admin td:first-child{text-align:center;width:50px}.table-description-admin{text-align:center!important;background:#f5efe6!important;color:#5b3a1a!important;font-weight:500;font-size:14px;padding:14px;border-bottom:2px solid #5b3a1a}.status-valid{background:#d4edda;color:#155724;padding:6px 12px;border-radius:8px;font-weight:700}.status-menunggu{background:#fff3cd;color:#856404;padding:6px 12px;border-radius:8px;font-weight:700}.status-tolak{background:#f8d7da;color:#721c24;padding:6px 12px;border-radius:8px;font-weight:700}@media(max-width:768px){.riwayat-container-admin{padding:20px}.filter-container-admin{flex-direction:column}.riwayat-table-admin th,.riwayat-table-admin td{font-size:12px;padding:8px}}.cetak-container-admin{margin-top:20px;text-align:right}.btn-cetak-admin{background:#5b3a1a;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;transition:.3s}.btn-cetak-admin:hover{background:#3e2713}.mhs-container-mhsadmin{padding:40px;max-width:1300px;margin:auto}.mhs-header-mhsadmin{background:#fff;padding:25px;border-radius:12px;margin-bottom:25px;border-left:6px solid #5b3a1a}.mhs-header-mhsadmin h2{color:#5b3a1a}.filter-container-mhsadmin{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.search-input-mhsadmin,.filter-container-mhsadmin select{padding:10px;border:1px solid #ccc;border-radius:6px}.search-input-mhsadmin{flex:1;min-width:250px}.btn-print-mhsadmin{background:#5b3a1a;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;display:flex;gap:8px;align-items:center;font-weight:600}.btn-print-mhsadmin:hover{background:#3d2511}.mhs-table-wrapper-mhsadmin{overflow-x:auto;background:#fff;border-radius:10px}.mhs-table-mhsadmin{width:100%;border-collapse:collapse;min-width:1400px}.mhs-table-mhsadmin th{background:#5b3a1a;color:#fff;padding:14px;text-align:left;white-space:nowrap}.mhs-table-mhsadmin td{padding:14px;border-bottom:1px solid #eee;vertical-align:top}.text-wrap-mhsadmin{max-width:180px;word-wrap:break-word;line-height:1.5}.status-mhsadmin{padding:5px 10px;border-radius:5px;font-size:12px}.status-mhsadmin.aktif{background:#d4edda;color:#155724}.scroll-fade-up-mhsadmin{opacity:0;transform:translateY(30px);transition:.8s}.scroll-slide-left-mhsadmin{opacity:0;transform:translate(-40px);transition:.8s}.visible-mhsadmin{opacity:1;transform:none}@media(max-width:768px){.mhs-container-mhsadmin{padding:20px}.filter-container-mhsadmin{flex-direction:column}.search-input-mhsadmin{width:100%}.mhs-table-mhsadmin th,.mhs-table-mhsadmin td{font-size:12px;padding:10px}.btn-print-mhsadmin{width:100%;justify-content:center}}@media print{nav,.filter-container-mhsadmin,.btn-print-mhsadmin{display:none!important}.mhs-container-mhsadmin{padding:0;margin:0}.mhs-header-mhsadmin{border:none;padding:0;margin-bottom:20px}.mhs-table-wrapper-mhsadmin{overflow:visible}.mhs-table-mhsadmin{min-width:100%;font-size:12px}}.dosen-container-dosenadmin{padding:40px;max-width:1300px;margin:auto}.dosen-header-dosenadmin{background:#fff;padding:25px;border-radius:12px;margin-bottom:25px;border-left:6px solid #5b3a1a}.dosen-header-dosenadmin h2{color:#5b3a1a}.filter-container-dosenadmin{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.search-input-dosenadmin,.filter-container-dosenadmin select{padding:10px;border:1px solid #ccc;border-radius:6px}.search-input-dosenadmin{flex:1;min-width:250px}.btn-print-dosenadmin{background:#5b3a1a;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;display:flex;gap:8px;align-items:center;font-weight:600}.btn-print-dosenadmin:hover{background:#3d2511}.dosen-table-wrapper-dosenadmin{overflow-x:auto;background:#fff;border-radius:10px}.dosen-table-dosenadmin{width:100%;border-collapse:collapse;min-width:1300px}.dosen-table-dosenadmin th{background:#5b3a1a;color:#fff;padding:14px;text-align:left;white-space:nowrap}.dosen-table-dosenadmin td{padding:14px;border-bottom:1px solid #eee;vertical-align:top}.text-wrap-dosenadmin{max-width:180px;word-wrap:break-word;line-height:1.5}.status-dosenadmin{padding:5px 10px;border-radius:5px;font-size:12px}.status-dosenadmin.aktif{background:#d4edda;color:#155724}.scroll-fade-up-dosenadmin{opacity:0;transform:translateY(30px);transition:.8s}.scroll-slide-left-dosenadmin{opacity:0;transform:translate(-40px);transition:.8s}.visible-dosenadmin{opacity:1;transform:none}@media(max-width:768px){.dosen-container-dosenadmin{padding:20px}.filter-container-dosenadmin{flex-direction:column}.search-input-dosenadmin{width:100%}.dosen-table-dosenadmin th,.dosen-table-dosenadmin td{font-size:12px;padding:10px}.btn-print-dosenadmin{width:100%;justify-content:center}}@media print{nav,.filter-container-dosenadmin,.btn-print-dosenadmin{display:none!important}.dosen-container-dosenadmin{padding:0;margin:0}.dosen-header-dosenadmin{border:none;padding:0;margin-bottom:20px}.dosen-table-wrapper-dosenadmin{overflow:visible}.dosen-table-dosenadmin{min-width:100%;font-size:12px}}.info-container-infoadmin{padding:40px;max-width:1300px;margin:auto}.info-header-infoadmin{background:#fff;padding:25px;border-radius:12px;margin-bottom:25px;border-left:6px solid #5b3a1a}.info-header-infoadmin h2{color:#5b3a1a}.info-form-infoadmin{background:#fff;padding:25px;border-radius:12px;margin-bottom:25px;display:flex;flex-direction:column;gap:15px}.info-form-infoadmin input,.info-form-infoadmin textarea{padding:12px;border:1px solid #ccc;border-radius:8px;font-size:14px}.info-form-infoadmin textarea{min-height:120px;resize:vertical}.info-form-infoadmin button{background:#5b3a1a;color:#fff;border:none;padding:14px;border-radius:8px;cursor:pointer;font-weight:600}.info-form-infoadmin button:hover{background:#3d2511}.info-table-wrapper-infoadmin{overflow-x:auto;background:#fff;border-radius:12px}.info-table-infoadmin{width:100%;border-collapse:collapse;min-width:1200px}.info-table-infoadmin th{background:#5b3a1a;color:#fff;padding:14px;text-align:left}.info-table-infoadmin td{padding:14px;border-bottom:1px solid #eee;vertical-align:top}.table-img-infoadmin{width:80px;height:60px;object-fit:cover;border-radius:8px}.text-wrap-infoadmin{max-width:250px;word-wrap:break-word;line-height:1.5}.btn-edit-infoadmin,.btn-delete-infoadmin{border:none;padding:8px 14px;margin-right:8px;border-radius:6px;cursor:pointer;font-weight:600}.btn-edit-infoadmin{background:#5b3a1a;color:#fff}.btn-edit-infoadmin:hover{background:#3d2511}.btn-delete-infoadmin{background:#dc3545;color:#fff}.btn-delete-infoadmin:hover{background:#b02a37}.scroll-fade-up-infoadmin{opacity:0;transform:translateY(30px);transition:.8s}.scroll-slide-left-infoadmin{opacity:0;transform:translate(-40px);transition:.8s}.visible-infoadmin{opacity:1;transform:none}@media(max-width:768px){.info-container-infoadmin,.info-form-infoadmin{padding:20px}.info-table-infoadmin th,.info-table-infoadmin td{font-size:12px;padding:10px}.btn-edit-infoadmin,.btn-delete-infoadmin{width:100%;margin-bottom:8px}}.info-form-infoadmin label{font-weight:600;color:#5b3a1a;margin-top:5px;margin-bottom:-5px;font-size:14px}.info-form-infoadmin input[type=file]{padding:10px;background:#fafafa;border:1px solid #ddd;border-radius:8px;cursor:pointer}.preview-img-infoadmin{width:220px;max-width:100%;height:150px;object-fit:cover;border-radius:10px;border:1px solid #ddd;margin-top:10px}.info-form-infoadmin button{margin-top:10px;transition:.3s}.info-form-infoadmin button:hover{transform:translateY(-2px)}.btn-edit-infoadmin,.btn-delete-infoadmin{min-width:90px;text-align:center}@media(max-width:768px){.preview-img-infoadmin{width:100%;height:200px}.info-form-infoadmin label{font-size:13px}}.akses-ditolak-infoadmin{min-height:80vh;display:flex;justify-content:center;align-items:center;padding:30px}.box-akses-ditolak-infoadmin{background:#fff;padding:40px;border-radius:14px;text-align:center;max-width:500px;width:100%;border-left:6px solid #dc3545;box-shadow:0 5px 20px #00000014}.box-akses-ditolak-infoadmin h2{color:#dc3545;margin-bottom:10px}.box-akses-ditolak-infoadmin p{color:#555;line-height:1.6}.container-lihatinformasiadmin{padding:40px;max-width:1400px;margin:auto}.header-lihatinformasiadmin{background:#fff;padding:25px;border-radius:12px;margin-bottom:30px;border-left:6px solid #5b3a1a}.header-lihatinformasiadmin h2{color:#5b3a1a;margin-bottom:10px}.header-lihatinformasiadmin p{color:#555;line-height:1.6}.section-container-lihatinformasiadmin{display:flex;flex-direction:column;gap:25px}.berita-card-lihatinformasiadmin{background:#fff;border-radius:16px;overflow:hidden;display:flex;gap:20px;padding:20px;box-shadow:0 4px 16px #0000000d;align-items:flex-start}.kegiatan-img-box-lihatinformasiadmin{width:320px;flex-shrink:0}.berita-img-lihatinformasiadmin{width:100%;height:240px;object-fit:cover;border-radius:14px}.berita-text-lihatinformasiadmin{flex:1}.berita-text-lihatinformasiadmin h4{color:#5b3a1a;margin-bottom:14px;font-size:25px}.berita-text-lihatinformasiadmin p{color:#555;line-height:1.8;margin-bottom:20px}.detail-lihatinformasiadmin{display:flex;flex-direction:column;gap:10px;margin-bottom:25px}.detail-lihatinformasiadmin span{color:#444;font-size:14px}.detail-lihatinformasiadmin strong{color:#5b3a1a}.aksi-group-lihatinformasiadmin{display:flex;flex-wrap:wrap;gap:12px}.btn-edit-lihatinformasiadmin,.btn-delete-lihatinformasiadmin,.btn-save-lihatinformasiadmin,.btn-cancel-lihatinformasiadmin{border:none;padding:12px 18px;border-radius:10px;cursor:pointer;color:#fff;font-weight:700;transition:.3s}.btn-edit-lihatinformasiadmin{background:#5b3a1a}.btn-edit-lihatinformasiadmin:hover{background:#3f2812}.btn-delete-lihatinformasiadmin{background:#dc3545}.btn-delete-lihatinformasiadmin:hover{background:#bb2d3b}.btn-save-lihatinformasiadmin{background:#198754}.btn-save-lihatinformasiadmin:hover{background:#146c43}.btn-cancel-lihatinformasiadmin{background:#6c757d}.btn-cancel-lihatinformasiadmin:hover{background:#565e64}.edit-form-lihatinformasiadmin{width:100%}.edit-form-lihatinformasiadmin h3{color:#5b3a1a;margin-bottom:10px}.edit-form-lihatinformasiadmin p{color:#666;margin-bottom:25px}.edit-form-lihatinformasiadmin input,.edit-form-lihatinformasiadmin textarea{width:100%;padding:14px;border:1px solid #ddd;border-radius:10px;margin-bottom:18px;font-size:14px;outline:none}.edit-form-lihatinformasiadmin textarea{min-height:140px;resize:vertical}.edit-form-lihatinformasiadmin input:focus,.edit-form-lihatinformasiadmin textarea:focus{border-color:#5b3a1a}.edit-form-lihatinformasiadmin label{display:block;margin-bottom:10px;font-weight:700;color:#5b3a1a}.preview-img-lihatinformasiadmin{width:100%;max-width:350px;border-radius:14px;margin-top:10px;margin-bottom:20px;object-fit:cover}.edit-btn-group-lihatinformasiadmin{display:flex;flex-wrap:wrap;gap:12px}.scroll-fade-up-lihatinformasiadmin{opacity:0;transform:translateY(30px);transition:.8s}.visible-lihatinformasiadmin{opacity:1;transform:none}.akses-ditolak-lihatinformasiadmin{min-height:80vh;display:flex;justify-content:center;align-items:center;padding:30px}.box-akses-ditolak-lihatinformasiadmin{background:#fff;padding:40px;border-radius:14px;text-align:center;max-width:500px;width:100%;border-left:6px solid #dc3545;box-shadow:0 5px 20px #00000014}.box-akses-ditolak-lihatinformasiadmin h2{color:#dc3545;margin-bottom:10px}.box-akses-ditolak-lihatinformasiadmin p{color:#555;line-height:1.6}@media(max-width:900px){.container-lihatinformasiadmin{padding:20px}.berita-card-lihatinformasiadmin{flex-direction:column}.kegiatan-img-box-lihatinformasiadmin{width:100%}.berita-img-lihatinformasiadmin{height:220px}.aksi-group-lihatinformasiadmin,.edit-btn-group-lihatinformasiadmin{flex-direction:column}.btn-edit-lihatinformasiadmin,.btn-delete-lihatinformasiadmin,.btn-save-lihatinformasiadmin,.btn-cancel-lihatinformasiadmin{width:100%}}.container-acaraadmin{padding:40px;max-width:1300px;margin:auto}.header-acaraadmin,.preview-header-acaraadmin{background:#fff;padding:25px;border-radius:12px;margin-bottom:25px;border-left:6px solid #5b3a1a}.header-acaraadmin h2,.preview-header-acaraadmin h2{color:#5b3a1a;margin-bottom:8px}.header-acaraadmin p,.preview-header-acaraadmin p{color:#555;line-height:1.6}.form-acaraadmin{background:#fff;padding:25px;border-radius:12px;margin-bottom:30px;display:flex;flex-direction:column;gap:14px}.form-acaraadmin h3{color:#5b3a1a;margin-bottom:10px}.form-acaraadmin input,.form-acaraadmin textarea,.form-acaraadmin select{padding:12px;border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none;width:100%}.form-acaraadmin textarea{min-height:110px;resize:vertical}.form-acaraadmin label{font-weight:600;color:#5b3a1a;margin-top:5px}.form-acaraadmin button{background:#5b3a1a;color:#fff;border:none;padding:13px;border-radius:8px;cursor:pointer;font-weight:600;transition:.3s}.form-acaraadmin button:hover{background:#3f2812}.btn-cancel-acaraadmin{background:#999!important}.btn-cancel-acaraadmin:hover{background:#777!important}.preview-img-acaraadmin{width:220px;height:150px;object-fit:cover;border-radius:10px;border:1px solid #ddd;margin-top:10px}.table-wrapper-acaraadmin{overflow-x:auto;background:#fff;border-radius:12px;margin-bottom:35px}.table-acaraadmin{width:100%;min-width:1300px;border-collapse:collapse}.table-acaraadmin th{background:#5b3a1a;color:#fff;padding:14px;text-align:left;white-space:nowrap}.table-acaraadmin td{padding:14px;border-bottom:1px solid #eee;vertical-align:top}.table-img-acaraadmin{width:90px;height:65px;object-fit:cover;border-radius:8px;border:1px solid #ddd}.btn-edit-acaraadmin,.btn-delete-acaraadmin{border:none;padding:8px 14px;margin-right:8px;border-radius:6px;cursor:pointer;font-weight:600}.btn-edit-acaraadmin{background:#5b3a1a;color:#fff}.btn-edit-acaraadmin:hover{background:#3f2812}.btn-delete-acaraadmin{background:#d9534f;color:#fff}.btn-delete-acaraadmin:hover{background:#b52b27}.preview-section-acaraadmin{margin-top:20px}.preview-card-acaraadmin{background:#fff;border-radius:14px;overflow:hidden;margin-bottom:25px;display:flex;gap:20px;padding:20px;align-items:flex-start;box-shadow:0 2px 10px #0000000a}.preview-card-img-acaraadmin{width:240px;height:170px;object-fit:cover;border-radius:10px;flex-shrink:0}.preview-content-acaraadmin{flex:1}.preview-content-acaraadmin h4{color:#5b3a1a;margin-bottom:10px;font-size:20px}.preview-content-acaraadmin p{line-height:1.6;margin-bottom:15px;color:#444}.preview-detail-acaraadmin{display:flex;flex-direction:column;gap:8px;color:#444}.preview-detail-acaraadmin span strong{color:#5b3a1a}.scroll-fade-up-acaraadmin,.scroll-slide-left-acaraadmin{opacity:1;transform:none;transition:none}.visible-acaraadmin{opacity:1;transform:none}@media(max-width:768px){.container-acaraadmin{padding:20px}.table-acaraadmin th,.table-acaraadmin td{font-size:12px;padding:10px}.preview-card-acaraadmin{flex-direction:column}.preview-card-img-acaraadmin{width:100%;height:220px}.preview-img-acaraadmin{width:100%;height:200px}.btn-edit-acaraadmin,.btn-delete-acaraadmin{width:100%;margin-bottom:8px}}.akses-ditolak-acaraadmin{min-height:80vh;display:flex;justify-content:center;align-items:center;padding:30px}.box-akses-ditolak-acaraadmin{background:#fff;padding:40px;border-radius:14px;text-align:center;max-width:500px;width:100%;border-left:6px solid #dc3545;box-shadow:0 5px 20px #00000014}.box-akses-ditolak-acaraadmin h2{color:#dc3545;margin-bottom:10px}.box-akses-ditolak-acaraadmin p{color:#555;line-height:1.6}.section-divisi-acaraadmin{width:100%;margin-top:30px;padding:24px;background:#fff;border:1px solid #e7d8c7;border-radius:16px;box-sizing:border-box}.header-divisi-acaraadmin{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;flex-wrap:wrap}.header-divisi-acaraadmin h3{font-size:22px;color:#5b3a1a;margin-bottom:6px}.header-divisi-acaraadmin p{font-size:14px;color:#777;line-height:1.6}.btn-buka-divisi-acaraadmin{border:none;outline:none;background:#5b3a1a;color:#fff;padding:12px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:.3s;white-space:nowrap}.btn-buka-divisi-acaraadmin:hover{background:#3f2811;transform:translateY(-2px)}.form-divisi-acaraadmin{width:100%;margin-top:15px;padding:22px;background:#faf7f2;border-radius:14px;border:1px solid #eadfce;box-sizing:border-box}.form-divisi-acaraadmin input,.form-divisi-acaraadmin textarea{width:100%;margin-bottom:16px;padding:14px 16px;border-radius:10px;border:1px solid #d8c4ae;font-size:14px;box-sizing:border-box;background:#fff;transition:.3s}.form-divisi-acaraadmin input:focus,.form-divisi-acaraadmin textarea:focus{border-color:#5b3a1a;box-shadow:0 0 0 3px #5b3a1a1a;outline:none}.form-divisi-acaraadmin textarea{min-height:110px;resize:vertical}.btn-group-divisi-acaraadmin{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.btn-simpan-divisi-acaraadmin{border:none;background:#5b3a1a;color:#fff;padding:13px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:.3s}.btn-simpan-divisi-acaraadmin:hover{background:#3f2811}.btn-batal-divisi-acaraadmin{border:none;background:#d9d9d9;color:#333;padding:13px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:.3s}.btn-batal-divisi-acaraadmin:hover{background:#bfbfbf}.table-wrapper-divisi-acaraadmin{width:100%;margin-top:25px;overflow-x:auto;border-radius:14px;border:1px solid #eadfce}.table-divisi-acaraadmin{width:100%;border-collapse:collapse;background:#fff}.table-divisi-acaraadmin thead{background:#5b3a1a}.table-divisi-acaraadmin thead th{padding:16px;color:#fff;font-size:14px;font-weight:600;text-align:left}.table-divisi-acaraadmin tbody tr{border-bottom:1px solid #eee;transition:.2s}.table-divisi-acaraadmin tbody tr:hover{background:#faf7f2}.table-divisi-acaraadmin tbody td{padding:16px;font-size:14px;color:#444;vertical-align:top;line-height:1.6}.btn-hapus-divisi-acaraadmin{border:none;background:#d62828;color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:.3s}.btn-hapus-divisi-acaraadmin:hover{background:#b71c1c}@media screen and (max-width:768px){.section-divisi-acaraadmin{padding:18px}.header-divisi-acaraadmin{flex-direction:column}.btn-buka-divisi-acaraadmin{width:100%}.btn-group-divisi-acaraadmin{flex-direction:column}.btn-simpan-divisi-acaraadmin,.btn-batal-divisi-acaraadmin{width:100%}.table-divisi-acaraadmin thead th,.table-divisi-acaraadmin tbody td{padding:12px;font-size:13px}}.container-lihatacaraadmin{padding:40px;max-width:1400px;margin:auto}.header-lihatacaraadmin{background:#fff;padding:25px;border-radius:12px;margin-bottom:30px;border-left:6px solid #5b3a1a}.header-lihatacaraadmin h2{color:#5b3a1a;margin-bottom:10px}.header-lihatacaraadmin p{color:#555;line-height:1.6}.section-container-lihatacaraadmin{display:flex;flex-direction:column;gap:25px}.berita-card-lihatacaraadmin{background:#fff;border-radius:16px;overflow:hidden;display:flex;gap:20px;padding:20px;box-shadow:0 4px 16px #0000000d;align-items:stretch}.kegiatan-img-box-lihatacaraadmin{width:210px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:14px;background:#faf7f4;border:1px solid #ece2d8;border-radius:14px;padding:18px 16px}.kegiatan-icon-lihatacaraadmin{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:90px;font-size:56px;color:#c8a96e}.berita-img-lihatacaraadmin{width:100%;height:210px;object-fit:cover;border-radius:12px}.status-valid-lihatacaraadmin,.status-menunggu-lihatacaraadmin,.status-tolak-lihatacaraadmin{align-self:stretch;text-align:center;padding:7px 14px;border-radius:30px;color:#fff;font-size:12px;font-weight:700}.status-valid-lihatacaraadmin{background:#198754}.status-menunggu-lihatacaraadmin{background:#ffc107;color:#222}.status-tolak-lihatacaraadmin{background:#dc3545}.btn-daftar-lihatacaraadmin{width:100%;margin-top:auto;background:#5b3a1a;color:#fff;border:none;padding:13px;border-radius:10px;cursor:pointer;font-weight:700;transition:.3s}.btn-daftar-lihatacaraadmin:hover{background:#3f2812}.btn-daftar-lihatacaraadmin.aktif{background:#198754;cursor:default}.berita-text-lihatacaraadmin{flex:1;min-width:0}.berita-text-lihatacaraadmin h4{color:#5b3a1a;margin-bottom:10px;font-size:22px}.berita-text-lihatacaraadmin p{color:#555;line-height:1.7;margin-bottom:18px}.detail-lihatacaraadmin{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.detail-lihatacaraadmin span{color:#444;font-size:14px}.detail-lihatacaraadmin strong{color:#5b3a1a}.aksi-group-lihatacaraadmin{display:flex;flex-wrap:wrap;gap:10px}.btn-edit-lihatacaraadmin,.btn-delete-lihatacaraadmin,.btn-validasi-lihatacaraadmin,.btn-selesai-lihatacaraadmin{border:none;padding:10px 16px;border-radius:8px;cursor:pointer;color:#fff;font-weight:700;font-size:13px;transition:.3s}.btn-edit-lihatacaraadmin{background:#5b3a1a}.btn-edit-lihatacaraadmin:hover{background:#3f2812}.btn-delete-lihatacaraadmin{background:#dc3545}.btn-delete-lihatacaraadmin:hover{background:#bb2d3b}.btn-validasi-lihatacaraadmin{background:#198754}.btn-validasi-lihatacaraadmin:hover{background:#146c43}.btn-selesai-lihatacaraadmin{background:#6c757d}.btn-selesai-lihatacaraadmin:hover{background:#565e64}.panitia-box-lihatacaraadmin{width:340px;flex-shrink:0;background:#faf7f4;border-radius:14px;padding:18px;border:1px solid #e8ddd5;display:flex;flex-direction:column}.panitia-title-lihatacaraadmin{color:#5b3a1a;font-size:15px;font-weight:700;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid #e8ddd5}.panitia-empty-lihatacaraadmin{color:#999;font-size:13px;text-align:center;padding:20px 0;flex:1;display:flex;align-items:center;justify-content:center}.table-wrapper-lihatacaraadmin{overflow-x:auto;border-radius:10px}.panitia-table-lihatacaraadmin{width:100%;border-collapse:collapse;font-size:13px}.panitia-table-lihatacaraadmin thead tr{background:#5b3a1a;color:#fff}.panitia-table-lihatacaraadmin thead th{padding:10px;text-align:left;font-weight:600;white-space:nowrap}.panitia-table-lihatacaraadmin tbody tr{border-bottom:1px solid #ede7e0;transition:background .2s}.panitia-table-lihatacaraadmin tbody tr:last-child{border-bottom:none}.panitia-table-lihatacaraadmin tbody tr:hover{background:#f0e8e0}.panitia-table-lihatacaraadmin tbody td{padding:9px 10px;color:#444;vertical-align:middle}.badge-icp-sudah-lihatacaraadmin,.badge-icp-belum-lihatacaraadmin{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.badge-icp-sudah-lihatacaraadmin{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.badge-icp-belum-lihatacaraadmin{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.edit-form-wrapper-lihatacaraadmin{width:100%;display:flex;flex-direction:column;gap:20px}.edit-form-header-lihatacaraadmin{padding-bottom:16px;border-bottom:2px solid #f0e8e0}.edit-form-header-lihatacaraadmin h3{color:#5b3a1a;font-size:20px;margin-bottom:6px}.edit-form-header-lihatacaraadmin p{color:#777;font-size:14px}.edit-form-body-lihatacaraadmin{display:grid;grid-template-columns:1fr 1fr;gap:24px}.edit-form-col-lihatacaraadmin{display:flex;flex-direction:column;gap:10px}.edit-form-col-lihatacaraadmin label{font-weight:600;color:#5b3a1a;font-size:13px;margin-top:4px}.edit-form-col-lihatacaraadmin input,.edit-form-col-lihatacaraadmin textarea,.edit-form-col-lihatacaraadmin select{padding:11px 13px;border:1px solid #d9cfc8;border-radius:8px;font-size:14px;outline:none;width:100%;background:#fdfcfb;color:#333;transition:border-color .2s,box-shadow .2s}.edit-form-col-lihatacaraadmin input:focus,.edit-form-col-lihatacaraadmin textarea:focus,.edit-form-col-lihatacaraadmin select:focus{border-color:#5b3a1a;box-shadow:0 0 0 3px #5b3a1a1a}.edit-form-col-lihatacaraadmin textarea{min-height:110px;resize:vertical}.edit-preview-img-lihatacaraadmin{width:100%;max-width:260px;height:160px;object-fit:cover;border-radius:10px;border:1px solid #ddd;margin-top:6px}.edit-form-actions-lihatacaraadmin{display:flex;gap:12px;padding-top:6px;border-top:2px solid #f0e8e0}.btn-simpan-edit-lihatacaraadmin,.btn-batal-edit-lihatacaraadmin{border:none;padding:12px 28px;border-radius:8px;cursor:pointer;font-weight:700;font-size:14px;transition:.3s}.btn-simpan-edit-lihatacaraadmin{background:#5b3a1a;color:#fff}.btn-simpan-edit-lihatacaraadmin:hover{background:#3f2812}.btn-batal-edit-lihatacaraadmin{background:#e9e9e9;color:#444}.btn-batal-edit-lihatacaraadmin:hover{background:#d5d5d5}.scroll-fade-up-lihatacaraadmin{opacity:1;transform:none;transition:none}.visible-lihatacaraadmin{opacity:1;transform:none}.akses-ditolak-lihatacaraadmin{min-height:80vh;display:flex;justify-content:center;align-items:center;padding:30px}.box-akses-ditolak-lihatacaraadmin{background:#fff;padding:40px;border-radius:14px;text-align:center;max-width:500px;width:100%;border-left:6px solid #dc3545;box-shadow:0 5px 20px #00000014}.box-akses-ditolak-lihatacaraadmin h2{color:#dc3545;margin-bottom:10px}.box-akses-ditolak-lihatacaraadmin p{color:#555;line-height:1.6}@media(max-width:1200px){.berita-card-lihatacaraadmin{flex-wrap:wrap}.panitia-box-lihatacaraadmin{width:100%}}@media(max-width:900px){.container-lihatacaraadmin{padding:20px}.berita-card-lihatacaraadmin{flex-direction:column}.kegiatan-img-box-lihatacaraadmin{width:100%}.berita-img-lihatacaraadmin{height:220px}.panitia-box-lihatacaraadmin{width:100%}.aksi-group-lihatacaraadmin{flex-direction:column}.btn-edit-lihatacaraadmin,.btn-delete-lihatacaraadmin,.btn-validasi-lihatacaraadmin,.btn-selesai-lihatacaraadmin{width:100%}.edit-form-body-lihatacaraadmin{grid-template-columns:1fr}.edit-form-actions-lihatacaraadmin{flex-direction:column}.btn-simpan-edit-lihatacaraadmin,.btn-batal-edit-lihatacaraadmin{width:100%;text-align:center}}.divisi-toggle-btn{margin:15px 0 10px}.btn-lihat-divisi{background:#f0e8e0;border:1px solid #d9cfc8;padding:8px 16px;border-radius:8px;cursor:pointer;color:#5b3a1a;font-weight:600;font-size:13px;transition:.3s;width:100%;text-align:center}.btn-lihat-divisi:hover{background:#e8ddd5;border-color:#c5b5a8}.divisi-detail-wrapper{background:#faf7f4;border-radius:12px;padding:16px;margin:12px 0;border:1px solid #e8ddd5}.divisi-detail-wrapper h5{color:#5b3a1a;font-size:14px;font-weight:700;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e8ddd5}.divisi-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.divisi-card-mini{background:#fff;border-radius:10px;padding:12px;border:1px solid #e8ddd5;transition:all .2s}.divisi-card-mini:hover{border-color:#c5b5a8;box-shadow:0 2px 6px #0000000d}.divisi-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.divisi-card-header strong{color:#5b3a1a;font-size:14px}.divisi-kuota{background:#e8ddd5;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;color:#5b3a1a}.divisi-deskripsi-mini{color:#666;font-size:12px;line-height:1.5;margin:0}.edit-divisi-header-lihatacaraadmin{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:12px}.edit-divisi-header-lihatacaraadmin h4{color:#5b3a1a;font-size:16px;margin-bottom:4px}.edit-divisi-header-lihatacaraadmin p{color:#777;font-size:12px;margin:0}.btn-tambah-divisi-edit{background:#5b3a1a;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:.3s}.btn-tambah-divisi-edit:hover{background:#3f2812}.edit-form-divisi-lihatacaraadmin{background:#fff;border-radius:10px;padding:16px;margin-bottom:20px;border:1px solid #e8ddd5}.edit-form-divisi-lihatacaraadmin input,.edit-form-divisi-lihatacaraadmin textarea{width:100%;padding:10px 12px;margin-bottom:12px;border:1px solid #d9cfc8;border-radius:8px;font-size:13px;background:#fdfcfb}.edit-form-divisi-lihatacaraadmin textarea{min-height:70px;resize:vertical}.btn-group-edit-divisi{display:flex;gap:10px}.btn-simpan-edit-divisi{background:#198754;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;flex:1}.btn-simpan-edit-divisi:hover{background:#146c43}.btn-batal-edit-divisi{background:#e9e9e9;color:#444;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;flex:1}.edit-divisi-table-wrapper{overflow-x:auto;margin-top:16px}.edit-divisi-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}.edit-divisi-table thead th{padding:10px 12px;text-align:left;font-size:13px;font-weight:600}.edit-divisi-table tbody tr{border-bottom:1px solid #e8ddd5}.edit-divisi-table tbody td{padding:10px 12px;font-size:13px;color:#444}.btn-hapus-edit-divisi{background:#dc3545;color:#fff;border:none;padding:5px 12px;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;transition:.3s}.btn-hapus-edit-divisi:hover{background:#bb2d3b}@media(max-width:900px){.edit-divisi-header-lihatacaraadmin{flex-direction:column}.btn-tambah-divisi-edit{width:100%}.btn-group-edit-divisi{flex-direction:column}.edit-divisi-table thead th,.edit-divisi-table tbody td{padding:8px;font-size:11px}.divisi-card-header{flex-direction:column;align-items:flex-start;gap:5px}}.edit-divisi-section-lihatacaraadmin{background:#faf7f4;border-radius:12px;padding:20px;margin:20px 0;border:1px solid #e8ddd5}.edit-divisi-header-lihatacaraadmin{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:15px;border-bottom:2px solid #e8ddd5}.edit-divisi-header-lihatacaraadmin h4{color:#5b3a1a;font-size:18px;margin-bottom:5px;font-weight:700}.edit-divisi-header-lihatacaraadmin p{color:#777;font-size:13px;margin:0}.btn-tambah-divisi-edit{background:#5b3a1a;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:.3s;display:flex;align-items:center;gap:5px}.btn-tambah-divisi-edit:hover{background:#3f2812;transform:translateY(-1px);box-shadow:0 2px 8px #5b3a1a33}.edit-form-divisi-lihatacaraadmin{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;border:1px solid #e8ddd5;box-shadow:0 2px 6px #0000000d}.edit-form-divisi-lihatacaraadmin input,.edit-form-divisi-lihatacaraadmin textarea{width:100%;padding:12px 14px;margin-bottom:15px;border:1px solid #d9cfc8;border-radius:8px;font-size:14px;background:#fdfcfb;transition:all .3s}.edit-form-divisi-lihatacaraadmin input:focus,.edit-form-divisi-lihatacaraadmin textarea:focus{outline:none;border-color:#5b3a1a;box-shadow:0 0 0 3px #5b3a1a1a}.edit-form-divisi-lihatacaraadmin textarea{min-height:80px;resize:vertical;font-family:inherit}.btn-group-edit-divisi{display:flex;gap:12px;margin-top:5px}.btn-simpan-edit-divisi{background:#198754;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;flex:1;transition:.3s}.btn-simpan-edit-divisi:hover{background:#146c43;transform:translateY(-1px)}.btn-batal-edit-divisi{background:#e9e9e9;color:#444;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;flex:1;transition:.3s}.btn-batal-edit-divisi:hover{background:#d5d5d5}.edit-divisi-table-wrapper{overflow-x:auto;margin-top:20px;border-radius:12px;border:1px solid #e8ddd5;background:#fff}.edit-divisi-table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.edit-divisi-table thead{background:#5b3a1a;color:#fff}.edit-divisi-table thead th{padding:14px 16px;text-align:left;font-size:13px;font-weight:700;white-space:nowrap}.edit-divisi-table tbody tr{border-bottom:1px solid #e8ddd5;transition:background .2s}.edit-divisi-table tbody tr:hover{background:#fefaf7}.edit-divisi-table tbody tr:last-child{border-bottom:none}.edit-divisi-table tbody td{padding:14px 16px;color:#444;vertical-align:middle}.edit-divisi-table tbody td:first-child{font-weight:600;color:#5b3a1a;width:50px}.edit-divisi-table tbody td:nth-child(2){font-weight:600;color:#333;min-width:150px}.edit-divisi-table tbody td:nth-child(3){color:#666;line-height:1.5;min-width:250px}.edit-divisi-table tbody td:nth-child(4){text-align:center;width:80px}.edit-inline-input{width:100%;padding:8px 12px;border:2px solid #5b3a1a;border-radius:6px;font-size:13px;background:#fff;transition:.2s}.edit-inline-input:focus{outline:none;box-shadow:0 0 0 3px #5b3a1a1a}.edit-inline-input-small{width:80px;padding:8px 12px;border:2px solid #5b3a1a;border-radius:6px;font-size:13px;text-align:center;background:#fff}.edit-inline-input-small:focus{outline:none;box-shadow:0 0 0 3px #5b3a1a1a}.edit-inline-textarea{width:100%;padding:8px 12px;border:2px solid #5b3a1a;border-radius:6px;font-size:13px;background:#fff;resize:vertical;font-family:inherit;min-height:60px}.edit-inline-textarea:focus{outline:none;box-shadow:0 0 0 3px #5b3a1a1a}.aksi-divisi-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-edit-divisi-table{background:#ffc107;color:#222;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:.3s}.btn-edit-divisi-table:hover{background:#e0a800;transform:translateY(-1px)}.btn-hapus-edit-divisi{background:#dc3545;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:.3s}.btn-hapus-edit-divisi:hover{background:#bb2d3b;transform:translateY(-1px)}.edit-inline-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-save-edit-divisi{background:#198754;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:.3s}.btn-save-edit-divisi:hover{background:#146c43;transform:translateY(-1px)}.btn-cancel-edit-divisi{background:#6c757d;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:.3s}.btn-cancel-edit-divisi:hover{background:#565e64;transform:translateY(-1px)}.kuota-badge{display:inline-block;background:#e8ddd5;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#5b3a1a;text-align:center}@media(max-width:1024px){.edit-divisi-table thead th,.edit-divisi-table tbody td{padding:10px 12px}.edit-divisi-table tbody td:nth-child(3){min-width:200px}}@media(max-width:768px){.edit-divisi-header-lihatacaraadmin{flex-direction:column}.btn-tambah-divisi-edit{width:100%;justify-content:center}.btn-group-edit-divisi{flex-direction:column}.edit-divisi-table thead{display:none}.edit-divisi-table tbody tr{display:block;margin-bottom:15px;border:1px solid #e8ddd5;border-radius:8px;padding:12px}.edit-divisi-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0e8e0}.edit-divisi-table tbody td:last-child{border-bottom:none}.edit-divisi-table tbody td:before{content:attr(data-label);font-weight:700;color:#5b3a1a;width:40%}.aksi-divisi-buttons,.edit-inline-actions{width:100%;justify-content:flex-end}.edit-inline-input-small{width:100px}}@media(max-width:480px){.edit-divisi-section-lihatacaraadmin{padding:15px}.aksi-divisi-buttons,.edit-inline-actions{flex-direction:column;width:100%}.btn-edit-divisi-table,.btn-hapus-edit-divisi,.btn-save-edit-divisi,.btn-cancel-edit-divisi{width:100%;text-align:center}}.clickable-divisi{cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s}.clickable-divisi:hover{border-color:#5b3a1a;box-shadow:0 4px 14px #5b3a1a1f;transform:translateY(-2px);background:#fdf8f4}.divisi-card-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.divisi-hint-co{font-size:11px;font-weight:400;color:#a07850;letter-spacing:0;text-transform:none}.divisi-pilih-co-icon{font-size:11px;font-weight:600;color:#5b3a1a;background:#f0e8e0;padding:3px 9px;border-radius:8px;white-space:nowrap}.badge-co-divisi{background:#3b3b9e;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:10px;white-space:nowrap}.tr-co-lihatacaraadmin{background:#f0f0ff!important}.tr-co-lihatacaraadmin:hover{background:#e8e8ff!important}.panitia-nama-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.badge-co-panitia{display:inline-block;background:#3b3b9e;color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:8px;letter-spacing:.5px;white-space:nowrap}.co-modal-overlay-lihatacaraadmin{position:fixed;inset:0;background:#00000073;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:coFadeIn .2s ease}@keyframes coFadeIn{0%{opacity:0}to{opacity:1}}.co-modal-lihatacaraadmin{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;overflow:hidden;animation:coSlideUp .25s ease;max-height:90vh}@keyframes coSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.co-modal-header-lihatacaraadmin{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;border-bottom:1px solid #f0e8e0}.co-modal-header-lihatacaraadmin h3{margin:0 0 4px;color:#5b3a1a;font-size:18px;font-weight:700}.co-modal-divisi-nama{margin:0;font-size:13px;color:#888}.co-modal-close-lihatacaraadmin{background:#f3f3f3;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px;color:#555;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.co-modal-close-lihatacaraadmin:hover{background:#e0e0e0}.co-saat-ini-lihatacaraadmin{display:flex;align-items:center;gap:8px;padding:10px 22px;background:#f0f0ff;border-bottom:1px solid #ddddf5;flex-wrap:wrap}.co-saat-label{font-size:12px;font-weight:600;color:#5b5bbd}.co-saat-nama{font-size:13px;font-weight:700;color:#3b3b9e}.co-saat-nim{font-size:12px;color:#888}.btn-hapus-co-lihatacaraadmin{margin-left:auto;background:#fff0f0;color:#dc3545;border:1px solid #f5c6cb;padding:5px 12px;border-radius:7px;cursor:pointer;font-size:12px;font-weight:600;transition:background .2s}.btn-hapus-co-lihatacaraadmin:hover{background:#f8d7da}.co-search-wrapper-lihatacaraadmin{padding:14px 22px 10px}.co-search-input-lihatacaraadmin{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;box-sizing:border-box;background:#fdfcfb;transition:border-color .2s}.co-search-input-lihatacaraadmin:focus{border-color:#5b3a1a;box-shadow:0 0 0 3px #5b3a1a14}.co-mhs-list-lihatacaraadmin{overflow-y:auto;max-height:300px;padding:4px 22px 10px;display:flex;flex-direction:column;gap:8px}.co-empty-lihatacaraadmin{text-align:center;color:#aaa;font-size:13px;padding:20px 0}.co-mhs-item-lihatacaraadmin{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:2px solid #e8ddd5;cursor:pointer;transition:border-color .2s,background .2s;-webkit-user-select:none;user-select:none}.co-mhs-item-lihatacaraadmin:hover{border-color:#c5b5a8;background:#faf7f4}.co-mhs-item-lihatacaraadmin.selected{border-color:#5b3a1a;background:#fdf3eb}.co-mhs-avatar-lihatacaraadmin{width:38px;height:38px;border-radius:50%;background:#5b3a1a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0}.co-mhs-item-lihatacaraadmin.selected .co-mhs-avatar-lihatacaraadmin{background:#3b3b9e}.co-mhs-info-lihatacaraadmin{flex:1;min-width:0}.co-mhs-nama-lihatacaraadmin{font-weight:700;font-size:14px;color:#2c1a0a}.co-mhs-nim-lihatacaraadmin{font-size:12px;color:#888;margin-top:2px}.co-mhs-check-lihatacaraadmin{width:24px;height:24px;border-radius:50%;background:#5b3a1a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.co-modal-footer-lihatacaraadmin{display:flex;gap:10px;padding:14px 22px 20px;border-top:1px solid #f0e8e0}.btn-batal-co-lihatacaraadmin{flex:1;background:#e9e9e9;color:#444;border:none;padding:12px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s}.btn-batal-co-lihatacaraadmin:hover{background:#d5d5d5}.btn-simpan-co-lihatacaraadmin{flex:2;background:#5b3a1a;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;font-weight:700;font-size:14px;transition:background .2s}.btn-simpan-co-lihatacaraadmin:hover:not(:disabled){background:#3f2812}.btn-simpan-co-lihatacaraadmin:disabled{background:#bbb;cursor:not-allowed}.header-lihatacaraadmin{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.btn-toggle-hidden-lihatacaraadmin{background:#fff;color:#5b3a1a;border:1.5px solid #5b3a1a;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}.btn-toggle-hidden-lihatacaraadmin:hover{background:#5b3a1a;color:#fff}.point-display-lihatacaraadmin{cursor:pointer;font-weight:600;color:#1e8449;padding:4px 8px;border-radius:5px;display:inline-flex;align-items:center;gap:4px;transition:background .15s}.point-display-lihatacaraadmin:hover{background:#eafaf1}.point-default-tag-lihatacaraadmin{font-size:11px;font-weight:400;font-style:italic;color:#999}.point-edit-group-lihatacaraadmin{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.point-edit-input-lihatacaraadmin{width:64px;padding:5px 7px;border:1.5px solid #5b3a1a;border-radius:5px;font-size:12px;text-align:center;outline:none;background:#fffdf9}.point-edit-input-lihatacaraadmin:focus{border-color:#27ae60;box-shadow:0 0 0 2px #27ae6026}.point-edit-input-lihatacaraadmin::-webkit-outer-spin-button,.point-edit-input-lihatacaraadmin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn-point-save-lihatacaraadmin{background:#27ae60;color:#fff;border:none;padding:5px 10px;border-radius:5px;font-size:12px;cursor:pointer}.btn-point-save-lihatacaraadmin:hover:not(:disabled){background:#1e8449}.btn-point-save-lihatacaraadmin:disabled{opacity:.6;cursor:not-allowed}.btn-point-cancel-lihatacaraadmin{background:#95a5a6;color:#fff;border:none;padding:5px 10px;border-radius:5px;font-size:12px;cursor:pointer}.btn-point-cancel-lihatacaraadmin:hover:not(:disabled){background:#7f8c8d}.btn-point-cancel-lihatacaraadmin:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.header-lihatacaraadmin{flex-direction:column}.btn-toggle-hidden-lihatacaraadmin{width:100%}}.container-kepanitiaanadmin{padding:40px;max-width:1300px;margin:auto}.header-kepanitiaanadmin,.history-header-kepanitiaanadmin{background:#fff;padding:25px;border-radius:12px;margin-bottom:25px;border-left:6px solid #5b3a1a}.header-kepanitiaanadmin h2,.history-header-kepanitiaanadmin h2{color:#5b3a1a;margin-bottom:8px}.header-kepanitiaanadmin p,.history-header-kepanitiaanadmin p{color:#555;line-height:1.6}.card-kepanitiaanadmin{background:#fff;border-radius:14px;padding:25px;margin-bottom:30px;box-shadow:0 2px 10px #0000000a}.top-kepanitiaanadmin{display:flex;gap:24px;margin-bottom:25px;align-items:flex-start}.img-kepanitiaanadmin{width:240px;height:170px;object-fit:cover;border-radius:12px;border:1px solid #ddd;flex-shrink:0}.info-kepanitiaanadmin{flex:1}.info-kepanitiaanadmin h3{color:#5b3a1a;margin-bottom:10px;font-size:22px}.info-kepanitiaanadmin p{color:#444;line-height:1.7;margin-bottom:15px}.detail-kepanitiaanadmin{display:flex;flex-direction:column;gap:8px}.detail-kepanitiaanadmin span strong{color:#5b3a1a}.table-wrapper-kepanitiaanadmin{overflow-x:auto;background:#fff;border-radius:12px;margin-top:20px}.table-wrapper-kepanitiaanadmin h4{color:#5b3a1a;margin-bottom:15px;font-size:18px}.table-kepanitiaanadmin{width:100%;min-width:1100px;border-collapse:collapse}.table-kepanitiaanadmin th{background:#5b3a1a;color:#fff;padding:14px;text-align:left;white-space:nowrap}.table-kepanitiaanadmin td{padding:14px;border-bottom:1px solid #eee;vertical-align:top;color:#333}.status-kepanitiaanadmin{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600}.status-kepanitiaanadmin.done{background:#d4edda;color:#155724}.status-kepanitiaanadmin.pending{background:#fff3cd;color:#856404}.btn-beri-kepanitiaanadmin{background:#5b3a1a;color:#fff;border:none;padding:9px 14px;border-radius:7px;cursor:pointer;font-weight:600;transition:.3s}.btn-beri-kepanitiaanadmin:hover{background:#3f2812}.scroll-fade-up-kepanitiaanadmin{opacity:0;transform:translateY(30px);transition:.8s}.scroll-slide-left-kepanitiaanadmin{opacity:0;transform:translate(-40px);transition:.8s}.visible-kepanitiaanadmin{opacity:1;transform:none}@media(max-width:768px){.container-kepanitiaanadmin{padding:20px}.top-kepanitiaanadmin{flex-direction:column}.img-kepanitiaanadmin{width:100%;height:220px}.table-kepanitiaanadmin th,.table-kepanitiaanadmin td{font-size:12px;padding:10px}.btn-beri-kepanitiaanadmin{width:100%}}.akses-ditolak-kepanitiaanadmin{min-height:80vh;display:flex;justify-content:center;align-items:center;padding:30px}.box-akses-ditolak-kepanitiaanadmin{background:#fff;padding:40px;border-radius:16px;text-align:center;max-width:500px;width:100%;border-left:6px solid #dc3545;box-shadow:0 4px 20px #00000014}.box-akses-ditolak-kepanitiaanadmin h2{color:#dc3545;margin-bottom:12px}.box-akses-ditolak-kepanitiaanadmin p{color:#555;line-height:1.6}.container-panitiaadmin{padding:40px;max-width:1450px;margin:auto}.header-panitiaadmin{background:#fff;padding:25px;border-radius:14px;margin-bottom:30px;border-left:6px solid #5b3a1a}.header-panitiaadmin h2{color:#5b3a1a;margin-bottom:10px}.header-panitiaadmin p{color:#666;line-height:1.7}.section-container-panitiaadmin{display:flex;flex-direction:column;gap:24px}.card-panitiaadmin{background:#fff;border-radius:18px;overflow:hidden;display:flex;gap:22px;padding:22px;box-shadow:0 4px 16px #0000000d}.image-box-panitiaadmin{width:280px;flex-shrink:0}.image-panitiaadmin{width:100%;height:220px;object-fit:cover;border-radius:14px}.content-panitiaadmin{flex:1;min-width:0}.content-panitiaadmin h3{color:#5b3a1a;margin-bottom:16px;font-size:24px}.detail-panitiaadmin{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}.detail-panitiaadmin span{background:#f8f2ed;padding:10px 14px;border-radius:10px;color:#444;font-size:13px}.detail-panitiaadmin strong{color:#5b3a1a}.table-wrapper-panitiaadmin{overflow-x:auto;border-radius:12px}.table-panitiaadmin{width:100%;border-collapse:collapse;font-size:14px}.table-panitiaadmin thead tr{background:#5b3a1a;color:#fff}.table-panitiaadmin thead th{padding:14px;text-align:left;white-space:nowrap}.table-panitiaadmin tbody tr{border-bottom:1px solid #eee;transition:.2s}.table-panitiaadmin tbody tr:hover{background:#faf5f0}.table-panitiaadmin tbody td{padding:14px;color:#444}.empty-panitiaadmin{text-align:center;color:#999;padding:30px!important}.badge-terima-panitiaadmin,.badge-tolak-panitiaadmin,.badge-menunggu-panitiaadmin{display:inline-block;padding:6px 12px;border-radius:30px;font-size:12px;font-weight:700}.badge-terima-panitiaadmin{background:#d1fae5;color:#065f46}.badge-tolak-panitiaadmin{background:#fee2e2;color:#991b1b}.badge-menunggu-panitiaadmin{background:#fef3c7;color:#92400e}.aksi-panitiaadmin{display:flex;gap:8px}.btn-terima-panitiaadmin,.btn-tolak-panitiaadmin{border:none;padding:9px 14px;border-radius:8px;cursor:pointer;color:#fff;font-size:12px;font-weight:700;transition:.3s}.btn-terima-panitiaadmin{background:#198754}.btn-terima-panitiaadmin:hover{background:#146c43}.btn-tolak-panitiaadmin{background:#dc3545}.btn-tolak-panitiaadmin:hover{background:#bb2d3b}.info-panitiaadmin{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px}.info-panitiaadmin span{background:#f8f2ed;padding:10px 14px;border-radius:10px;color:#5b3a1a;font-size:13px;font-weight:600}.scroll-fade-up-panitiaadmin{opacity:1;transform:none;transition:none}.visible-panitiaadmin{opacity:1;transform:none}.akses-ditolak-panitiaadmin{min-height:80vh;display:flex;justify-content:center;align-items:center;padding:30px}.box-akses-ditolak-panitiaadmin{background:#fff;padding:40px;border-radius:14px;text-align:center;max-width:500px;width:100%;border-left:6px solid #dc3545;box-shadow:0 5px 20px #00000014}.box-akses-ditolak-panitiaadmin h2{color:#dc3545;margin-bottom:10px}.box-akses-ditolak-panitiaadmin p{color:#555;line-height:1.6}@media(max-width:1100px){.card-panitiaadmin{flex-direction:column}.image-box-panitiaadmin{width:100%}.image-panitiaadmin{height:250px}}@media(max-width:768px){.container-panitiaadmin{padding:20px}.content-panitiaadmin h3{font-size:20px}.detail-panitiaadmin,.aksi-panitiaadmin{flex-direction:column}.btn-terima-panitiaadmin,.btn-tolak-panitiaadmin{width:100%}.table-panitiaadmin{font-size:12px}.table-panitiaadmin thead th,.table-panitiaadmin tbody td{padding:10px}}.riwayatajukan-container{padding:40px;max-width:1100px;margin:auto}.riwayatajukan-title{text-align:center;margin-bottom:25px;color:#5b3a1a}.riwayatajukan-statistik{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.riwayatajukan-stat-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 3px 10px #0000001a;text-align:center}.riwayatajukan-plus{color:green;font-weight:700}.riwayatajukan-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.riwayatajukan-filter select{padding:10px;border-radius:6px}.riwayatajukan-table-wrapper{width:100%;overflow-x:auto;border-radius:10px;background:#fff;box-shadow:0 5px 20px #0000001a}.riwayatajukan-table{width:100%;border-collapse:collapse;min-width:800px}.riwayatajukan-table th{background:#5b3a1a;color:#fff;padding:12px}.riwayatajukan-table td{padding:12px;border-bottom:1px solid #eee}.riwayatajukan-status{font-weight:700;text-transform:capitalize}.riwayatajukan-status.valid{color:green}.riwayatajukan-status.menunggu{color:orange}.riwayatajukan-status.ditolak{color:red}.scroll-fade-up-riwayatajukan{opacity:0;transform:translateY(50px);transition:.8s}.scroll-fade-up-riwayatajukan.visible-riwayatajukan{opacity:1;transform:translateY(0)}.scroll-slide-left-riwayatajukan{opacity:0;transform:translate(-30px);transition:.6s}.scroll-slide-left-riwayatajukan.visible-riwayatajukan{opacity:1;transform:translate(0)}@media(max-width:768px){.riwayatajukan-container{padding:20px}.riwayatajukan-filter{flex-direction:column}.riwayatajukan-table th,.riwayatajukan-table td{font-size:12px}}.riwayatajukan-edit-col{white-space:nowrap}.btn-edit-riwayatajukan{background:#2980b9;color:#fff;border:none;padding:6px 10px;border-radius:5px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.btn-edit-riwayatajukan:hover{background:#1f618d}.edit-action-group-riwayatajukan{display:flex;flex-direction:column;gap:4px}.btn-save-riwayatajukan{background:#27ae60;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:5px}.btn-save-riwayatajukan:hover{background:#1e8449}.btn-cancel-edit-riwayatajukan{background:#95a5a6;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:5px}.btn-cancel-edit-riwayatajukan:hover{background:#7f8c8d}.locked-riwayatajukan{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#aaa;font-style:italic}.edit-input-riwayatajukan{padding:5px 7px;border:1.5px solid #5b3a1a;border-radius:5px;font-size:12px;width:100%;min-width:100px;box-sizing:border-box;outline:none;background:#fffdf9;color:#333}.edit-input-riwayatajukan:focus{border-color:#27ae60;box-shadow:0 0 0 2px #27ae6026}.edit-poin-riwayatajukan{min-width:60px;max-width:80px}.riwayatajukan-minus{color:#e74c3c;font-weight:700}.riwayatajukan-jenis.pemberian{color:#27ae60}.riwayatajukan-jenis.potongan{color:#e74c3c}.terimaicpadmin-container{padding:40px;max-width:1300px;margin:auto}.terimaicpadmin-header{background:#fff;padding:25px;border-radius:12px;margin-bottom:25px;border-left:6px solid #5b3a1a}.terimaicpadmin-header h2{color:#5b3a1a}.filter-container-terimaicpadmin{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filter-container-terimaicpadmin select,.search-input-terimaicpadmin{padding:10px;border-radius:6px;border:1px solid #ccc}.search-input-terimaicpadmin{flex:1;min-width:250px}.bulk-action-container-terimaicpadmin{display:flex;gap:10px;margin-bottom:15px}.btn-bulk-mode-terimaicpadmin,.btn-cancel-bulk-terimaicpadmin{background:#5b3a1a;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.terimaicpadmin-table-wrapper{overflow-x:auto;background:#fff;border-radius:10px;box-shadow:0 5px 20px #0000001a}.terimaicpadmin-table{width:100%;border-collapse:collapse;min-width:1100px}.terimaicpadmin-table th{background:#5b3a1a;color:#fff;padding:14px;text-align:left}.terimaicpadmin-table td{padding:14px;border-bottom:1px solid #eee}.text-wrap-terimaicpadmin{max-width:180px;word-wrap:break-word}.point-terimaicpadmin{font-weight:700;color:green}.status-terimaicpadmin{padding:5px 10px;border-radius:5px;font-size:12px;text-transform:capitalize}.status-terimaicpadmin.valid{background:#d4edda;color:#155724}.status-terimaicpadmin.menunggu{background:#fff3cd;color:#856404}.status-terimaicpadmin.ditolak{background:#f8d7da;color:#721c24}.terimaicpadmin-aksi{display:flex;gap:6px}.btn-validasi-terimaicpadmin,.btn-tolak-terimaicpadmin{border:none;padding:6px 10px;border-radius:5px;cursor:pointer;color:#fff;font-size:12px}.btn-validasi-terimaicpadmin{background:#27ae60}.btn-validasi-terimaicpadmin:hover{background:#1e8449}.btn-tolak-terimaicpadmin{background:#c0392b}.btn-tolak-terimaicpadmin:hover{background:#922b21}.done-terimaicpadmin{font-size:12px;color:#888;font-style:italic}.row-done-terimaicpadmin{opacity:.6}.separator-terimaicpadmin{border-top:4px solid #5b3a1a}.scroll-fade-up-terimaicpadmin{opacity:0;transform:translateY(30px);transition:.8s}.scroll-slide-left-terimaicpadmin{opacity:0;transform:translate(-40px);transition:.8s}.visible-terimaicpadmin{opacity:1;transform:none}@media(max-width:768px){.terimaicpadmin-container{padding:20px}.filter-container-terimaicpadmin{flex-direction:column}.terimaicpadmin-table th,.terimaicpadmin-table td{font-size:12px;padding:10px}}.terimaicpadmin-edit-col{white-space:nowrap}.btn-edit-terimaicpadmin{background:#2980b9;color:#fff;border:none;padding:6px 10px;border-radius:5px;cursor:pointer;font-size:12px;white-space:nowrap}.btn-edit-terimaicpadmin:hover{background:#1f618d}.edit-action-group-terimaicpadmin{display:flex;flex-direction:column;gap:4px}.btn-save-terimaicpadmin{background:#27ae60;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:12px}.btn-save-terimaicpadmin:hover{background:#1e8449}.btn-cancel-edit-terimaicpadmin{background:#95a5a6;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:12px}.btn-cancel-edit-terimaicpadmin:hover{background:#7f8c8d}.locked-terimaicpadmin{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#aaa;font-style:italic}.locked-terimaicpadmin{display:flex;align-items:center;gap:5px;font-size:12px;color:#aaa;font-style:italic}.edit-input-terimaicpadmin{padding:5px 7px;border:1.5px solid #5b3a1a;border-radius:5px;font-size:12px;width:100%;min-width:100px;box-sizing:border-box;outline:none;background:#fffdf9;color:#333}.edit-input-terimaicpadmin:focus{border-color:#27ae60;box-shadow:0 0 0 2px #27ae6026}.edit-poin-terimaicpadmin{min-width:60px;max-width:80px}.validator-overlay-terimaicpadmin{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.validator-popup-terimaicpadmin{background:#fff;border-radius:12px;padding:32px 28px;width:100%;max-width:420px;box-shadow:0 10px 40px #0003;border-top:5px solid #5b3a1a;display:flex;flex-direction:column;gap:14px}.validator-popup-terimaicpadmin h3{margin:0;color:#5b3a1a;font-size:18px}.validator-popup-terimaicpadmin p{margin:0;color:#666;font-size:14px}.validator-select-terimaicpadmin{width:100%;padding:10px 12px;border-radius:7px;border:1.5px solid #ccc;font-size:14px;color:#333;outline:none;transition:border-color .2s}.validator-select-terimaicpadmin:focus{border-color:#5b3a1a}.validator-actions-terimaicpadmin{display:flex;gap:10px;justify-content:flex-end}.matkul-container-kelolamatkul{max-width:1200px;margin:auto;padding:30px}.matkul-header-kelolamatkul{background:#fff;padding:24px;border-radius:12px;margin-bottom:20px;border-left:6px solid #5b3a1a;box-shadow:0 2px 8px #0000000a}.matkul-header-kelolamatkul h2{margin:0;color:#5b3a1a;font-size:24px}.matkul-header-kelolamatkul p{margin-top:8px;color:#666;font-size:14px}.toolbar-kelolamatkul{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.upload-label-kelolamatkul{background:#217346;color:#fff;padding:12px 18px;border:none;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:14px;font-family:inherit;transition:.2s}.upload-label-kelolamatkul:hover{background:#1b5d38}.btn-toggle-form-kelolamatkul{background:#5b3a1a;color:#fff;border:none;padding:12px 18px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:14px;transition:.2s}.btn-toggle-form-kelolamatkul:hover{background:#6d4420}.filter-semester-kelolamatkul{background:#fff;padding:16px 20px;border-radius:12px;margin-bottom:16px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 4px #0000000d}.filter-semester-label-kelolamatkul{font-size:14px;font-weight:600;color:#5b3a1a;white-space:nowrap}.filter-semester-select-kelolamatkul{flex:1;height:42px;padding:0 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;cursor:pointer}.filter-semester-select-kelolamatkul:focus{border-color:#5b3a1a}.matkul-form-kelolamatkul{background:#fff;padding:24px;border-radius:12px;display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.matkul-form-kelolamatkul input,.matkul-form-kelolamatkul select{width:100%;height:48px;padding:0 14px;border:1px solid #ddd;border-radius:8px;font-size:15px;outline:none;box-sizing:border-box}.matkul-form-kelolamatkul input:focus,.matkul-form-kelolamatkul select:focus{border-color:#5b3a1a}.toggle-user-kelolamatkul{background:#5b3a1a;color:#fff;padding:12px;border-radius:8px;text-align:center;cursor:pointer;font-weight:600}.user-grid-kelolamatkul{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.user-card-kelolamatkul{background:#f8f8f8;padding:12px;border-radius:8px;cursor:pointer;text-align:center;border:2px solid transparent;transition:.2s}.user-card-kelolamatkul:hover{background:#f3ece5}.user-card-kelolamatkul.active{border-color:#5b3a1a;background:#f3e9df;font-weight:600}.btn-tambah-kelolamatkul{background:#5b3a1a;color:#fff;border:none;padding:14px;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.btn-tambah-kelolamatkul:hover{background:#6d4420}.btn-batal-edit-kelolamatkul{background:#999;color:#fff;border:none;padding:14px;border-radius:8px;cursor:pointer;font-weight:600;display:flex;justify-content:center;align-items:center;gap:8px}.btn-batal-edit-kelolamatkul:hover{background:#7a7a7a}.preview-table-kelolamatkul{background:#fff;border-radius:12px;padding:20px;overflow-x:auto;margin-bottom:20px}.preview-table-kelolamatkul h3{margin-top:0;margin-bottom:16px;color:#5b3a1a}.table-wrapper-kelolamatkul{background:#fff;border-radius:12px;overflow-x:auto}.preview-table-kelolamatkul table,.matkul-table-kelolamatkul{width:100%;border-collapse:collapse}.preview-table-kelolamatkul th,.matkul-table-kelolamatkul th{background:#5b3a1a;color:#fff;padding:14px;text-align:left;font-size:14px}.preview-table-kelolamatkul td,.matkul-table-kelolamatkul td{padding:14px;border-bottom:1px solid #eee;font-size:14px}.preview-table-kelolamatkul tr:hover,.matkul-table-kelolamatkul tr:hover{background:#faf7f3}.excel-submit-kelolamatkul{display:flex;gap:12px;margin-top:20px}.btn-simpan-excel-kelolamatkul{flex:1;background:#5b3a1a;color:#fff;border:none;padding:14px;border-radius:8px;cursor:pointer;font-weight:600;display:flex;justify-content:center;align-items:center;gap:8px}.btn-simpan-excel-kelolamatkul:hover{background:#6d4420}.btn-hapus-excel-kelolamatkul{flex:1;background:#c0392b;color:#fff;border:none;padding:14px;border-radius:8px;cursor:pointer;font-weight:600;display:flex;justify-content:center;align-items:center;gap:8px}.btn-hapus-excel-kelolamatkul:hover{background:#a93226}.aksi-kelolamatkul{display:flex;gap:8px}.btn-edit-kelolamatkul,.btn-hapus-kelolamatkul{border:none;color:#fff;padding:8px 10px;border-radius:6px;cursor:pointer}.btn-edit-kelolamatkul{background:#7a4b24}.btn-edit-kelolamatkul:hover{background:#6d4420}.btn-hapus-kelolamatkul{background:#c0392b}.btn-hapus-kelolamatkul:hover{background:#a93226}@media(max-width:768px){.matkul-container-kelolamatkul{padding:16px}.excel-submit-kelolamatkul{flex-direction:column}.user-grid-kelolamatkul{grid-template-columns:1fr}}.filter-row-kelolamatkul{display:flex;gap:10px;margin-bottom:10px}.filter-row-kelolamatkul select{flex:1;padding:8px 12px;border:1px solid #ccc;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer}.card-sub-kelolamatkul{display:block;font-size:11px;color:#888;margin-top:2px}.empty-filter-kelolamatkul{font-size:13px;color:#999;padding:8px 0;font-style:italic}.badge-selected-kelolamatkul{margin-left:8px;background-color:#4caf50;color:#fff;font-size:11px;padding:2px 8px;border-radius:12px;font-weight:700}.validmhs-container{padding:40px;max-width:1300px;margin:auto}.validmhs-header{background:#fff;padding:25px;border-radius:12px;margin-bottom:25px;border-left:6px solid #5b3a1a}.validmhs-header h2{color:#5b3a1a}.filter-container-validmhs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filter-container-validmhs select,.search-input-validmhs{padding:10px;border-radius:6px;border:1px solid #ccc}.search-input-validmhs{flex:1;min-width:250px}.validmhs-table-wrapper{overflow-x:auto;background:#fff;border-radius:10px}.validmhs-table{width:100%;border-collapse:collapse;min-width:1000px}.validmhs-table th{background:#5b3a1a;color:#fff;padding:14px;text-align:left}.validmhs-table td{padding:14px;border-bottom:1px solid #eee}.text-wrap-validmhs{max-width:180px;word-wrap:break-word}.point-validmhs{font-weight:700;color:green}.status-validmhs{padding:5px 10px;border-radius:5px;font-size:12px;text-transform:capitalize}.status-validmhs.valid{background:#d4edda;color:#155724}.status-validmhs.menunggu{background:#fff3cd;color:#856404}.status-validmhs.ditolak{background:#f8d7da;color:#721c24}.aksi-validmhs{vertical-align:middle}.aksi-group-validmhs{display:flex;gap:8px;align-items:center}.aksi-group-validmhs .btn-validasi-validmhs,.aksi-group-validmhs .btn-tolak-validmhs{flex:1 1 0;min-width:96px;justify-content:center}.btn-validasi-validmhs,.btn-tolak-validmhs{border:none;padding:8px 12px;border-radius:5px;cursor:pointer;color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.btn-validasi-validmhs{background:#27ae60}.btn-validasi-validmhs:hover{background:#1e8449}.btn-tolak-validmhs{background:#c0392b}.btn-tolak-validmhs:hover{background:#922b21}.status-selesai-validmhs{font-size:12px;color:#888;font-style:italic}.row-done-validmhs{opacity:.6;border-top:3px solid #ccc}.scroll-fade-up-validmhs,.scroll-slide-left-validmhs,.visible-validmhs{opacity:1;transform:none;transition:none}@media(max-width:768px){.validmhs-container{padding:20px}.validmhs-table th,.validmhs-table td{font-size:12px;padding:10px}.filter-container-validmhs{flex-direction:column}}.separator-validmhs{border-top:4px solid #5b3a1a}.row-done-validmhs{opacity:.6}.bulk-action-container{display:flex;gap:10px;margin-bottom:15px}.btn-bulk-mode,.btn-cancel-bulk{background:#5b3a1a;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.edit-col-validmhs{white-space:nowrap;vertical-align:middle}.btn-edit-validmhs{background:#2980b9;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.btn-edit-validmhs:hover{background:#1f618d}.edit-action-group-validmhs{display:flex;flex-direction:column;gap:4px}.btn-save-validmhs{background:#27ae60;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:5px}.btn-save-validmhs:hover{background:#1e8449}.btn-cancel-edit-validmhs{background:#95a5a6;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:5px}.btn-cancel-edit-validmhs:hover{background:#7f8c8d}.locked-validmhs{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#aaa;font-style:italic}.edit-input-validmhs{padding:5px 7px;border:1.5px solid #5b3a1a;border-radius:5px;font-size:12px;width:100%;min-width:100px;box-sizing:border-box;outline:none;background:#fffdf9;color:#333}.edit-input-validmhs:focus{border-color:#27ae60;box-shadow:0 0 0 2px #27ae6026}.edit-poin-validmhs{min-width:60px;max-width:80px}.mk-container-matakuliah{padding:40px;max-width:1200px;margin:auto}.mk-header-matakuliah{background:#fff;padding:25px;border-left:6px solid #5b3a1a;margin-bottom:25px;border-radius:12px}.mk-header-matakuliah h2{color:#5b3a1a;margin-bottom:5px}.mk-header-matakuliah p{color:#666}.mk-table-wrapper-matakuliah{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 6px 18px #00000014}.mk-table-matakuliah{width:100%;border-collapse:collapse;min-width:900px}.mk-table-matakuliah th:first-child{border-top-left-radius:12px}.mk-table-matakuliah th:last-child{border-top-right-radius:12px}.mk-table-matakuliah th{background:#5b3a1a;color:#fff;padding:14px;text-align:left;white-space:nowrap}.mk-table-matakuliah td{padding:14px;border-bottom:1px solid #eee;vertical-align:top}.btn-detail-matakuliah{background:#7a4b24;color:#fff;padding:6px 10px;border-radius:8px;text-decoration:none;font-size:13px;display:inline-block;transition:.3s}.btn-detail-matakuliah:hover{background:#5b3a1a}.scroll-fade-up-matakuliah{opacity:0;transform:translateY(30px);transition:.8s}.visible-matakuliah{opacity:1;transform:none}@media(max-width:768px){.mk-container-matakuliah{padding:20px}.mk-table-matakuliah th,.mk-table-matakuliah td{font-size:12px;padding:10px}}.mk-container-matkul{padding:40px;max-width:1200px;margin:auto}.mk-header-matkul{background:#fff;padding:25px;border-left:6px solid #5b3a1a;margin-bottom:15px;border-radius:14px}.btn-back-matkul{width:100%;padding:12px;margin-bottom:20px;background:#5b3a1a;color:#fff;border:none;text-align:left;cursor:pointer;border-radius:12px}.mk-filter-matkul{display:flex;gap:10px;margin-bottom:20px}.mk-filter-matkul input,.mk-filter-matkul select{padding:10px;border:1px solid #ddd;border-radius:10px;width:100%}.btn-bulk-icp{background:#7a4b24;color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;white-space:nowrap}.btn-bulk-icp:hover{background:#5b3a1a}.mk-table-wrapper-matkul{overflow-x:auto;background:#fff;border-radius:14px;box-shadow:0 6px 18px #00000014}.mk-table-matkul{width:100%;border-collapse:collapse;min-width:800px}.mk-table-matkul th{background:#5b3a1a;color:#fff;padding:14px;text-align:left}.mk-table-matkul td{padding:14px;border-bottom:1px solid #eee}.btn-icp-matkul{background:#7a4b24;color:#fff;padding:6px 10px;border-radius:10px;text-decoration:none}.check-matkul{transform:scale(1.2)}.scroll-fade-up-matkul{opacity:0;transform:translateY(30px);transition:.8s}.visible-matkul{opacity:1;transform:none}.btn-back-matkul{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;margin-bottom:20px;background:#5b3a1a;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;box-shadow:0 4px 10px #0000001a}.icon-back{font-size:14px}.icp-container-icpmhsmatkuldosen{padding:40px;max-width:900px;margin:0 auto}.icp-header-icpmhsmatkuldosen{background:#fff;padding:25px;border-radius:12px;margin-bottom:25px;border-left:6px solid #5b3a1a;box-shadow:0 2px 10px #0000000f}.icp-header-icpmhsmatkuldosen h2{color:#5b3a1a;margin:0 0 6px;font-size:22px;font-weight:700}.icp-header-icpmhsmatkuldosen p{margin:0;color:#8a7a6b;font-size:14px}.icp-card-icpmhsmatkuldosen{background:#fff;border-radius:12px;padding:20px 25px;margin-bottom:25px;box-shadow:0 2px 10px #0000000f}.icp-single-icpmhsmatkuldosen p{margin:6px 0;color:#3e2712;font-size:15px}.icp-single-icpmhsmatkuldosen strong{color:#5b3a1a;margin-right:6px}.icp-bulk-table-icpmhsmatkuldosen{overflow-x:auto}.icp-bulk-table-icpmhsmatkuldosen table{width:100%;border-collapse:collapse;font-size:14px}.icp-bulk-table-icpmhsmatkuldosen thead{background:#5b3a1a;color:#fff}.icp-bulk-table-icpmhsmatkuldosen th,.icp-bulk-table-icpmhsmatkuldosen td{padding:10px 14px;text-align:left;border-bottom:1px solid #eee}.icp-bulk-table-icpmhsmatkuldosen tbody tr:hover{background:#f9f5f0}.icp-bulk-table-icpmhsmatkuldosen tbody tr:last-child td{border-bottom:none}.icp-form-icpmhsmatkuldosen{background:#fff;border-radius:12px;padding:25px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 10px #0000000f}.form-group-icpmhsmatkuldosen{display:flex;flex-direction:column;gap:6px}.form-group-icpmhsmatkuldosen label{font-size:13px;font-weight:600;color:#5b3a1a}.form-group-icpmhsmatkuldosen input,.form-group-icpmhsmatkuldosen select,.form-group-icpmhsmatkuldosen textarea{padding:12px;border-radius:8px;border:1px solid #ccc;font-size:14px;font-family:inherit;color:#3e2712;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-group-icpmhsmatkuldosen input:focus,.form-group-icpmhsmatkuldosen select:focus,.form-group-icpmhsmatkuldosen textarea:focus{outline:none;border-color:#5b3a1a;box-shadow:0 0 0 3px #5b3a1a26}.form-group-icpmhsmatkuldosen input:disabled,.form-group-icpmhsmatkuldosen select:disabled{background:#f2ede6;color:#a08c78;cursor:not-allowed}.form-group-icpmhsmatkuldosen textarea{min-height:100px;resize:vertical}.btn-submit-icp-icpmhsmatkuldosen{background:#5b3a1a;color:#fff;padding:13px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease}.btn-submit-icp-icpmhsmatkuldosen:hover:not(:disabled){background:#3e2712}.btn-submit-icp-icpmhsmatkuldosen:active:not(:disabled){transform:scale(.98)}.btn-submit-icp-icpmhsmatkuldosen:disabled{background:#c9b8a6;cursor:not-allowed}.swal2-popup{border-radius:14px!important}@media(max-width:768px){.icp-container-icpmhsmatkuldosen{padding:20px}.icp-header-icpmhsmatkuldosen,.icp-card-icpmhsmatkuldosen,.icp-form-icpmhsmatkuldosen{padding:18px}}.riwayat-container-riwayatbericpmatkul{padding:40px;max-width:1200px;margin:0 auto}.riwayat-header-riwayatbericpmatkul{background:#fff;padding:25px;border-radius:12px;margin-bottom:25px;border-left:6px solid #5b3a1a;box-shadow:0 2px 10px #0000000f}.riwayat-header-riwayatbericpmatkul h2{color:#5b3a1a;margin:0 0 6px;font-size:22px;font-weight:700}.riwayat-header-riwayatbericpmatkul p{margin:0;color:#8a7a6b;font-size:14px}.riwayat-filter-riwayatbericpmatkul{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.riwayat-filter-riwayatbericpmatkul input{flex:1;min-width:220px;padding:12px;border-radius:8px;border:1px solid #ccc;font-size:14px}.riwayat-filter-riwayatbericpmatkul select{padding:12px;border-radius:8px;border:1px solid #ccc;font-size:14px;background:#fff}.riwayat-filter-riwayatbericpmatkul input:focus,.riwayat-filter-riwayatbericpmatkul select:focus{outline:none;border-color:#5b3a1a;box-shadow:0 0 0 3px #5b3a1a26}.riwayat-table-wrapper-riwayatbericpmatkul{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 2px 10px #0000000f}.riwayat-table-riwayatbericpmatkul{width:100%;border-collapse:collapse;font-size:13.5px;min-width:1000px}.riwayat-table-riwayatbericpmatkul thead{background:#5b3a1a;color:#fff}.riwayat-table-riwayatbericpmatkul th,.riwayat-table-riwayatbericpmatkul td{padding:12px 14px;text-align:left;border-bottom:1px solid #eee;white-space:nowrap}.riwayat-table-riwayatbericpmatkul .deskripsi-riwayatbericpmatkul{white-space:normal;max-width:220px;color:#6b5c4d}.riwayat-table-riwayatbericpmatkul tbody tr:hover{background:#f9f5f0}.riwayat-table-riwayatbericpmatkul tbody tr:last-child td{border-bottom:none}.badge-riwayatbericpmatkul{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge-approved-riwayatbericpmatkul{background:#2ea0431f;color:#1e7d32}.badge-pending-riwayatbericpmatkul{background:#c8a96e2e;color:#8a6d1f}.badge-rejected-riwayatbericpmatkul{background:#d32f2f1f;color:#c62828}@media(max-width:768px){.riwayat-container-riwayatbericpmatkul{padding:20px}.riwayat-header-riwayatbericpmatkul{padding:18px}.riwayat-filter-riwayatbericpmatkul{flex-direction:column}}.rwyt-container-rwytajukandosen{padding:40px;max-width:1200px;margin:auto}.rwyt-header-rwytajukandosen{background:#fff;padding:25px;border-left:6px solid #5b3a1a;margin-bottom:25px;border-radius:12px}.rwyt-header-rwytajukandosen h2{color:#5b3a1a;margin-bottom:5px}.rwyt-header-rwytajukandosen p{color:#666}.rwyt-table-wrapper-rwytajukandosen{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 6px 18px #00000014}.rwyt-table-rwytajukandosen{width:100%;border-collapse:collapse;min-width:900px}.rwyt-table-rwytajukandosen th:first-child{border-top-left-radius:12px}.rwyt-table-rwytajukandosen th:last-child{border-top-right-radius:12px}.rwyt-table-rwytajukandosen th{background:#5b3a1a;color:#fff;padding:14px;text-align:left}.rwyt-table-rwytajukandosen td{padding:14px;border-bottom:1px solid #eee}.status-menunggu-rwytajukandosen{color:#b58900;font-weight:600}.status-disetujui-rwytajukandosen{color:#2e7d32;font-weight:600}.status-ditolak-rwytajukandosen{color:#c62828;font-weight:600}.scroll-fade-up-rwytajukandosen{opacity:0;transform:translateY(30px);transition:.8s}.visible-rwytajukandosen{opacity:1;transform:none}@media(max-width:768px){.rwyt-container-rwytajukandosen{padding:20px}.rwyt-table-rwytajukandosen th,.rwyt-table-rwytajukandosen td{font-size:12px;padding:10px}}.permintaan-container{padding:40px;max-width:1300px;margin:auto}.permintaan-header{background:#fff;padding:25px;border-left:6px solid #5b3a1a;margin-bottom:25px;border-radius:12px}.permintaan-header h2{color:#5b3a1a}.permintaan-header p{color:#666}.filter-container-permintaanicp{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filter-container-permintaanicp select,.search-input-permintaanicp{padding:10px;border-radius:6px;border:1px solid #ccc}.search-input-permintaanicp{flex:1;min-width:250px}.bulk-action-container-permintaanicp{display:flex;gap:10px;margin-bottom:15px}.btn-bulk-mode-permintaanicp,.btn-cancel-bulk-permintaanicp{background:#5b3a1a;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;transition:.3s}.btn-bulk-mode-permintaanicp:hover,.btn-cancel-bulk-permintaanicp:hover{opacity:.9}.permintaan-table-wrapper{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 6px 18px #00000014}.permintaan-table{width:100%;border-collapse:collapse;min-width:1200px}.permintaan-table th{background:#5b3a1a;color:#fff;padding:14px;text-align:left}.permintaan-table td{padding:14px;border-bottom:1px solid #eee}.text-wrap-permintaanicp{max-width:220px;word-wrap:break-word}.point-permintaanicp{font-weight:700;color:#2e7d32}.status-menunggu-permintaanicp{background:#fff3cd;color:#856404;padding:5px 10px;border-radius:5px;font-size:12px;font-weight:600}.status-disetujui-permintaanicp{background:#d4edda;color:#155724;padding:5px 10px;border-radius:5px;font-size:12px;font-weight:600}.status-ditolak-permintaanicp{background:#f8d7da;color:#721c24;padding:5px 10px;border-radius:5px;font-size:12px;font-weight:600}.action-btn{display:flex;gap:8px}.btn-terima{background:#2e7d32;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:5px}.btn-terima:hover{background:#1b5e20}.btn-tolak{background:#c62828;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:5px}.btn-tolak:hover{background:#8e0000}.separator-permintaanicp{border-top:4px solid #5b3a1a}.row-done-permintaanicp{opacity:.6}.status-selesai-permintaanicp{font-size:12px;color:#888;font-style:italic}.scroll-fade-up-permintaanicp{opacity:0;transform:translateY(30px);transition:.8s}.scroll-slide-left-permintaanicp{opacity:0;transform:translate(-40px);transition:.8s}.visible-permintaanicp{opacity:1;transform:none}.permintaan-table input[type=checkbox]{width:16px;height:16px;cursor:pointer}@media(max-width:768px){.permintaan-container{padding:20px}.filter-container-permintaanicp{flex-direction:column}.permintaan-table th,.permintaan-table td{font-size:12px;padding:10px}.action-btn{flex-direction:column}}