*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\!visible{visibility:visible!important}.visible{visibility:visible}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--void:#05060a;--panel:#0b1020;--panel-2:#10182e;--cyan:#00e5ff;--magenta:#ff2bd6;--violet:#8b5cf6;--mint:#39ff88;--amber:#ffb020;--ink:#e6f1ff;--muted:#8fa3bf;--line:rgba(0,229,255,.16);--line-soft:rgba(143,163,191,.18);--glass:rgba(13,20,38,.66);--glass-strong:rgba(9,14,28,.86);--radius:20px;--radius-sm:12px;--shadow:0 24px 70px rgba(0,0,0,.55);--font-display:"Orbitron",system-ui,sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;min-height:100vh;background:var(--void);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}h1,h2,h3,h4{margin:0;font-family:var(--font-display);line-height:1.15;letter-spacing:.01em}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}::-moz-selection{background:rgba(0,229,255,.3);color:#fff}::selection{background:rgba(0,229,255,.3);color:#fff}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:16px;z-index:200;padding:.7rem 1rem;border-radius:10px;background:var(--cyan);color:#02070d;font-weight:700}.skip-link:focus{top:16px}.bg-fx{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse 70% 50% at 50% -10%,rgba(139,92,246,.16),transparent 65%),radial-gradient(ellipse 60% 50% at 100% 20%,rgba(0,229,255,.08),transparent 60%),var(--void)}.bg-grid{position:absolute;inset:-30%;background-image:linear-gradient(rgba(0,229,255,.055) 1px,transparent 0),linear-gradient(90deg,rgba(0,229,255,.055) 1px,transparent 0);background-size:54px 54px;transform:perspective(700px) rotateX(58deg) translateY(18%);mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 72%);opacity:.65}.bg-glow{position:absolute;width:46vw;height:46vw;border-radius:50%;filter:blur(120px);opacity:.2}.bg-glow-cyan{top:4%;right:-12%;background:var(--cyan)}.bg-glow-magenta{bottom:-18%;left:-14%;background:var(--magenta);opacity:.12}.bg-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(180deg,hsla(0,0%,100%,.018) 0,hsla(0,0%,100%,.018) 1px,transparent 0,transparent 4px);opacity:.55}.shell{width:min(1200px,calc(100% - 2rem));margin-inline:auto}.section{padding:clamp(3rem,6vw,5.5rem) 0;position:relative}.section-alt:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(13,20,38,.45) 12%,rgba(13,20,38,.45) 88%,transparent);z-index:-1}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}.section-head h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-top:.45rem}.section-desc{color:var(--muted);margin-top:.55rem;max-width:56ch}.section-count{gap:.4rem;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--line);background:rgba(0,229,255,.06);font-size:.8rem;font-weight:600;white-space:nowrap}.eyebrow,.section-count{display:inline-flex;align-items:center;color:var(--cyan)}.eyebrow{gap:.55rem;font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 2.6s ease-in-out infinite}.text-neon{background:linear-gradient(100deg,var(--cyan),var(--violet) 55%,var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}.glass{position:relative;background:linear-gradient(155deg,rgba(20,30,55,.66),rgba(8,12,24,.72));border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),var(--shadow);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}.glass:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(0,229,255,.1),transparent 28%,transparent 72%,rgba(255,43,214,.07));mask:linear-gradient(#000,transparent 30%);-webkit-mask:linear-gradient(#000,transparent 30%);opacity:.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.68rem 1.15rem;border:1px solid transparent;border-radius:12px;font-weight:600;font-size:.92rem;line-height:1.2;text-align:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-neon{background:linear-gradient(120deg,var(--cyan),var(--violet));color:#02070d;box-shadow:0 0 0 1px rgba(0,229,255,.35),0 10px 34px rgba(0,229,255,.2)}.btn-neon:hover{box-shadow:0 0 0 1px rgba(0,229,255,.7),0 14px 44px rgba(0,229,255,.32)}.btn-ghost{background:hsla(0,0%,100%,.035);border-color:rgba(143,163,191,.28);color:var(--ink)}.btn-ghost:hover{background:rgba(0,229,255,.08);border-color:rgba(0,229,255,.45)}.btn-danger{background:rgba(255,43,214,.1);border-color:rgba(255,43,214,.4);color:#ff9fe8}.btn-danger:hover{background:rgba(255,43,214,.18)}.btn-sm{min-height:38px;padding:.5rem .85rem;font-size:.84rem;border-radius:10px}.btn-xs{min-height:32px;padding:.34rem .65rem;font-size:.76rem;border-radius:8px}.btn-block{width:100%}.site-header{position:sticky;top:0;z-index:60;padding-top:1rem}.topbar{display:flex;gap:1rem;padding:.62rem .85rem .62rem .75rem;border-radius:18px}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:.65rem;min-width:0}.brand-mark{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:12px;background:linear-gradient(145deg,rgba(0,229,255,.18),rgba(139,92,246,.2));border:1px solid rgba(0,229,255,.38);box-shadow:inset 0 0 18px rgba(0,229,255,.12);font-family:var(--font-display);font-size:.78rem;font-weight:900;letter-spacing:.08em;color:var(--cyan)}.brand-mark span{transform:skewX(-8deg)}.brand-mark-sm{width:38px;height:38px;font-size:.68rem}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{font-family:var(--font-display);font-size:.95rem;letter-spacing:.08em}.brand-text small{color:var(--muted);font-size:.63rem;letter-spacing:.14em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:.2rem;margin-left:auto}.nav-link{padding:.55rem .8rem;border-radius:9px;font-size:.87rem;color:var(--muted);font-weight:500;transition:color .15s ease,background .15s ease}.nav-link.is-active,.nav-link:hover{color:var(--ink);background:rgba(0,229,255,.08)}.nav-link.is-active{color:var(--cyan)}.nav-actions{display:flex;align-items:center;gap:.5rem}.nav-burger{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:hsla(0,0%,100%,.04);padding:.65rem .6rem;flex-direction:column;justify-content:space-between}.nav-burger span{display:block;height:2px;width:100%;background:var(--ink);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.nav-burger[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.nav-burger[aria-expanded=true] span:nth-child(2){opacity:0}.nav-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.user-menu{position:relative}.user-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.32rem .55rem .32rem .36rem;border:1px solid var(--line-soft);border-radius:999px;background:hsla(0,0%,100%,.035);color:var(--ink)}.user-chip:hover{border-color:rgba(0,229,255,.4)}.user-avatar{width:34px;height:34px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1px solid rgba(0,229,255,.35);flex:0 0 auto}.user-avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,229,255,.3),rgba(139,92,246,.4));font-size:.72rem;font-weight:700;color:var(--ink)}.user-chip-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.user-chip-text strong{font-size:.82rem}.user-chip-text small{font-size:.64rem;color:var(--muted)}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:190px;padding:.45rem;display:flex;flex-direction:column;z-index:80;background:var(--glass-strong)}.user-dropdown a,.user-dropdown button{display:block;width:100%;padding:.6rem .7rem;border:0;border-radius:8px;background:transparent;text-align:left;font-size:.86rem;color:var(--ink)}.user-dropdown a:hover,.user-dropdown button:hover{background:rgba(0,229,255,.09);color:var(--cyan)}.dropdown-logout{color:#ff9fe8!important}.hero{position:relative;padding:clamp(3rem,8vw,6.5rem) 0 clamp(3rem,6vw,5rem)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4rem);align-items:center}.hero-copy{max-width:680px}.hero-title{margin:1.15rem 0 1.1rem;font-size:clamp(3.2rem,9vw,7rem);line-height:.9;letter-spacing:-.02em}.hero-title-sub{display:block;margin-top:.35rem;font-size:clamp(.62rem,1.6vw,1.05rem);letter-spacing:.28em;color:var(--muted);font-weight:600}.glitch{position:relative;display:inline-block;color:#fff;word-spacing:.35em;text-shadow:0 0 24px rgba(0,229,255,.28),0 0 70px rgba(139,92,246,.2)}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:.7}.glitch:before{color:var(--cyan);transform:translate(2px,-1px);clip-path:polygon(0 12%,100% 12%,100% 34%,0 34%);animation:glitch-a 5.5s linear infinite alternate-reverse}.glitch:after{color:var(--magenta);transform:translate(-2px,1px);clip-path:polygon(0 62%,100% 62%,100% 82%,0 82%);animation:glitch-b 6.5s linear infinite alternate-reverse}.hero-desc{max-width:54ch;color:var(--muted);font-size:clamp(.98rem,1.5vw,1.08rem)}.hero-actions{gap:.7rem;margin-top:1.7rem}.hero-actions,.hero-stats{display:flex;flex-wrap:wrap}.hero-stats{gap:clamp(1.5rem,4vw,3rem);margin:2.4rem 0 0;padding-top:1.4rem;border-top:1px solid var(--line-soft)}.hero-stats div{display:flex;flex-direction:column-reverse;gap:.15rem}.hero-stats dt{font-size:.71rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hero-stats dd{margin:0;font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--cyan);line-height:1}.hero-panel{overflow:hidden}.panel-bar{display:flex;align-items:center;gap:.75rem;padding:.72rem 1rem;border-bottom:1px solid var(--line);background:rgba(0,0,0,.24)}.panel-dots{display:inline-flex;gap:.3rem}.panel-dots i{width:8px;height:8px;border-radius:50%;background:var(--muted);opacity:.4}.panel-dots i:first-child{background:var(--magenta);opacity:.8}.panel-dots i:nth-child(2){background:var(--amber);opacity:.8}.panel-dots i:nth-child(3){background:var(--mint);opacity:.8}.panel-title{font-size:.72rem;color:var(--muted)}.panel-title,.terminal{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.terminal{padding:1.25rem 1.2rem;font-size:.84rem;line-height:1.85}.terminal p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.term-dim{color:var(--muted)}.term-out{color:var(--ink);padding-left:.6rem;border-left:1px solid rgba(0,229,255,.2);margin-bottom:.45rem}.term-ok{color:var(--mint)}.cursor{display:inline-block;width:8px;height:1em;vertical-align:text-bottom;background:var(--cyan);animation:blink 1.1s steps(1) infinite}.panel-footer{display:flex;flex-wrap:wrap;gap:.45rem;padding:.75rem 1rem;border-top:1px solid var(--line)}.chip{display:inline-flex;align-items:center;padding:.28rem .6rem;border-radius:999px;border:1px solid var(--line-soft);background:hsla(0,0%,100%,.035);font-size:.7rem;color:var(--muted);white-space:nowrap}.chip-cyan{border-color:rgba(0,229,255,.35);color:var(--cyan);background:rgba(0,229,255,.07)}.pengurus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:1rem}.members-grid-lg{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.member-card{display:flex;flex-direction:column;gap:.8rem;padding:1.15rem;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.member-card:hover{transform:translateY(-4px);border-color:rgba(0,229,255,.38);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 40px rgba(0,229,255,.08)}.member-card-pengurus{border-color:rgba(139,92,246,.3);background:linear-gradient(150deg,rgba(26,30,60,.72),rgba(8,12,24,.78))}.member-top{display:flex;align-items:center;gap:.9rem}.member-photo{position:relative;width:72px;height:72px;flex:0 0 auto}.member-photo .avatar-fallback,.member-photo img{width:72px;height:72px;border-radius:16px;-o-object-fit:cover;object-fit:cover;border:1px solid rgba(0,229,255,.3);display:grid;place-items:center}.avatar-fallback{background:linear-gradient(140deg,var(--from,#00e5ff),var(--to,#8b5cf6));color:#03070e;font-family:var(--font-display);font-weight:800;font-size:1.25rem;letter-spacing:.03em}.avatar-fallback-lg{width:100%;height:100%;border-radius:24px;font-size:3rem}.photo-corner{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);border-radius:0 0 5px 0;opacity:.8}.member-heading{min-width:0}.member-heading h3{font-size:1.02rem;font-family:var(--font-body);font-weight:700;line-height:1.25;overflow-wrap:anywhere}.member-npm{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;color:var(--muted);margin:.18rem 0 .35rem}.member-bio{color:var(--muted);font-size:.88rem;line-height:1.55;flex:1}.member-ig{display:inline-flex;align-items:center;gap:.35rem;color:var(--cyan);font-size:.78rem;font-weight:500;overflow-wrap:anywhere}.member-ig:hover{text-decoration:underline;text-underline-offset:3px}.badge{display:inline-flex;align-items:center;padding:.22rem .58rem;border-radius:999px;border:1px solid transparent;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.badge-komting{color:var(--cyan);border-color:rgba(0,229,255,.4);background:rgba(0,229,255,.1)}.badge-wakil{color:#c4b5fd;border-color:rgba(139,92,246,.45);background:rgba(139,92,246,.13)}.badge-sekretaris{color:#ff9fe8;border-color:rgba(255,43,214,.4);background:rgba(255,43,214,.1)}.badge-bendahara{color:#86ffbc;border-color:rgba(57,255,136,.4);background:rgba(57,255,136,.1)}.badge-anggota{color:var(--muted);border-color:var(--line-soft);background:hsla(0,0%,100%,.04)}.badge-pending{color:var(--amber);border-color:rgba(255,176,32,.4);background:rgba(255,176,32,.1)}.masonry{-moz-columns:260px 3;columns:260px 3;-moz-column-gap:.85rem;column-gap:.85rem}.masonry-lg{-moz-columns:300px 3;columns:300px 3}.gallery-item{position:relative;display:block;width:100%;margin:0 0 .85rem;padding:0;border:1px solid rgba(0,229,255,.13);border-radius:16px;overflow:hidden;background:var(--panel);-moz-column-break-inside:avoid;break-inside:avoid;text-align:left;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.gallery-item:focus-visible,.gallery-item:hover{transform:translateY(-3px);border-color:rgba(0,229,255,.45);box-shadow:0 18px 40px rgba(0,0,0,.45)}.gallery-item img{display:block;width:100%;transition:transform .35s ease,filter .35s ease}.gallery-item:hover img{transform:scale(1.03);filter:saturate(1.08)}.gallery-overlay{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:.15rem;padding:2.2rem .9rem .8rem;background:linear-gradient(180deg,transparent,rgba(3,6,12,.9));opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.gallery-item:focus-visible .gallery-overlay,.gallery-item:hover .gallery-overlay{opacity:1;transform:translateY(0)}.gallery-title{font-weight:600;font-size:.9rem}.gallery-meta{color:var(--muted);font-size:.72rem}.filter-pills{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.5rem}.filter-pills-wrap{margin-top:-.5rem}.pill{padding:.48rem .8rem;border:1px solid var(--line-soft);border-radius:999px;background:hsla(0,0%,100%,.035);color:var(--muted);font-size:.8rem;font-weight:500;transition:all .16s ease}.pill small{opacity:.65;margin-left:.2rem}.pill:hover{color:var(--ink);border-color:rgba(0,229,255,.35)}.pill.is-active{color:#02070d;background:linear-gradient(120deg,var(--cyan),var(--violet));border-color:transparent;font-weight:700}.search-field{display:flex;align-items:center;gap:.55rem;min-width:240px;padding:0 .8rem;border:1px solid var(--line-soft);border-radius:11px;background:hsla(0,0%,100%,.035);color:var(--muted)}.search-field:focus-within{border-color:rgba(0,229,255,.5);box-shadow:0 0 0 3px rgba(0,229,255,.08)}.search-field input{width:100%;height:44px;border:0;background:transparent;color:var(--ink);outline:0;font-size:.88rem}.search-field-wide{flex:1}.directory-tools{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;margin-bottom:1.5rem}.directory-tools .filter-pills{margin-bottom:0}.cta-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.4rem 1.5rem;margin-top:2.5rem}.cta-strip h3{font-family:var(--font-body);font-size:1.05rem}.cta-strip p{color:var(--muted);font-size:.88rem;margin-top:.3rem}.auth-page{padding:clamp(2.5rem,6vw,5rem) 0}.auth-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(2rem,5vw,4rem);align-items:center}.auth-grid-wide{grid-template-columns:minmax(0,.9fr) minmax(0,560px)}.auth-title{font-size:clamp(2.4rem,6vw,4.4rem);margin:1rem 0 1.1rem}.auth-desc{color:var(--muted);max-width:52ch}.auth-list{list-style:none;margin:1.8rem 0 0;padding:0;display:grid;gap:.7rem}.auth-list li{display:flex;align-items:center;gap:.7rem;color:var(--muted);font-size:.92rem}.auth-list li span{font-family:var(--font-display);font-size:.67rem;color:var(--cyan);letter-spacing:.1em;border:1px solid rgba(0,229,255,.3);border-radius:6px;padding:.2rem .38rem}.auth-quote{margin-top:2rem;padding:1.1rem 1.2rem}.auth-quote p{font-family:var(--font-display);font-size:.95rem;line-height:1.5}.auth-quote small{display:block;margin-top:.5rem;color:var(--muted);font-size:.75rem}.auth-card{padding:clamp(1.3rem,4vw,2.2rem)}.auth-card-head{margin-bottom:1.4rem}.auth-card-head h2{font-size:1.55rem;margin-top:.7rem}.auth-card-head p{color:var(--muted);font-size:.88rem;margin-top:.4rem}.auth-switch{margin-top:1.3rem;padding-top:1.1rem;border-top:1px solid var(--line-soft);color:var(--muted);font-size:.86rem;text-align:center}.auth-switch a{color:var(--cyan);font-weight:600}.steps{list-style:none;margin:1.8rem 0 0;padding:0;display:grid;gap:.8rem}.steps li{display:flex;gap:.8rem;align-items:flex-start}.steps li>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:8px;border:1px solid rgba(0,229,255,.35);background:rgba(0,229,255,.07);color:var(--cyan);font-family:var(--font-display);font-size:.7rem}.steps strong{font-size:.9rem}.steps p{color:var(--muted);font-size:.8rem;margin-top:.1rem}.steps-compact{margin-top:.5rem}.form-stack{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.form-row-3{grid-template-columns:.8fr 1fr 1fr}.field,.select-field{display:flex;flex-direction:column;gap:.38rem;min-width:0}.field>span,.select-field>span{font-size:.78rem;font-weight:600;color:var(--muted)}.field>span em{font-style:normal;font-weight:400;opacity:.7}.field input,.field select,.field textarea,.select-field select{width:100%;min-height:44px;padding:.65rem .75rem;border:1px solid var(--line-soft);border-radius:10px;background:rgba(3,7,15,.55);color:var(--ink);outline:0;font-size:.9rem;transition:border-color .16s ease,box-shadow .16s ease}.field textarea{resize:vertical;min-height:88px}.field input:focus,.field select:focus,.field textarea:focus,.select-field select:focus{border-color:rgba(0,229,255,.55);box-shadow:0 0 0 3px rgba(0,229,255,.09)}.field input:disabled,.field select:disabled,.field textarea:disabled,.select-field select:disabled{opacity:.45;cursor:not-allowed}.field input::-moz-placeholder,.field textarea::-moz-placeholder{color:rgba(143,163,191,.55)}.field input::placeholder,.field textarea::placeholder{color:rgba(143,163,191,.55)}.field input[type=file]{padding:.5rem;font-size:.8rem;color:var(--muted)}.field input[type=file]::file-selector-button{margin-right:.7rem;padding:.4rem .7rem;border:1px solid rgba(0,229,255,.35);border-radius:7px;background:rgba(0,229,255,.08);color:var(--cyan);font-weight:600;cursor:pointer}.field-hint{font-size:.72rem;color:var(--muted);opacity:.8}.field-sm input,.field-sm textarea{min-height:38px;padding:.45rem .6rem;font-size:.82rem}.select-field-sm select{min-height:36px;padding:.35rem .5rem;font-size:.8rem}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:4rem}.password-toggle{position:absolute;top:50%;right:.45rem;transform:translateY(-50%);border:0;background:transparent;color:var(--cyan);font-size:.75rem;font-weight:600;padding:.35rem .45rem;border-radius:6px}.check-field{display:flex;align-items:flex-start;gap:.55rem;font-size:.85rem;color:var(--muted);cursor:pointer}.check-field input{width:18px;height:18px;margin-top:.15rem;accent-color:var(--cyan);flex:0 0 auto}.alert{display:flex;gap:.6rem;padding:.8rem .95rem;border-radius:10px;font-size:.86rem;margin-bottom:.4rem}.alert-error{border:1px solid rgba(255,43,214,.35);background:rgba(255,43,214,.08);color:#ffb3ec}.alert-warn{border:1px solid rgba(255,176,32,.35);background:rgba(255,176,32,.08);color:#ffd28a;margin-bottom:1.2rem;padding:.8rem .95rem;border-radius:10px;font-size:.86rem}.page{padding:clamp(2rem,5vw,3.5rem) 0 clamp(3rem,6vw,5rem)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}.page-head h1{font-size:clamp(1.9rem,4.5vw,2.8rem);margin-top:.5rem}.page-desc{color:var(--muted);margin-top:.55rem;max-width:62ch}.profile-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:1.2rem;align-items:start}.profile-preview{grid-row:span 2;padding:1.5rem 1.2rem;text-align:center}.profile-avatar{position:relative;width:130px;height:130px;margin:0 auto 1.1rem}.profile-avatar .avatar-fallback,.profile-avatar img{width:100%;height:100%;border-radius:26px;-o-object-fit:cover;object-fit:cover;border:1px solid rgba(0,229,255,.4)}.profile-avatar-ring{position:absolute;inset:-7px;border:1px dashed rgba(0,229,255,.3);border-radius:32px;animation:spin-slow 24s linear infinite}.profile-preview h2{font-family:var(--font-body);font-size:1.2rem}.profile-npm{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);font-size:.78rem;margin:.25rem 0 .6rem}.profile-since{margin-top:.65rem}.profile-since,.profile-status{color:var(--muted);font-size:.75rem}.profile-status{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;padding:.35rem .7rem;border:1px solid var(--line-soft);border-radius:999px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.status-aktif .status-dot,.status-dot.status-aktif{background:var(--mint);box-shadow:0 0 10px var(--mint)}.status-dot.status-pending,.status-pending .status-dot{background:var(--amber);box-shadow:0 0 10px var(--amber)}.status-dot.status-nonaktif,.status-nonaktif .status-dot{background:var(--magenta)}.profile-hint{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line-soft);color:var(--muted);font-size:.72rem;line-height:1.5}.form-card{padding:1.4rem 1.4rem 1.6rem}.form-card h2{font-size:1.15rem}.form-card-desc{color:var(--muted);font-size:.82rem;margin:.3rem 0 1.1rem}.changes-panel{padding:1.15rem 1.2rem 1.25rem;margin-bottom:1.2rem}.change-list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.change-item{display:flex;gap:1rem;padding:.75rem;border:1px solid var(--line-soft);border-radius:12px;background:hsla(0,0%,100%,.025)}.change-date{display:flex;flex-direction:column;gap:.35rem;min-width:170px}.change-date strong{font-size:.8rem;color:var(--ink)}.change-body{min-width:0}.change-body h3{font-family:var(--font-body);font-size:.92rem}.change-body p{color:var(--muted);font-size:.76rem;margin-top:.2rem}.change-new{color:var(--cyan)!important;font-weight:600}.change-reason{font-style:italic}.change-admin-list{display:grid;gap:.8rem}.change-admin-item{padding:.9rem 1rem;border:1px solid var(--line-soft);border-radius:12px;background:hsla(0,0%,100%,.025)}.change-admin-head{justify-content:space-between;gap:.8rem}.change-admin-head,.change-admin-head>div{display:flex;align-items:center;flex-wrap:wrap}.change-admin-head>div{gap:.55rem}.change-admin-head strong{font-size:.92rem}.change-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:.75rem 0 .6rem}.change-label{display:block;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.change-admin-grid p{color:var(--muted);font-size:.76rem;margin-top:.18rem}.notif-preview{margin-top:.55rem}.notif-preview summary{cursor:pointer;color:var(--cyan);font-size:.75rem}.notif-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem;line-height:1.6;background:rgba(0,0,0,.3);border:1px solid var(--line-soft);border-radius:10px;padding:.8rem;margin-top:.5rem;color:var(--ink)}.today-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.6rem}.section-head-inline{margin-top:1.8rem}.class-item.is-change{border-color:rgba(255,176,32,.35);background:rgba(255,176,32,.05)}.class-body h3 .badge{margin-left:.3rem;font-size:.54rem;vertical-align:middle}.schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1rem}.day-card{padding:1.15rem}.day-card.is-today{border-color:rgba(0,229,255,.55);box-shadow:0 0 0 1px rgba(0,229,255,.15),0 0 50px rgba(0,229,255,.08),var(--shadow)}.day-head{justify-content:space-between;gap:.7rem;padding-bottom:.8rem;margin-bottom:.8rem;border-bottom:1px solid var(--line-soft)}.day-head,.day-head>div{display:flex;align-items:center}.day-head>div{gap:.55rem}.day-head h2{font-size:1.02rem;letter-spacing:.08em;text-transform:uppercase}.day-count{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--line);color:var(--cyan);font-size:.74rem;font-weight:700}.class-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.class-item{display:flex;gap:.8rem;padding:.65rem;border-radius:12px;background:hsla(0,0%,100%,.025);border:1px solid transparent;transition:background .16s ease,border-color .16s ease}.class-item:hover{background:rgba(0,229,255,.05);border-color:rgba(0,229,255,.2)}.class-time{display:flex;flex-direction:column;align-items:center;min-width:58px;padding-right:.65rem;border-right:1px solid var(--line-soft)}.class-time strong{font-family:var(--font-display);font-size:.86rem;color:var(--cyan)}.class-time span{color:var(--muted);font-size:.68rem}.class-body{min-width:0}.class-body h3{font-family:var(--font-body);font-size:.9rem;font-weight:600}.class-meta{display:flex;flex-wrap:wrap;gap:.25rem .7rem;color:var(--muted);font-size:.72rem;margin-top:.2rem}.class-meta span:before{content:"·";margin-right:.35rem;color:var(--cyan)}.class-meta span:first-child:before{content:"";margin-right:0}.class-note{margin-top:.25rem;color:var(--amber);font-size:.72rem}.day-empty,.panel-empty{color:var(--muted);font-size:.84rem;padding:.8rem 0}.admin-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1.5rem;margin:1.5rem auto 4rem;align-items:start;transition:grid-template-columns .25s ease,gap .25s ease}.admin-mobilebar,.admin-shell{width:min(1400px,calc(100% - 2rem))}.admin-mobilebar{display:flex;align-items:center;gap:.7rem;margin:.9rem auto 0;padding:.55rem .7rem;position:sticky;top:.65rem;z-index:95}.admin-toggle{display:flex;flex-direction:column;justify-content:space-between;width:42px;height:42px;padding:.7rem .62rem;border:1px solid var(--line);border-radius:10px;background:hsla(0,0%,100%,.04);flex:0 0 auto}.admin-toggle span{display:block;height:2px;width:100%;border-radius:2px;background:var(--ink)}.admin-mobile-brand{display:flex;align-items:center;gap:.5rem;margin-right:auto;min-width:0}.admin-mobile-brand strong{font-family:var(--font-display);font-size:.78rem;letter-spacing:.08em;white-space:nowrap}.admin-mobilebar .badge{display:none}@media (max-width:1080px){.admin-mobilebar .badge{display:inline-flex}}.admin-sidebar-close{display:none;position:absolute;top:.9rem;right:.8rem;width:34px;height:34px;border:1px solid var(--line-soft);border-radius:9px;background:hsla(0,0%,100%,.05);color:var(--ink);font-size:1.2rem;line-height:1;place-items:center}.admin-backdrop{display:none}.admin-sidebar{position:sticky;top:1.5rem;display:flex;flex-direction:column;gap:1.2rem;min-height:calc(100vh - 3rem);padding:1rem;transition:transform .25s ease,opacity .2s ease}body.admin-sidebar-collapsed .admin-shell{grid-template-columns:0 minmax(0,1fr);gap:0}body.admin-sidebar-collapsed .admin-sidebar{transform:translateX(-110%);opacity:0;pointer-events:none}.brand-admin{padding:.25rem}.admin-links{display:flex;flex-direction:column;gap:.25rem}.admin-links a{display:flex;align-items:center;gap:.65rem;padding:.62rem .7rem;border-radius:10px;color:var(--muted);font-size:.86rem;font-weight:500;transition:background .16s ease,color .16s ease}.admin-links a svg{width:18px;height:18px;flex:0 0 auto;opacity:.8}.admin-links a:hover{background:hsla(0,0%,100%,.04);color:var(--ink)}.admin-links a.is-active{color:var(--cyan);background:rgba(0,229,255,.08);box-shadow:inset 2px 0 0 var(--cyan)}.admin-sidebar-foot{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:.45rem}.admin-user{display:flex;align-items:center;gap:.55rem;padding:.35rem;margin-bottom:.35rem}.admin-user div{display:flex;flex-direction:column;line-height:1.2;min-width:0}.admin-user strong{font-size:.82rem}.admin-user small{color:var(--muted);font-size:.68rem}.admin-side-link{border:0;background:transparent;color:var(--muted);font-size:.78rem;text-align:left;padding:.3rem .35rem;border-radius:6px;width:100%}.admin-side-link:hover{color:var(--cyan)}.admin-main{min-width:0}.admin-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.admin-topbar h1{font-size:clamp(1.7rem,3.5vw,2.4rem);margin-top:.4rem}.admin-grid{display:grid;gap:1rem;margin-top:1rem}.admin-grid,.admin-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.stat-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem}.stat-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1rem}.dues-table td{min-width:120px;vertical-align:top}.due-cell{display:flex;flex-direction:column;gap:.15rem;padding:.45rem .55rem;border:1px solid var(--line-soft);border-radius:9px;background:hsla(0,0%,100%,.025);min-width:100px}.due-cell strong{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.due-cell small{color:var(--muted);font-size:.65rem;white-space:nowrap}.due-belum{border-color:rgba(255,43,214,.35);background:rgba(255,43,214,.05)}.due-belum strong{color:#ff9fe8}.due-dicicil{border-color:rgba(255,176,32,.4);background:rgba(255,176,32,.06)}.due-dicicil strong{color:var(--amber)}.due-lunas{border-color:rgba(57,255,136,.35);background:rgba(57,255,136,.05)}.due-lunas strong{color:var(--mint)}.stat-card{padding:1rem 1.1rem}.stat-label{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.stat-card strong{display:block;margin:.35rem 0 .15rem;font-family:var(--font-display);font-size:1.9rem;color:var(--cyan);line-height:1.1}.stat-foot{color:var(--muted);font-size:.7rem}.stat-in{color:var(--mint)!important}.stat-out{color:#ff9fe8!important}.amount-in{color:var(--mint);font-weight:600}.amount-out{color:#ff9fe8;font-weight:600}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:.8rem;min-height:190px;padding:.5rem .25rem 0;border-bottom:1px solid var(--line-soft)}.bar-group{display:flex;flex-direction:column;align-items:center;gap:.45rem;flex:1;min-width:0}.bar-pair{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:150px;width:100%}.bar{width:min(18px,40%);border-radius:5px 5px 2px 2px;min-height:3px}.bar-in{background:linear-gradient(180deg,var(--mint),rgba(0,229,255,.5));box-shadow:0 0 14px rgba(57,255,136,.2)}.bar-out{background:linear-gradient(180deg,var(--magenta),rgba(139,92,246,.5));box-shadow:0 0 14px rgba(255,43,214,.18)}.bar-label{color:var(--muted);font-size:.68rem;white-space:nowrap}.chart-legend{display:flex;gap:1rem;margin-top:.75rem;color:var(--muted);font-size:.72rem}.chart-legend span{display:inline-flex;align-items:center;gap:.35rem}.chart-legend i{width:9px;height:9px;border-radius:2px}.legend-in{background:var(--mint)}.legend-out{background:var(--magenta)}.info-strip-section{padding:.25rem 0 .5rem}.info-strip{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border-color:rgba(255,176,32,.25)}.info-strip-label{flex:0 0 auto;font-family:var(--font-display);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}.info-strip-items{display:flex;gap:.6rem;overflow-x:auto;flex:1;scrollbar-width:none}.info-strip-items::-webkit-scrollbar{display:none}.info-strip-item{display:flex;flex-direction:column;min-width:200px;max-width:320px;padding:.45rem .7rem;border-left:2px solid rgba(255,176,32,.5);background:rgba(255,176,32,.04);border-radius:0 8px 8px 0}.info-strip-item strong{font-size:.8rem}.info-strip-item span{color:var(--muted);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement-list{display:grid;gap:.9rem}.announcement-admin,.announcement-item{padding:1.25rem 1.3rem}.announcement-item.is-pinned{border-color:rgba(255,176,32,.35)}.announcement-admin-head h2,.announcement-head h2{font-family:var(--font-body);font-size:1.08rem;margin-top:.45rem}.announcement-body{color:var(--muted);font-size:.9rem;line-height:1.7;white-space:pre-line;margin:.8rem 0 1rem}.announcement-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.inline-edit .row-menu-body,.row-menu-wide{width:min(520px,88vw)}.stat-attention{border-color:rgba(255,176,32,.4)}.stat-attention strong{color:var(--amber)}.panel{padding:1.15rem 1.2rem 1.3rem}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.85rem;margin-bottom:.9rem;border-bottom:1px solid var(--line-soft)}.panel-head h2{font-size:1.02rem}.panel-head p{color:var(--muted);font-size:.78rem;margin-top:.2rem}.approval-list,.log-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.approval-list li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem 0;border-bottom:1px solid rgba(143,163,191,.08)}.approval-list li:last-child{border-bottom:0}.mini-user{display:flex;align-items:center;gap:.55rem;min-width:0}.mini-user div{display:flex;flex-direction:column;line-height:1.25;min-width:0}.mini-user strong{font-size:.84rem;overflow-wrap:anywhere}.mini-user small{color:var(--muted);font-size:.68rem}.quick-actions{display:grid;gap:.45rem}.quick-action{display:flex;align-items:center;gap:.6rem;padding:.65rem .7rem;border:1px solid var(--line-soft);border-radius:10px;font-size:.84rem;color:var(--ink);transition:all .16s ease}.quick-action span{font-family:var(--font-display);font-size:.63rem;color:var(--cyan)}.quick-action:hover{border-color:rgba(0,229,255,.4);background:rgba(0,229,255,.06)}.mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.mini-photo{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--line-soft)}.mini-photo img{width:100%;height:82px;-o-object-fit:cover;object-fit:cover;display:block}.log-list li{display:flex;gap:.6rem;padding:.4rem 0}.log-dot{width:7px;height:7px;margin-top:.45rem;flex:0 0 auto;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px rgba(0,229,255,.6)}.log-list div{display:flex;flex-direction:column;line-height:1.35;min-width:0}.log-list strong{font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--cyan)}.log-list small{color:var(--muted);font-size:.7rem;overflow-wrap:anywhere}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;padding:.85rem;margin-bottom:1rem}.toolbar .search-field{flex:1}.table-wrap{overflow-x:auto;padding:.25rem .4rem .4rem}.data-table{width:100%;border-collapse:collapse;font-size:.84rem}.data-table th{text-align:left;padding:.7rem .65rem;color:var(--muted);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:.7rem .65rem;border-bottom:1px solid rgba(143,163,191,.09);vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:rgba(0,229,255,.025)}.td-actions,.th-actions{text-align:right;white-space:nowrap}.cell-muted,.cell-note{display:block;color:var(--muted);font-size:.7rem;margin-top:.2rem}.status-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;font-size:.66rem;font-weight:700;text-transform:capitalize;border:1px solid var(--line-soft);color:var(--muted);background:hsla(0,0%,100%,.03)}.status-pill.status-aktif{color:var(--mint);border-color:rgba(57,255,136,.35);background:rgba(57,255,136,.08)}.status-pill.status-pending{color:var(--amber);border-color:rgba(255,176,32,.35);background:rgba(255,176,32,.08)}.status-pill.status-nonaktif{color:#ff9fe8;border-color:rgba(255,43,214,.35);background:rgba(255,43,214,.08)}.row-menu{position:relative;display:inline-block;text-align:left}.row-menu summary{list-style:none;cursor:pointer;display:inline-flex}.row-menu summary::-webkit-details-marker{display:none}.row-menu-body{display:grid;gap:.5rem;min-width:230px;margin-top:.45rem;padding:.6rem;border:1px solid var(--line);border-radius:12px;background:var(--glass-strong);box-shadow:0 18px 40px rgba(0,0,0,.45)}.row-menu-body form{margin:0}.inline-form{display:flex;align-items:flex-end;gap:.4rem;flex-wrap:wrap}.inline-actions{display:flex;align-items:center;gap:.5rem}.spacer{flex:1}.admin-note{margin-top:1rem;color:var(--muted);font-size:.75rem}.admin-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1rem}.admin-photo{overflow:hidden;display:flex;flex-direction:column}.admin-photo-frame{aspect-ratio:16/10;overflow:hidden;background:var(--panel-2)}.admin-photo-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.admin-photo-body{padding:.75rem .85rem .4rem}.admin-photo-body h3{font-family:var(--font-body);font-size:.88rem}.admin-photo-body p{color:var(--muted);font-size:.7rem;margin-top:.2rem}.admin-photo .row-menu{margin:0 .85rem .85rem}.upload-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}.upload-preview img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:10px;border:1px solid var(--line-soft)}.admin-schedule{display:grid;gap:.9rem;margin-top:1rem}.schedule-admin-list{display:grid;gap:.4rem}.schedule-admin-item{border:1px solid var(--line-soft);border-radius:10px;overflow:hidden}.schedule-admin-item summary{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;cursor:pointer;list-style:none;font-size:.82rem}.schedule-admin-item summary::-webkit-details-marker{display:none}.schedule-admin-item summary:hover{background:rgba(0,229,255,.04)}.schedule-admin-time{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--cyan);font-size:.74rem;white-space:nowrap}.schedule-admin-name{font-weight:600;flex:1;min-width:0}.schedule-admin-room{color:var(--muted);font-size:.72rem}.schedule-admin-edit{padding:.8rem;border-top:1px solid var(--line-soft);background:rgba(0,0,0,.2)}.bot-status{display:grid;gap:.8rem;justify-items:start;align-content:start;padding:1.5rem}.bot-orb{width:62px;height:62px;border-radius:50%;border:1px solid rgba(0,229,255,.4);display:grid;place-items:center;background:rgba(0,229,255,.06)}.bot-orb span{width:22px;height:22px;border-radius:50%;background:var(--cyan);box-shadow:0 0 30px var(--cyan);animation:pulse 2.4s ease-in-out infinite}.bot-status h2{font-size:1.1rem;margin:.5rem 0 .35rem}.bot-status p{color:var(--muted);font-size:.84rem}.bot-connected{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem}.bot-connected h3{font-family:var(--font-body);font-size:1.05rem;margin-top:.45rem}.bot-connected p{color:var(--muted);font-size:.82rem;margin-top:.2rem}.bot-orb-on{border-color:rgba(57,255,136,.5);background:rgba(57,255,136,.08)}.bot-orb-on span{background:var(--mint);box-shadow:0 0 30px var(--mint)}.pairing-box{margin-top:1rem;padding:1.1rem;border:1px solid rgba(0,229,255,.35);border-radius:14px;background:rgba(0,229,255,.06);text-align:center}.pairing-label{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.pairing-code{display:block;font-family:var(--font-display);font-size:clamp(1.8rem,5vw,2.6rem);letter-spacing:.3em;color:var(--cyan);margin:.4rem 0;text-shadow:0 0 24px rgba(0,229,255,.35)}.pairing-box p{color:var(--muted);font-size:.8rem;max-width:48ch;margin:.3rem auto}.pairing-timer{color:var(--amber)!important;font-weight:600}.inline-actions-wrap{flex-wrap:wrap}.inline-actions-end{justify-content:flex-end}.alert code{padding:.1rem .35rem;border-radius:5px;background:rgba(0,0,0,.28);font-size:.8rem}.command-grid{display:flex;flex-wrap:wrap;gap:.45rem}.command-grid code{padding:.4rem .65rem;border:1px solid rgba(0,229,255,.25);border-radius:8px;background:rgba(0,229,255,.06);color:var(--cyan);font-size:.78rem}.feature-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.feature-list li{display:flex;gap:.6rem;color:var(--muted);font-size:.86rem}.feature-list span{color:var(--cyan);font-family:var(--font-display);font-size:.64rem;padding-top:.2rem}.flash{display:flex;align-items:center;gap:.65rem;margin-top:.8rem;padding:.7rem .9rem;border-radius:12px;border:1px solid rgba(57,255,136,.3);background:rgba(57,255,136,.07);color:#a9ffd0;font-size:.85rem}.flash-error{border-color:rgba(255,43,214,.35);background:rgba(255,43,214,.08);color:#ffb3ec}.flash p{flex:1}.flash-icon{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;border-radius:50%;background:rgba(57,255,136,.15);font-size:.72rem;font-weight:800}.flash-error .flash-icon{background:rgba(255,43,214,.15)}.flash-close{border:0;background:transparent;color:inherit;font-size:1.1rem;line-height:1;padding:.2rem .3rem;opacity:.7}.empty{padding:2rem 1.2rem;text-align:center;color:var(--muted);font-size:.88rem}.empty p+.btn{margin-top:.8rem}.site-footer{border-top:1px solid var(--line-soft);padding:2.5rem 0 3.5rem;margin-top:2rem;background:rgba(5,6,10,.55)}.footer-inner{display:grid;gap:1.2rem}.footer-brand{display:flex;gap:.8rem;align-items:flex-start}.footer-brand strong{font-family:var(--font-display);font-size:.85rem;letter-spacing:.07em}.footer-brand p{color:var(--muted);font-size:.78rem;margin-top:.25rem;max-width:60ch}.footer-links{display:flex;flex-wrap:wrap;gap:1rem}.footer-links a{color:var(--muted);font-size:.8rem}.footer-links a:hover{color:var(--cyan)}.footer-copy{color:var(--muted);font-size:.72rem;padding-top:1rem;border-top:1px solid rgba(143,163,191,.1)}.bottom-nav{position:fixed;left:50%;bottom:.7rem;transform:translateX(-50%);z-index:70;display:none;width:min(520px,calc(100% - 1rem));padding:.35rem;border-radius:18px;justify-content:space-around}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:56px;padding:.42rem .3rem;border-radius:12px;color:var(--muted);font-size:.6rem;font-weight:500}.bottom-nav a svg{width:20px;height:20px}.bottom-nav a.is-active{color:var(--cyan);background:rgba(0,229,255,.08)}.lightbox{position:fixed;inset:0;z-index:150;display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:.5rem;padding:1rem;background:rgba(3,5,10,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lightbox-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:.7rem;min-width:0}.lightbox-figure img{max-width:100%;max-height:78vh;border-radius:14px;border:1px solid rgba(0,229,255,.25);box-shadow:0 30px 90px rgba(0,0,0,.6)}.lightbox-figure figcaption{color:var(--muted);font-size:.82rem;text-align:center;max-width:70ch}.lightbox-close{position:absolute;top:1rem;right:1rem;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:hsla(0,0%,100%,.06);font-size:1.5rem}.lightbox-close,.lightbox-nav{color:var(--ink);line-height:1}.lightbox-nav{width:46px;height:66px;border-radius:12px;border:1px solid var(--line);background:hsla(0,0%,100%,.05);font-size:2rem}.lightbox-close:hover,.lightbox-nav:hover{border-color:rgba(0,229,255,.5);background:rgba(0,229,255,.1)}.error-page{padding:clamp(3rem,8vw,6rem) 0}.error-inner{max-width:620px;margin-inline:auto;padding:clamp(2rem,5vw,3rem);text-align:center}.error-code{display:block;font-family:var(--font-display);font-size:clamp(3.5rem,10vw,6rem);font-weight:900;line-height:1;background:linear-gradient(120deg,var(--cyan),var(--violet),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem}.error-inner h1{font-size:clamp(1.4rem,4vw,2rem)}.error-inner p{color:var(--muted);margin-top:.6rem}.error-inner .hero-actions{justify-content:center}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.86)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes spin-slow{to{transform:rotate(1turn)}}@keyframes glitch-a{0%,92%,to{transform:translate(2px,-1px)}93%{transform:translate(-4px,1px)}95%{transform:translate(4px,-2px)}97%{transform:translate(-2px,2px)}}@keyframes glitch-b{0%,90%,to{transform:translate(-2px,1px)}91%{transform:translate(4px,-1px)}94%{transform:translate(-5px,2px)}96%{transform:translate(3px,1px)}}@media (max-width:1080px){.hero-grid{grid-template-columns:1fr}.hero-panel{max-width:560px}.auth-grid,.auth-grid-wide{grid-template-columns:1fr;gap:2rem}.auth-intro{max-width:640px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:130;width:min(300px,84vw);min-height:0;height:100vh;overflow-y:auto;border-radius:0 20px 20px 0;transform:translateX(-105%);opacity:1;pointer-events:auto}body.admin-sidebar-open .admin-sidebar{transform:translateX(0)}body.admin-sidebar-open .admin-backdrop{display:block;position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}body.admin-sidebar-open{overflow:hidden}.admin-sidebar-close{display:grid}.brand-admin .brand-text{display:flex}.admin-links{flex-direction:column;gap:.2rem}.admin-links a{white-space:normal;padding:.62rem .7rem}.admin-links a span{display:inline}.admin-sidebar-foot{display:flex}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.nav-links{position:absolute;top:calc(100% + 10px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:.2rem;padding:.6rem;border:1px solid var(--line);border-radius:16px;background:var(--glass-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-links.is-open{display:flex}.nav-link{padding:.7rem .8rem}.nav-burger{display:flex}.topbar{position:relative}.nav-actions>.btn-ghost{display:none}.admin-grid,.admin-grid-2,.profile-grid{grid-template-columns:1fr}.profile-preview{grid-row:auto}.footer-inner{gap:1rem}}@media (max-width:760px){.shell{width:calc(100% - 1.25rem)}.admin-topbar,.page-head,.section-head{flex-direction:column;align-items:flex-start;gap:.9rem}.members-grid,.members-grid-lg{grid-template-columns:1fr}.masonry,.masonry-lg{-moz-columns:140px 2;columns:140px 2;-moz-column-gap:.6rem;column-gap:.6rem}.gallery-item{margin-bottom:.6rem;border-radius:12px}.form-row,.form-row-3,.today-grid{grid-template-columns:1fr}.change-item{flex-direction:column;gap:.5rem}.change-admin-grid{grid-template-columns:1fr}.info-strip{flex-wrap:wrap}.info-strip-label{width:100%}.info-strip-items{width:100%;order:3}.bar-chart{gap:.35rem}.bar-label{font-size:.58rem}.stat-grid,.stat-grid-3,.stat-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{display:flex}body{padding-bottom:76px}.site-footer{padding-bottom:5.5rem}.hero-stats{gap:1.4rem}.directory-tools{align-items:stretch}.search-field-wide{width:100%}.filter-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.pill{flex:0 0 auto}.data-table{min-width:680px}.cta-strip{flex-direction:column;align-items:flex-start}.lightbox{grid-template-columns:42px minmax(0,1fr) 42px;padding:.5rem}.lightbox-nav{width:38px;height:56px}}@media (max-width:520px){.user-chip-text{display:none}.nav-actions>.btn-neon{padding:.55rem .7rem}.hero-title{font-size:clamp(2.8rem,16vw,4.2rem)}.hero-actions .btn{flex:1 1 auto}.stat-grid,.stat-grid-3,.stat-grid-4{grid-template-columns:1fr}.masonry,.masonry-lg{-moz-columns:1;column-count:1}.mini-gallery{grid-template-columns:repeat(2,1fr)}.admin-links a{padding:.45rem .5rem}.lightbox{grid-template-columns:1fr}.lightbox-nav{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}