@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap";:root{--red-700:#af0f28;--red-600:#c8102e;--red-100:#fbe5e9;--gray-900:#1f2229;--gray-700:#5a5f69;--gray-500:#8f95a2;--gray-200:#dce0e8;--gray-100:#f5f6f8;--white:#fff;--green:#1a8d52;--warning:#ce7c13}*{box-sizing:border-box}body{color:var(--gray-900);background:radial-gradient(circle at 7% 12%,#c8102e14,#0000 48%),radial-gradient(circle at 90% 8%,#1f222914,#0000 40%),linear-gradient(145deg,#fafafa 0%,#f0f2f5 52%,#f6f7f9 100%);min-height:100vh;margin:0;font-family:Manrope,Segoe UI,sans-serif}.page-shell{border:1px solid var(--gray-200);background:#fffffffa;border-radius:22px;width:min(1280px,100% - 1.3rem);margin:.75rem auto 1.5rem;overflow:hidden;box-shadow:0 20px 40px #14161c14}.top-nav{border-bottom:1px solid var(--gray-200);background:#fffffff0;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.2rem;display:flex}.brand-wrap{align-items:center;gap:.7rem;display:flex}.brand-logo{object-fit:contain;width:50px;height:50px}.brand-title,.brand-subtitle{margin:0;font-family:Sora,Segoe UI,sans-serif;line-height:1.12}.brand-title{font-size:1.02rem}.brand-subtitle{color:var(--red-600);font-size:1.23rem}.menu-wrap{align-items:center;gap:1.1rem;font-size:.92rem;font-weight:700;display:flex}.menu-wrap a{color:var(--gray-900);border-bottom:2px solid #0000;padding-bottom:.3rem;text-decoration:none}.menu-wrap a.active{color:var(--red-600);border-color:var(--red-600)}.hero-grid{grid-template-columns:1.6fr .95fr;gap:1rem;padding:1rem;transition:grid-template-columns .5s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.hero-grid.login-collapsed{grid-template-columns:1fr 0fr}.intro-panel,.login-panel{border:1px solid var(--gray-200);background:var(--white);border-radius:16px}.intro-panel{padding:1rem}.panel-entrance{transform-origin:top}.panel-entrance.transition-forward{animation:.58s cubic-bezier(.19,.9,.3,1) cinematicForwardIn}.panel-entrance.transition-backward{animation:.58s cubic-bezier(.19,.9,.3,1) cinematicBackwardIn}@keyframes cinematicForwardIn{0%{opacity:0;transform:translate(38px)translateY(8px)scale(.985)}65%{opacity:1;transform:translate(-6px)translateY(-2px)scale(1.004)}to{opacity:1;transform:translate(0)translateY(0)scale(1)}}@keyframes cinematicBackwardIn{0%{opacity:0;transform:translate(-38px)translateY(8px)scale(.985)}65%{opacity:1;transform:translate(6px)translateY(-2px)scale(1.004)}to{opacity:1;transform:translate(0)translateY(0)scale(1)}}.intro-panel h1{margin:0;font-family:Sora,Segoe UI,sans-serif;font-size:clamp(1.45rem,2vw,2rem)}.intro-panel h1 span{color:var(--red-600)}.intro-panel p{color:var(--gray-700);margin:.5rem 0 .95rem}.club-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.72rem;display:grid}.club-card{border:1px solid var(--gray-200);cursor:pointer;background:linear-gradient(#fff 0%,#f6f7fa 100%);border-radius:12px;padding:.65rem;transition:transform .2s,box-shadow .2s,border-color .2s}.club-card:hover,.club-card.is-active{border-color:#f0b3bf;transform:translateY(-2px);box-shadow:0 10px 18px #14161c17}.logo-frame{background:linear-gradient(170deg,#fff,#f0f2f6);border-radius:10px;place-items:center;width:100%;height:114px;display:grid}.logo-frame img{object-fit:contain;width:102px;height:102px}.club-card-footer{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.club-card-footer strong{font-size:1rem}.club-card-footer span{color:var(--red-600);font-size:1.35rem}.club-detail-page{gap:.85rem;display:grid}.detail-topbar{align-items:center;display:flex}.back-button{color:var(--red-700);font:inherit;cursor:pointer;background:#fff2f5;border:1px solid #e2c5cb;border-radius:999px;padding:.45rem .85rem;font-weight:700}.detail-hero{border:1px solid var(--gray-200);background:linear-gradient(160deg,#fff 0%,#f8f9fc 100%);border-radius:14px;grid-template-columns:130px 1fr;gap:.85rem;padding:.75rem;display:grid}.detail-logo-wrap{background:linear-gradient(150deg,#fff,#edf1f7);border-radius:12px;place-items:center;width:130px;height:130px;display:grid}.detail-logo-wrap img{object-fit:contain;width:110px;height:110px}.detail-hero h2,.detail-hero p{margin:0}.detail-headline{color:var(--red-600);margin:.22rem 0 .35rem;font-weight:800}.detail-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.62rem;display:grid}.detail-meta-grid article{border:1px solid var(--gray-200);background:#fbfcfe;border-radius:12px;padding:.62rem}.detail-meta-grid h4,.detail-meta-grid p,.detail-meta-grid ul{margin:0}.detail-meta-grid p,.detail-meta-grid ul{color:var(--gray-700);margin-top:.3rem}.detail-meta-grid ul{padding-left:1rem}.detail-gallery{border:1px solid var(--gray-200);background:#fff;border-radius:14px;padding:.72rem}.detail-gallery h3{margin:0;font-size:1.04rem}.gallery-slide{border-radius:12px;grid-template-columns:120px 1fr;align-items:center;gap:.85rem;min-height:195px;margin-top:.55rem;padding:.75rem;animation:.35s softPop;display:grid}@keyframes softPop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.gallery-slide img{object-fit:contain;background:#ffffffb8;border-radius:10px;width:110px;height:110px;padding:.35rem}.gallery-slide.tone-alpha{background:linear-gradient(160deg,#f9e7eb,#f6f7fa)}.gallery-slide.tone-beta{background:linear-gradient(160deg,#f1f6ff,#f9fbff)}.gallery-slide.tone-gamma{background:linear-gradient(160deg,#fff5ea,#fff9f3)}.gallery-copy strong,.gallery-copy p{margin:0}.gallery-copy p{color:var(--gray-700);margin-top:.35rem}.gallery-controls{justify-content:space-between;align-items:center;gap:.7rem;margin-top:.62rem;display:flex}.gallery-controls button{font:inherit;cursor:pointer;background:#fff;border:1px solid #d6dae2;border-radius:8px;padding:.35rem .65rem}.gallery-dots{gap:.35rem;display:inline-flex}.gallery-dots button{background:#c5cad5;border:none;border-radius:999px;width:9px;height:9px;padding:0}.gallery-dots button.active{background:var(--red-600);width:24px}.join-cta{background:linear-gradient(170deg,#fff8f9 0%,#fff 100%);border:1px dashed #ebbdc6;border-radius:12px;gap:.3rem;margin-top:.2rem;padding:.62rem;display:grid}.join-member-btn{width:fit-content}.join-cta small{color:var(--gray-700)}.post-login-club-section{gap:.75rem;display:grid}.post-login-club-section h1,.post-login-club-section p,.post-login-club-section h3{margin:0}.post-login-club-section h1 span{color:var(--red-600)}.edit-status-msg{color:#0e7d45;background:#e8f6ee;border:1px solid #c5ead5;border-radius:10px;padding:.45rem .6rem}.club-role-group{gap:.45rem;display:grid}.club-editor-card{border:1px solid var(--gray-200);background:#fff;border-radius:12px;gap:.55rem;padding:.72rem;display:grid}.club-editor-card h3,.club-editor-card h4,.club-editor-card p{margin:0}.club-editor-header{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.club-panel-hide-btn{cursor:pointer;background:#fff1f4;border:1px solid #e4c5cc;border-radius:999px;place-items:center;width:34px;height:34px;transition:transform .2s,box-shadow .2s;display:grid}.club-panel-hide-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #af0f2824}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.editor-grid label{gap:.25rem;font-size:.86rem;font-weight:700;display:grid}.editor-grid input,.editor-grid textarea{font:inherit;border:1px solid #ced2da;border-radius:10px;padding:.6rem .65rem}.editor-grid textarea{resize:vertical;min-height:85px}.full-row{grid-column:span 2}.mini-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.35rem;display:grid}.mini-gallery-grid img{object-fit:cover;border:1px solid #e6e9f0;border-radius:10px;width:100%;height:102px}.upload-label input{margin-top:.35rem}.editor-action-block{border:1px dashed #d8dde7;border-radius:10px;gap:.4rem;padding:.6rem;display:grid}.chip-list{flex-wrap:wrap;gap:.35rem;display:flex}.chip-list span{background:#f4f6fa;border:1px solid #dde2ea;border-radius:999px;padding:.2rem .55rem;font-size:.8rem}.inline-editor-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.request-list{gap:.45rem;display:grid}.request-list article{border:1px solid #e7ebf3;border-radius:10px;padding:.5rem}.pegawai-club-detail{gap:.45rem;display:grid}.pegawai-club-detail ul{margin:0;padding-left:1rem}.pegawai-club-detail small{color:#0e7d45;font-weight:700}.login-panel{min-width:0;transition:opacity .45s,transform .45s,max-width .45s,border-color .35s,box-shadow .35s;overflow:hidden}.login-panel.is-hidden{opacity:0;pointer-events:none;border-color:#0000;max-width:0;transform:translate(32px)scale(.98)}.login-head-row{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.login-toggle-btn,.login-restore-fab{font:inherit;cursor:pointer;border:1px solid #fff9;font-weight:700}.login-toggle-btn{color:#fff;background:#ffffff1f}.login-restore-fab{z-index:40;color:#fff;background:linear-gradient(160deg, var(--red-600), var(--red-700));border:none;border-radius:999px;align-items:center;gap:.42rem;padding:.5rem .78rem .5rem .5rem;animation:.45s restoreButtonIn,2s ease-in-out infinite fabPulse;display:inline-flex;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 10px 24px #af0f2859}.login-restore-fab.logout-mode{background:linear-gradient(160deg,#2f333b,#1f2229);box-shadow:0 10px 24px #191b2059}.fab-icon{background:#ffffff2e;border-radius:999px;place-items:center;width:32px;height:32px;font-size:1rem;display:grid}.fab-text{letter-spacing:.2px;font-weight:800}@keyframes restoreButtonIn{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fabPulse{0%,to{box-shadow:0 10px 24px #af0f2859}50%{box-shadow:0 12px 28px #af0f2880}}.login-panel.login-focus{border-color:#d94c63;animation:1.25s loginFocusPulse;box-shadow:0 0 0 4px #c8102e29}@keyframes loginFocusPulse{0%{transform:scale(1)}35%{transform:scale(1.01)}to{transform:scale(1)}}.login-head{color:var(--white);background:linear-gradient(155deg, var(--red-600), var(--red-700));padding:1.05rem}.login-head h2,.login-head p{margin:0}.login-head p{opacity:.97;margin-top:.4rem;font-size:.9rem}.login-form,.logged-box{gap:.75rem;padding:1rem;display:grid}.login-form label{gap:.3rem;font-size:.9rem;font-weight:700;display:grid}.login-form input,.budget-form-grid input,.budget-form-grid select{font:inherit;border:1px solid #ced2da;border-radius:10px;padding:.67rem .73rem}.error-msg{color:#b40f2a;margin:0;font-size:.88rem}.btn-primary,.btn-secondary{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:.72rem .85rem;font-weight:800}.btn-primary{color:var(--white);background:linear-gradient(155deg, var(--red-600), var(--red-700))}.btn-primary:disabled{opacity:.7;cursor:wait}.btn-secondary{background:#eceff4}.demo-accounts{border-top:1px dashed var(--gray-200);gap:.2rem;padding-top:.65rem;display:grid}.demo-accounts p,.logged-box p,.logged-box h3,.logged-box small{margin:0}.dashboard-shell{padding:0 1rem 1rem}.management-layout{grid-template-columns:215px 1fr;gap:.85rem;display:grid}.kpi-column{gap:.65rem;display:grid}.kpi-card{border:1px solid var(--gray-200);background:#fff;border-radius:12px;padding:.75rem}.kpi-card h4,.kpi-card p,.kpi-card strong{margin:0}.kpi-card strong{color:var(--red-600);margin:.25rem 0;font-size:1.8rem;line-height:1.2;display:block}.kpi-card p{color:var(--gray-700);font-size:.9rem}.management-grid{grid-template-columns:1.25fr 1fr;gap:.72rem;display:grid}.panel{border:1px solid var(--gray-200);background:#fff;border-radius:12px;padding:.72rem}.panel-wide{grid-column:1/2}.panel header h3,.panel header p{margin:0}.panel header p{color:var(--gray-700);margin-top:.35rem;font-size:.9rem}.table-wrap{margin-top:.55rem;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.84rem}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #ebedf2;padding:.42rem}th{background:#f7f8fa;font-size:.78rem}.status-badge{text-transform:capitalize;border-radius:999px;padding:.12rem .45rem;font-size:.72rem;font-weight:800;display:inline-block}.status-badge.active{color:var(--green);background:#e4f5eb}.status-badge.inactive{color:var(--warning);background:#fff0dd}.status-badge.pending{color:#9b6707;background:#f9eeca}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.6rem;display:grid}.inventory-item{text-align:center;border:1px solid #eceef3;border-radius:10px;justify-items:center;gap:.2rem;padding:.4rem;display:grid}.mini-logo-frame{place-items:center;width:58px;height:58px;display:grid}.mini-logo-frame img{object-fit:contain;width:54px;height:54px}.inventory-item strong,.inventory-item span{font-size:.77rem;line-height:1.2}.consumable-list{gap:.45rem;margin-top:.6rem;display:grid}.consumable-item{background:#fafbfc;border:1px solid #eceef3;border-radius:10px;padding:.5rem}.consumable-item p,.consumable-item strong{margin:0}.budget-form-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin-top:.6rem;display:grid}.budget-form-grid label{gap:.25rem;font-size:.83rem;font-weight:700;display:grid}.budget-note{grid-column:span 5}.total-cost{color:var(--red-600);font-weight:800}.pegawai-panel{border:1px solid var(--gray-200);background:#fff;border-radius:14px;padding:.85rem}.pegawai-panel h2,.pegawai-panel p,.pegawai-panel h3{margin:0}.pegawai-panel p{color:var(--gray-700);margin-top:.4rem}.pegawai-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.7rem;display:grid}.pegawai-grid article{background:#fafbfc;border:1px solid #eceef3;border-radius:10px;padding:.6rem}.pegawai-grid article p{margin-top:.3rem;font-size:.92rem}@media (width<=1160px){.hero-grid,.management-layout{grid-template-columns:1fr}.kpi-column{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=980px){.management-grid{grid-template-columns:1fr}.panel-wide{grid-column:auto}.inventory-grid,.budget-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.budget-note{grid-column:span 2}.club-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid{grid-template-columns:1fr}.full-row{grid-column:span 1}.mini-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-meta-grid{grid-template-columns:1fr}}@media (width<=680px){.page-shell{border-radius:15px;width:calc(100% - .55rem)}.top-nav{flex-direction:column;align-items:flex-start}.menu-wrap{width:100%;padding-bottom:.25rem;overflow-x:auto}.club-grid,.kpi-column,.pegawai-grid,.budget-form-grid,.inventory-grid,.mini-gallery-grid,.detail-hero,.gallery-slide{grid-template-columns:1fr}.detail-logo-wrap,.detail-logo-wrap img,.gallery-slide img{margin:0 auto}.budget-note{grid-column:span 1}.login-restore-fab{bottom:.75rem;right:.75rem}}