@font-face{font-family:Monocraft;src:url(/fonts/Monocraft.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{--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: rgb(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: rgb(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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{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{margin:0;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{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains 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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{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}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.resize{resize:both}.break-all{word-break:break-all}.border{border-width:1px}.text-center{text-align:center}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-primary{--tw-text-opacity: 1;color:rgb(0 180 216 / var(--tw-text-opacity, 1))}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);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)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.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,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg-primary: #0a1929;--bg-secondary: #132f4c;--bg-surface: #1e4976;--primary: #00b4d8;--primary-dark: #0096c7;--primary-light:#48cae4;--secondary: #0077b6;--success: #06d6a0;--warning: #ffd166;--danger: #ef476f;--info: #118ab2;--cyan-300: #4dd0e1;--cyan-400: #26c6da;--cyan-500: #00bcd4;--text-primary: #e0f7fa;--text-secondary: #80deea;--text-muted: #4dd0e1;--gradient: linear-gradient(135deg, #00b4d8 0%, #0077b6 100%);--gradient-dark: linear-gradient(135deg, #0096c7 0%, #005b8f 100%);--red-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--pixel-border: 4px solid #26c6da;--pixel-shadow: 4px 4px 0px rgba(0,0,0,.3);--pixel-glow: 0 0 15px #26c6da;--pixel-border-radius: 0px;--border: #1e4976;--border-light: #234e72;--nav-height: 70px;--overlay: rgba(10,25,41,.9);--card: var(--bg-secondary);--surface: var(--bg-surface);--text: var(--text-primary);--radius: 0px;--radius-sm: 0px;--radius-lg: 0px;--transition: all .3s ease;--shadow: 4px 4px 0px rgba(0,0,0,.3);--shadow-glow: 0 0 15px #26c6da;--font-mono: "Monocraft","Courier New",monospace;--font-display: "Monocraft","Courier New",monospace;--font-body: "Monocraft","Courier New",monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;scroll-behavior:smooth;overscroll-behavior:none}body{font-family:Monocraft,Courier New,monospace;background-color:#0a1929;background-image:linear-gradient(#050e1ad1,#050e1ad1),url(/mcbg.png);background-size:cover;background-position:center;background-attachment:fixed;color:var(--text-primary);line-height:1.6;min-height:100vh;min-height:100dvh;overflow-x:hidden;letter-spacing:.3px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,p,span,div,a,button,input,textarea,select,label,small,strong,code,li,th,td,option{font-family:Monocraft,Courier New,monospace!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00b4d80d;border:var(--pixel-border)}::-webkit-scrollbar-thumb{background:var(--cyan-400);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--cyan-500)}::-moz-selection{background:var(--cyan-400);color:#fff}::selection{background:var(--cyan-400);color:#fff}input::-moz-placeholder{color:#ffffff4d!important;opacity:1!important}input::placeholder{color:#ffffff4d!important;opacity:1!important}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .8s ease;background-color:#050e1a;background-image:linear-gradient(135deg,#050e1ac7,#0a1929b8),url(/mcbg.png);background-size:cover;background-position:center}.splash-screen.splash-fade-out{opacity:0;pointer-events:none}.splash-bg-layer{display:none}.splash-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.07) 2px,rgba(0,0,0,.07) 4px)}.splash-particle{position:absolute;z-index:1;background:var(--cyan-400);image-rendering:pixelated;animation:particleFloat linear infinite}@keyframes particleFloat{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.3}to{transform:translateY(-140px) rotate(90deg);opacity:0}}.splash-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;animation:floatContent 4s ease-in-out infinite}@keyframes floatContent{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.splash-logo-wrap{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.splash-ring-outer{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:0;border:3px solid transparent;border-top-color:var(--cyan-400);border-right-color:#00b4d84d;animation:spinSlow 6s linear infinite}.splash-ring-outer:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:0;border:2px dashed rgba(0,180,216,.2);animation:spinSlow 12s linear infinite reverse}@keyframes spinSlow{to{transform:rotate(360deg)}}.splash-ring-mid{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:0;border:4px solid var(--cyan-400);box-shadow:0 0 24px #00b4d8b3,inset 0 0 16px #00b4d81a;animation:ringPulse 2s ease-in-out infinite}@keyframes ringPulse{0%,to{box-shadow:0 0 24px #00b4d8b3,inset 0 0 16px #00b4d81a}50%{box-shadow:0 0 44px #00b4d8,inset 0 0 28px #00b4d833}}.splash-ring-inner{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:0;border:2px solid rgba(0,180,216,.35)}.splash-corner{position:absolute;width:16px;height:16px;border-color:var(--cyan-400);border-style:solid}.splash-corner-tl{top:-3px;left:-3px;border-width:4px 0 0 4px}.splash-corner-tr{top:-3px;right:-3px;border-width:4px 4px 0 0}.splash-corner-bl{bottom:-3px;left:-3px;border-width:0 0 4px 4px}.splash-corner-br{bottom:-3px;right:-3px;border-width:0 4px 4px 0}.splash-logo-ring{width:190px;height:190px;border-radius:0;overflow:hidden;position:relative;background:#0a1929;flex-shrink:0}.splash-logo-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.splash-logo-vignette{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;box-shadow:inset 0 0 28px #000000a6,inset 0 0 8px #00b4d81f;pointer-events:none}.splash-badge{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:3px;color:var(--cyan-300);border:1px solid rgba(0,180,216,.35);padding:4px 14px;margin-bottom:14px;background:#00b4d814}.splash-badge-dot{width:5px;height:5px;background:var(--cyan-400);display:inline-block;animation:blink 1.2s step-end infinite}.splash-texts{text-align:center;margin-bottom:24px}.splash-title{display:flex;justify-content:center;align-items:center;gap:5px;font-size:clamp(1.8rem,6vw,2.8rem);font-weight:900;background:linear-gradient(135deg,#ffffff 0%,var(--cyan-400) 50%,#06d6a0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(0,180,216,.5));letter-spacing:4px;min-height:4rem;white-space:nowrap}.splash-subtitle{display:flex;justify-content:center;align-items:center;gap:5px;font-size:clamp(.75rem,2.5vw,1rem);color:#4dd0e1e6;letter-spacing:3px;min-height:1.8rem;white-space:nowrap;text-shadow:0 0 8px rgba(0,180,216,.5)}.splash-cursor{display:inline-block;width:3px;height:1em;background:var(--cyan-400);margin-left:3px;vertical-align:text-bottom;animation:blink .8s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.splash-progress-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.splash-progress-label{font-size:10px;letter-spacing:3px;color:var(--cyan-300);opacity:.8}.splash-progress{width:220px;height:6px;background:#00b4d81a;border:2px solid rgba(0,180,216,.5);overflow:hidden;position:relative}.splash-progress-bar{height:100%;background:linear-gradient(90deg,#0077b6,var(--cyan-400),#06d6a0);transition:width .15s ease;position:relative}.splash-progress-shine{position:absolute;top:0;right:0;width:30px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5));animation:shine 1s ease-in-out infinite}@keyframes shine{0%,to{opacity:0}50%{opacity:1}}.splash-progress-pct{font-size:10px;color:var(--cyan-400);letter-spacing:1px;font-weight:700}.auth-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:15px;overflow-y:auto;background-image:linear-gradient(135deg,#0a1929cc,#1a3a5fbf,#0a4a6ecc),url(/mcbg.png);background-size:cover;background-position:center;background-attachment:fixed;background-color:#0a1929;animation:fadeIn .5s ease}.auth-bg{display:none}.auth-card{width:100%;max-width:480px;background:#132f4cf7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:var(--pixel-border);border-radius:var(--pixel-border-radius);padding:35px 25px;box-shadow:var(--pixel-shadow);position:relative;overflow:hidden;animation:slideUp .6s cubic-bezier(.68,-.55,.265,1.55)}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--cyan-400)}.auth-logo{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:26px}.auth-logo-img{width:96px;height:96px;border-radius:0;border:var(--pixel-border);box-shadow:var(--pixel-shadow);-o-object-fit:cover;object-fit:cover;display:block}@keyframes authLogoPulse{0%,to{box-shadow:0 0 8px #00b4d84d;border-color:#00b4d84d}50%{box-shadow:0 0 20px #00b4d8b3;border-color:#00b4d8cc}}.auth-logo-text h1{font-size:clamp(1.1rem,4vw,1.5rem);font-weight:800;background:linear-gradient(135deg,#00b4d8,#0077b6,#06d6a0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;text-align:center;text-transform:uppercase;line-height:1.2}.auth-logo-text p{font-size:.72rem;color:#ffffffe6;letter-spacing:4px;text-align:center;text-transform:uppercase;background:#00b4d833;padding:4px 14px;display:inline-block;border:var(--pixel-border)}.input-field{position:relative;margin-bottom:18px}.input-field label{display:block;font-size:.72rem;font-weight:600;color:#ffffffb3;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.input-field input,.input-field select,.input-field textarea{width:100%;padding:13px 15px;background:#0000004d;border:var(--pixel-border);border-radius:var(--pixel-border-radius);color:#fff;font-family:Monocraft,monospace!important;font-size:.9rem;transition:all .3s ease;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.input-field input:focus,.input-field select:focus,.input-field textarea:focus{border-color:var(--cyan-400);box-shadow:var(--pixel-glow);background:#00000080}.input-field input:disabled{opacity:.5;cursor:not-allowed}.input-icon-wrap{position:relative}.input-icon-wrap input{padding-left:44px}.input-icon-wrap .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--cyan-400);font-size:1rem;z-index:2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border:var(--pixel-border);border-radius:var(--pixel-border-radius);font-family:Monocraft,monospace!important;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;text-decoration:none;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--pixel-shadow);position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient);color:#fff;border-color:var(--cyan-400)}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--pixel-glow)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--cyan-400)}.btn-secondary:hover:not(:disabled){background:#00b4d833;box-shadow:var(--pixel-glow)}.btn-danger{background:#ef476f33;color:#ef476f;border-color:#ef476f}.btn-danger:hover:not(:disabled){background:#ef476f59}.btn-ghost{background:transparent;color:var(--cyan-400);border-color:var(--cyan-400)}.btn-ghost:hover{background:#00b4d81a;box-shadow:var(--pixel-glow)}.btn-sm{padding:7px 13px;font-size:.75rem;width:auto}.btn-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#00b4d81a;border:var(--pixel-border);border-radius:var(--pixel-border-radius);color:var(--cyan-400);cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-icon:hover{background:var(--cyan-500);color:#fff;transform:translateY(-2px);box-shadow:var(--pixel-glow)}.page-container{min-height:100vh;min-height:100dvh;padding-bottom:80px;background:transparent;position:relative}.page-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 20%,rgba(0,180,216,.06) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(0,119,182,.06) 0%,transparent 60%);pointer-events:none;z-index:0}.page-container>*{position:relative;z-index:1}.page-header{position:sticky;top:0;z-index:1000;background:#132f4cf7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:var(--pixel-border);padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:var(--nav-height)}.page-title{font-size:clamp(.9rem,3vw,1.05rem);font-weight:700;background:linear-gradient(135deg,var(--cyan-400),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-subtitle{font-size:.7rem;color:var(--cyan-300);font-weight:500;white-space:nowrap}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:999;background:#132f4cf7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:var(--pixel-border);padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-around}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;cursor:pointer;transition:all .3s ease;color:var(--text-muted);text-decoration:none;background:none;border:none;flex:1;position:relative}.nav-item.active{color:var(--cyan-400)}.nav-item.active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:30px;height:4px;background:var(--cyan-400)}.nav-icon{font-size:20px;transition:all .3s ease}.nav-item.active .nav-icon{transform:translateY(-3px);filter:drop-shadow(0 0 6px var(--cyan-400))}.nav-label{font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.nav-badge{position:absolute;top:2px;right:calc(50% - 18px);min-width:18px;height:18px;background:var(--danger);border-radius:10px;font-size:9px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--bg-secondary)}.section{padding:18px 15px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}.section-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--text-primary);letter-spacing:.5px}.section-title i{color:var(--cyan-400)}.card{background:var(--bg-secondary);border:var(--pixel-border);border-radius:var(--pixel-border-radius);padding:18px;box-shadow:var(--pixel-shadow);transition:all .3s ease;width:100%}.card:hover{transform:translateY(-2px);border-color:var(--cyan-400);box-shadow:var(--pixel-glow)}.stat-card{background:var(--bg-secondary);border:var(--pixel-border);border-radius:var(--pixel-border-radius);padding:14px;display:flex;align-items:center;gap:14px;transition:all .3s ease;min-height:85px;box-shadow:var(--pixel-shadow)}.stat-card:hover{transform:translateY(-3px);border-color:var(--cyan-400);box-shadow:var(--pixel-glow)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;border:3px solid white;border-radius:var(--pixel-border-radius);flex-shrink:0}.stat-value{font-size:clamp(1.2rem,4vw,1.7rem);font-weight:700;background:linear-gradient(135deg,var(--cyan-400),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.stat-label{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0a1929ed;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.modal-backdrop.center{align-items:center;padding:20px}.modal-box{background:var(--bg-secondary);border:var(--pixel-border);border-radius:var(--pixel-border-radius);width:100%;max-height:92vh;overflow-y:auto;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));animation:slideUp .35s cubic-bezier(.68,-.55,.265,1.55);box-shadow:var(--pixel-shadow)}.modal-backdrop.center .modal-box{border:var(--pixel-border);max-width:520px;animation:scaleIn .3s cubic-bezier(.68,-.55,.265,1.55);border-radius:var(--pixel-border-radius)}.modal-handle{width:50px;height:4px;background:var(--cyan-400);margin:0 auto 16px}.modal-title{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:18px;letter-spacing:.5px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border:2px solid;border-radius:var(--pixel-border-radius);font-size:.65rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-primary{background:#00b4d826;color:var(--cyan-400);border-color:var(--cyan-400)}.badge-success{background:#06d6a026;color:var(--success);border-color:var(--success)}.badge-warning{background:#ffd16626;color:var(--warning);border-color:var(--warning)}.badge-danger{background:#ef476f26;color:var(--danger);border-color:var(--danger)}.badge-accent{background:#ff6b3526;color:#ff6b35;border-color:#ff6b35}.tabs{display:flex;gap:4px;background:var(--bg-primary);border:var(--pixel-border);padding:4px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;padding:7px 13px;border:2px solid transparent;border-radius:var(--pixel-border-radius);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:var(--text-muted);background:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.tab.active{background:var(--gradient);color:#fff;border-color:var(--cyan-400);box-shadow:var(--pixel-shadow)}.schedule-row{display:flex;align-items:flex-start;gap:12px;padding:10px 15px;border-bottom:2px solid var(--border)}.schedule-row:last-child{border-bottom:none}.schedule-time{font-size:.72rem;color:var(--text-muted);min-width:85px;padding-top:2px}.schedule-subject{font-size:.9rem;font-weight:600;color:var(--text-primary)}.schedule-teacher{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.deadline-card{background:var(--bg-secondary);border:var(--pixel-border);border-radius:var(--pixel-border-radius);padding:14px;display:flex;align-items:flex-start;gap:13px;box-shadow:var(--pixel-shadow);transition:all .3s ease;border-left-width:4px}.deadline-card:hover{transform:translate(3px);box-shadow:var(--pixel-glow)}.deadline-card.urgent{border-left-color:var(--danger)}.deadline-card.warning{border-left-color:var(--warning)}.deadline-card.normal{border-left-color:var(--cyan-400)}.deadline-countdown{text-align:center;min-width:50px}.countdown-days{font-size:1.4rem;font-weight:700;line-height:1}.countdown-label{font-size:.62rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.member-card{background:var(--bg-secondary);border:var(--pixel-border);border-radius:var(--pixel-border-radius);padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;transition:all .3s ease;cursor:pointer;box-shadow:var(--pixel-shadow)}.member-card:hover{border-color:var(--cyan-400);transform:translateY(-3px);box-shadow:var(--pixel-glow)}.member-name{font-size:.72rem;font-weight:600;color:var(--text-primary);line-height:1.3}.member-status{font-size:.62rem;color:var(--cyan-400);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.avatar-placeholder{border-radius:var(--pixel-border-radius);display:flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase;flex-shrink:0;background:var(--gradient);color:#fff;border:var(--pixel-border)}.piket-card{background:var(--bg-secondary);border:var(--pixel-border);border-radius:var(--pixel-border-radius);overflow:hidden;box-shadow:var(--pixel-shadow)}.piket-day-header{background:var(--bg-surface);padding:10px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:var(--pixel-border)}.piket-day-name{font-size:.82rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.piket-members{display:flex;flex-wrap:wrap;gap:8px;padding:12px 15px}.piket-member-chip{display:flex;align-items:center;gap:6px;padding:5px 10px;background:#00b4d814;border:var(--pixel-border);border-radius:var(--pixel-border-radius);font-size:.78rem;color:var(--text-primary);transition:all .2s ease}.piket-member-chip:hover{background:#00b4d833;box-shadow:var(--pixel-glow)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.calendar-header-day{text-align:center;padding:6px 2px;font-size:.68rem;font-weight:700;color:var(--cyan-400);text-transform:uppercase;letter-spacing:.5px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid transparent;cursor:pointer;transition:all .2s ease;font-size:.82rem;color:var(--text-primary);border-radius:var(--pixel-border-radius);position:relative}.calendar-day:hover{border-color:var(--cyan-400);background:#00b4d81a}.calendar-day.today{background:#00b4d833;border-color:var(--cyan-400);color:var(--cyan-400);font-weight:700}.calendar-day.selected{background:var(--gradient);color:#fff;border-color:#fff}.calendar-day.holiday{color:var(--danger)}.calendar-day.has-event:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;border-radius:2px;background:var(--warning)}.admin-layout{display:grid;grid-template-columns:260px 1fr;height:100dvh;max-height:100dvh;overflow:hidden}@media(max-width:1024px){.admin-layout{grid-template-columns:1fr;height:100dvh}.admin-sidebar{display:none;position:fixed;top:0;left:0;bottom:0;height:100dvh;width:280px;max-width:85vw;z-index:200;transform:translate(-100%);transition:transform .25s ease}.admin-sidebar.open{display:flex;transform:translate(0)}.sidebar-close{display:flex!important}}.admin-sidebar{background:#132f4cf7;border-right:var(--pixel-border);display:flex;flex-direction:column;height:100%;overflow-y:auto}.admin-content{display:flex;flex-direction:column;height:100%;overflow-y:auto;background:transparent;overflow-x:hidden}.sidebar-logo{padding:20px;display:flex;align-items:center;gap:12px;border-bottom:var(--pixel-border)}.sidebar-logo img{width:40px;height:40px;border-radius:var(--pixel-border-radius);border:var(--pixel-border);-o-object-fit:cover;object-fit:cover}.sidebar-logo-text h2{font-size:.9rem;font-weight:800;background:linear-gradient(135deg,var(--cyan-400),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}.sidebar-logo-text p{font-size:.62rem;color:var(--cyan-300);letter-spacing:2px;text-transform:uppercase}.sidebar-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:2px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:2px solid transparent;border-radius:var(--pixel-border-radius);cursor:pointer;transition:all .2s ease;color:var(--text-secondary);text-decoration:none;font-size:.82rem;font-weight:500;letter-spacing:.3px}.sidebar-item:hover{background:#00b4d81a;color:var(--text-primary);border-color:var(--border)}.sidebar-item.active{background:#00b4d826;border-color:var(--cyan-400);color:var(--cyan-400);box-shadow:var(--pixel-glow)}.sidebar-item i{width:18px;text-align:center;font-size:.85rem}.sidebar-section{padding:8px 12px 3px;font-size:.62rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#4dd0e173}.sidebar-close{display:none}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:10px 15px;font-size:.68rem;font-weight:700;color:var(--cyan-400);text-transform:uppercase;letter-spacing:1px;background:var(--bg-primary);border-bottom:var(--pixel-border)}.data-table td{padding:12px 15px;font-size:.82rem;color:var(--text-primary);border-bottom:2px solid var(--border)}.data-table tr:hover td{background:#00b4d80d}.data-table tr:last-child td{border-bottom:none}.admin-header{background:#132f4cf7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--pixel-border);padding:14px 20px;display:flex;align-items:center;position:sticky;top:0;z-index:50;flex-shrink:0}.admin-page{padding:24px}@media(max-width:768px){.admin-page{padding:15px}}.event-card{background:var(--bg-secondary);border:var(--pixel-border);border-radius:var(--pixel-border-radius);padding:14px;display:flex;gap:13px;transition:all .3s ease;box-shadow:var(--pixel-shadow)}.event-card:hover{transform:translateY(-2px);box-shadow:var(--pixel-glow);border-color:var(--cyan-400)}.event-date-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:50px;height:52px;background:#00b4d81a;border:var(--pixel-border);border-radius:var(--pixel-border-radius)}.event-date-day{font-size:1.3rem;font-weight:700;color:var(--cyan-400);line-height:1}.event-date-month{font-size:.62rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.notif-item{display:flex;gap:12px;padding:13px 15px;border-bottom:2px solid var(--border);cursor:pointer;transition:all .2s ease}.notif-item:hover{background:#00b4d80d;transform:translate(3px)}.notif-item.unread{background:#00b4d808}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan-400);margin-top:6px;flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #00b4d866}50%{box-shadow:0 0 0 6px #00b4d800}}.profile-hero{background:linear-gradient(135deg,#00b4d81a,#0077b60f);border-bottom:var(--pixel-border);padding:26px 20px 20px;text-align:center}.profile-avatar-ring{position:relative;width:88px;height:88px;margin:0 auto 14px}.profile-avatar-ring:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--cyan-400);box-shadow:0 0 14px #00b4d899;animation:profileRingPulse 2.5s ease-in-out infinite}@keyframes profileRingPulse{0%,to{box-shadow:0 0 8px #00b4d866}50%{box-shadow:0 0 20px #00b4d8e6}}.profile-info-grid{display:grid;gap:2px;background:var(--border);border:var(--pixel-border);overflow:hidden;margin:0 15px}.profile-info-row{background:var(--bg-secondary);padding:10px 15px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.profile-info-label{font-size:.68rem;color:var(--cyan-400);font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.profile-info-value{font-size:.82rem;color:var(--text-primary);text-align:right}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00b4d859;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#00b4d8b3}.search-bar{display:flex;align-items:center;gap:10px;background:var(--bg-secondary);border:var(--pixel-border);border-radius:var(--pixel-border-radius);padding:10px 14px;transition:all .3s ease}.search-bar:focus-within{border-color:var(--cyan-400);box-shadow:var(--pixel-glow)}.search-bar input{background:none;border:none;outline:none;color:var(--text-primary);font-family:Monocraft,monospace!important;font-size:.88rem;flex:1}.search-bar i{color:var(--cyan-400);font-size:.9rem}.chip{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border:var(--pixel-border);border-radius:var(--pixel-border-radius);font-size:.72rem;font-weight:600;background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;transition:all .2s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.chip.active,.chip:hover{background:#00b4d826;border-color:var(--cyan-400);color:var(--cyan-400);box-shadow:var(--pixel-glow)}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-item{background:var(--bg-secondary);border:var(--pixel-border);border-radius:var(--pixel-border-radius);padding:12px 15px;display:flex;align-items:center;gap:10px;font-size:.82rem;box-shadow:var(--pixel-shadow);animation:slideIn .3s ease;pointer-events:all;max-width:320px}.toast-item.success{border-left:4px solid var(--success)}.toast-item.error{border-left:4px solid var(--danger)}.toast-item.info{border-left:4px solid var(--cyan-400)}.agreement-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin:18px 0}.agreement-item{display:flex;gap:12px;align-items:flex-start;background:#00b4d80d;padding:13px;border:var(--pixel-border);border-radius:var(--pixel-border-radius)}.agreement-icon{width:44px;height:44px;border-radius:var(--pixel-border-radius);background:var(--gradient);border:var(--pixel-border);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;flex-shrink:0}.agreement-item h4{font-size:.88rem;color:var(--text-primary);margin-bottom:3px;font-weight:700}.agreement-item p{font-size:.78rem;color:var(--text-secondary)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.gallery-item{aspect-ratio:1;overflow:hidden;border:var(--pixel-border);background:var(--bg-surface);cursor:pointer;transition:all .2s ease;position:relative}.gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.08)}.gallery-item:hover{border-color:var(--cyan-400);box-shadow:var(--pixel-glow)}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(0,180,216,.2);border-top-color:var(--cyan-400);border-radius:50%;animation:spin .8s linear infinite}.loading-page{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:16px;background:var(--bg-primary)}.text-primary{color:var(--cyan-400)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.text-accent{color:#ff6b35}.divider{height:2px;background:var(--border);margin:14px 0;border:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:480px){.grid-3{grid-template-columns:1fr 1fr}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;gap:12px;color:var(--text-muted)}.empty-state i{font-size:40px;color:#00b4d840;margin-bottom:8px}.empty-state p{font-size:.88rem;text-align:center}.verify-banner{background:#ffd16614;border:4px solid var(--warning);border-radius:var(--pixel-border-radius);padding:12px 14px;display:flex;align-items:flex-start;gap:10px;margin:14px 15px}.list-item{display:flex;align-items:center;gap:12px;padding:11px 13px;border:2px solid transparent;border-radius:var(--pixel-border-radius);transition:all .2s ease;cursor:pointer}.list-item:hover{background:#00b4d80d;border-color:var(--border)}.fab{position:fixed;bottom:calc(78px + env(safe-area-inset-bottom));right:18px;width:54px;height:54px;border-radius:var(--pixel-border-radius);background:var(--gradient);color:#fff;font-size:1.3rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--pixel-shadow);cursor:pointer;transition:all .3s ease;border:var(--pixel-border);z-index:50}.fab:hover{transform:scale(1.1) rotate(45deg);box-shadow:var(--pixel-glow)}.progress-bar{height:4px;background:var(--border);overflow:hidden}.progress-fill{height:100%;background:var(--gradient);transition:width .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.animate-slide-up{animation:slideUp .5s cubic-bezier(.68,-.55,.265,1.55) forwards}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.68,-.55,.265,1.55) forwards}.animate-fade-in{animation:fadeIn .4s ease forwards}.stagger-1{animation-delay:.05s;opacity:0}.stagger-2{animation-delay:.1s;opacity:0}.stagger-3{animation-delay:.15s;opacity:0}@media(hover:none)and (pointer:coarse){.card:hover,.member-card:hover,.event-card:hover,.btn-primary:hover,.sidebar-item:hover{transform:none!important}.card:active,.member-card:active{transform:scale(.97)!important}input,select,textarea,button{font-size:16px!important}.tab,.nav-item,.btn-icon{min-height:44px;min-width:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports (-webkit-touch-callout:none){body,.page-container{min-height:-webkit-fill-available}.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}@media(max-width:360px){.nav-label{display:none}.section{padding:14px 11px}}@media(max-width:480px){.splash-logo-wrap{width:160px;height:160px}.splash-logo-ring{width:152px;height:152px}.splash-title{font-size:1.6rem;letter-spacing:3px}.splash-subtitle{font-size:.75rem}.splash-progress{width:180px}}@media(min-width:600px){.page-container{max-width:768px;margin:0 auto;padding-bottom:90px}.page-header{border-left:var(--pixel-border);border-right:var(--pixel-border);padding:14px 24px}.section{padding:20px 24px}.grid-3{grid-template-columns:repeat(3,1fr)}.bottom-nav{max-width:768px;left:50%;transform:translate(-50%);border-left:var(--pixel-border);border-right:var(--pixel-border)}.fab{right:calc(50% - 366px)}.modal-backdrop{align-items:center;padding:20px}.modal-box{max-width:560px;border-radius:var(--pixel-border-radius);animation:scaleIn .3s cubic-bezier(.68,-.55,.265,1.55)}}@media(min-width:1024px){.page-container,.bottom-nav{max-width:900px}.fab{right:calc(50% - 432px)}.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px)and (max-width:1023px){.admin-layout{grid-template-columns:220px 1fr;height:100dvh}.admin-sidebar{display:flex!important;transform:none!important;position:static!important;width:220px}.sidebar-close{display:none!important}.admin-header .fa-bars{display:none}.admin-page{padding:18px}}@media(min-width:1024px){.admin-layout{grid-template-columns:260px 1fr}.admin-page{padding:28px 32px}.admin-stats-grid{grid-template-columns:repeat(4,1fr)!important}.table-wrap{overflow-x:auto}.modal-backdrop.center .modal-box{max-width:600px}}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:500px}@media(min-width:768px){.auth-card{padding:40px 35px}.input-field input,.input-field select,.input-field textarea{font-size:.95rem}}@media(min-width:600px)and (max-width:1023px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:600px){.notif-panel-wrap{max-width:480px;right:50%;transform:translate(50%);border-left:var(--pixel-border);border-right:var(--pixel-border)}}@media(min-width:768px){.toast-container{top:auto;bottom:30px;right:30px}}@media(max-width:768px){.btn-sm{min-height:40px;padding:8px 14px}.sidebar-item{min-height:44px}.schedule-row{padding:12px 16px}.nav-item{padding:8px 10px}}.admin-content{min-width:0;overflow-x:hidden}@media(max-width:480px){.schedule-time{min-width:70px;font-size:.65rem}.schedule-subject{font-size:.82rem}.schedule-teacher{font-size:.68rem}.deadline-countdown{min-width:42px}.countdown-days{font-size:1.1rem}}@media(min-width:600px){.profile-info-grid{margin:0 24px}.profile-hero{padding:32px 24px 24px}}