@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&family=Orbitron:wght@400;600;800;900&family=Rajdhani:wght@500;600;700&display=swap";:root{--font-family:"Rajdhani", "Noto Sans Thai", sans-serif;--font-mono:"Orbitron", monospace;--cyber-bg:222, 47%, 6%;--cyber-panel:223, 47%, 10%;--neon-green:0, 255, 127;--neon-blue:0, 191, 255;--neon-red:255, 49, 49;--neon-amber:255, 174, 66;--neon-cyan:0, 243, 255;--neon-gray:148, 163, 184;--text-main:210, 40%, 98%;--text-muted:215, 20%, 65%;--border-cyber:#00f3ff26;--glow-green:0 0 15px #00ff7f66;--glow-blue:0 0 15px #00bfff66;--glow-red:0 0 15px #ff313180;--glow-cyan:0 0 15px #00f3ff66}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:hsl(var(--cyber-bg));color:hsl(var(--text-main));-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 50% 10%,#00f3ff14,#0000 50%),linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 100%,100% 4px,6px 100%;min-height:100vh;overflow-x:hidden}.cyber-container{max-width:1200px;margin:0 auto;padding:24px 16px}.cyber-panel{border:1px solid var(--border-cyber);background:#0b1122d9;border-radius:12px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080,inset 0 0 15px #00f3ff0d}.cyber-panel:before{content:"";pointer-events:none;border-top:3px solid #00f3ffcc;border-left:3px solid #00f3ffcc;width:12px;height:12px;position:absolute;top:0;left:0}.cyber-panel:after{content:"";pointer-events:none;border-bottom:3px solid #00f3ffcc;border-right:3px solid #00f3ffcc;width:12px;height:12px;position:absolute;bottom:0;right:0}.cyber-panel-hover:hover{border-color:#00f3ff66;transform:translateY(-2px);box-shadow:0 12px 40px #00f3ff1a,inset 0 0 20px #00f3ff14}.scanner-line{pointer-events:none;background:linear-gradient(90deg,#0000,#00f3ff99,#0000);width:100%;height:2px;animation:4s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{top:-2%}50%{top:102%}to{top:-2%}}.cyber-btn{color:#00f3ff;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;background:#00f3ff0d;border:1px solid #00f3ff4d;font-weight:600;transition:all .2s;position:relative;overflow:hidden}.cyber-btn:hover{box-shadow:var(--glow-cyan);background:#00f3ff26;border-color:#00f3ff}.cyber-btn:active{transform:scale(.98)}.cyber-btn-large{color:#00f3ff;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;background:#00f3ff0d;border:1.5px solid #00f3ff66;justify-content:center;align-items:center;gap:12px;width:100%;min-height:58px;font-weight:800;transition:all .2s;display:flex;position:relative;overflow:hidden;border-radius:12px!important;padding:18px 24px!important;font-size:15px!important}.cyber-btn-large:hover{box-shadow:var(--glow-cyan);background:#00f3ff2e;border-color:#00f3ff}.cyber-btn-large:active{transform:scale(.98)}.cyber-gps-btn-large{color:#00f3ff;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;background:#00f3ff08;border:1.5px dashed #00f3ff4d;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;font-weight:700;transition:all .2s;display:flex;border-radius:12px!important;padding:14px 20px!important;font-size:13px!important}.cyber-gps-btn-large:hover{background:#00f3ff1a;border-style:solid;border-color:#00f3ff}.cyber-gps-btn-large:active{transform:scale(.98)}.cyber-status-btn{font-family:var(--font-family);cursor:pointer;background:#0f172a99;border:1.5px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:16px;font-size:15px;font-weight:700;transition:all .25s;display:flex}.cyber-status-btn.assembly{color:#00ff7f;border-color:#00ff7f33}.cyber-status-btn.assembly:hover,.cyber-status-btn.assembly.active{box-shadow:var(--glow-green);background:#00ff7f1f;border-color:#00ff7f}.cyber-status-btn.away{color:#00bfff;border-color:#00bfff33}.cyber-status-btn.away:hover,.cyber-status-btn.away.active{box-shadow:var(--glow-blue);background:#00bfff1f;border-color:#00bfff}.cyber-status-btn.help{color:#ff3131;border-color:#ff313133}.cyber-status-btn.help:hover,.cyber-status-btn.help.active{box-shadow:var(--glow-red);background:#ff31311f;border-color:#ff3131}.pulse-dot{border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.pulse-dot:after{content:"";background:inherit;border-radius:50%;width:100%;height:100%;animation:1.8s cubic-bezier(.4,0,.6,1) infinite pulse-ring-expand;position:absolute;top:0;left:0}@keyframes pulse-ring-expand{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3.5)}}.cyber-input{color:#fff;font-family:var(--font-family);background:#060913b3;border:1.5px solid #00f3ff33;border-radius:8px;padding:12px 16px;transition:all .25s}.cyber-input:focus{border-color:#00f3ff;outline:none;box-shadow:0 0 10px #00f3ff40}.cyber-select{color:#fff;cursor:pointer;background:#060913e6;border:1.5px solid #00f3ff33;border-radius:8px;padding:10px 14px;transition:all .25s}.cyber-select:focus{border-color:#00f3ff;box-shadow:0 0 10px #00f3ff40}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.shrink-0{flex-shrink:0}.flex-1{flex:1}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}@media (width<=1100px){.grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.grid-4,.grid-3,.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}.flex-row{flex-direction:column}.hide-tablet,.hide-column{display:none!important}}@media (width<=520px){.grid-5,.grid-4,.grid-3{grid-template-columns:1fr}.hide-mobile{display:none!important}}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.py-12{padding-top:48px;padding-bottom:48px}.py-20{padding-top:80px;padding-bottom:80px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.m-4{margin:16px}.mb-0{margin-bottom:0}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.w-full{width:100%}.max-w-md{max-width:450px}.max-w-4xl{max-width:900px}.max-w-7xl{max-width:1280px}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-md{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:32px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-mono{font-family:var(--font-mono)}.italic{font-style:italic}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px #0006}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-40{opacity:.4}.border-b{border-bottom:1px solid var(--border-cyber)}.border-y{border-top:1px solid var(--border-cyber);border-bottom:1px solid var(--border-cyber)}.border-dashed{border-style:dashed}.overflow-x-auto{overflow-x:auto}.sticky{position:sticky}.top-0{top:0}.z-40{z-index:40}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #00f3ff14;padding:12px 8px}tr:hover{background:#00f3ff05}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}