@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Share+Tech+Mono&family=Inter:wght@400;500;600;700&display=swap");:root{--bg-void:#020617;--bg-panel-soft:#0a1426;--green:#00ff9d;--green-dim:#0c5c3e;--green-soft:rgba(0,255,157,0.10);--cyan:#00d9ff;--amber:#ffb020;--text:#d8fbe9;--text-dim:#6f9686}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100vh}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing-body{background:#f3f4f6;min-height:100vh}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:12px 16px;color:white;box-shadow:0 2px 8px rgba(0,0,0,.15)}.landing-nav .nav-inner{max-width:28rem;margin:0 auto;display:flex;align-items:center;justify-content:center}.landing-nav .nav-title{font-weight:600;font-size:1.125rem;letter-spacing:.05em}.landing-card{background:white;padding:1.5rem;border-radius:1rem;box-shadow:0 10px 25px rgba(0,0,0,.08);width:100%;max-width:28rem}.landing-logo{width:3.5rem;height:3.5rem;object-fit:contain}.amount-box{background:#f9fafb;border-radius:.75rem;padding:1rem;text-align:center;margin-bottom:1.5rem}.amount-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem}.amount-value{font-size:1.5rem;font-weight:700;color:#111827}.detail-row{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.875rem}.detail-label{color:#6b7280}.detail-value{font-weight:500;color:#1f2937;text-align:right}.detail-divider{border:none;border-top:1px solid #e5e7eb;margin:.5rem 0}.btn-capture{width:100%;padding:.75rem;border-radius:.75rem;font-weight:600;border:none;cursor:pointer;font-size:1rem;color:white;transition:all .2s}.btn-capture.blue{background:#2563eb}.btn-capture.blue:hover{background:#1d4ed8}.btn-capture.green{background:#16a34a}.btn-capture.green:hover{background:#15803d}.btn-capture:disabled{opacity:.6;cursor:not-allowed}.video-preview{width:100%;border-radius:.75rem;margin-bottom:1rem;border:1px solid #d1d5db}.konfirmasi-body{background:#111827;min-height:100vh;display:flex;align-items:center;justify-content:center}.konfirmasi-card{text-align:center;background:#1f2937;padding:2rem;border-radius:.75rem;box-shadow:0 10px 25px rgba(0,0,0,.3)}.konfirmasi-title{font-size:1.875rem;font-weight:700;color:white;margin-bottom:1rem}.konfirmasi-text{color:#d1d5db;font-size:1.125rem;margin-bottom:.5rem}.konfirmasi-timer{color:#ef4444;font-size:3rem;font-weight:700}.konfirmasi-sub{color:#9ca3af;margin-top:.5rem}.login-body{background:radial-gradient(circle at top,#0f172a,#020617);min-height:100vh;display:flex;align-items:center;justify-content:center;color:#4ade80;font-family:Consolas,monospace}.login-card{width:100%;max-width:28rem;border:1px solid #15803d;background:rgba(0,0,0,.4);backdrop-filter:blur(12px);border-radius:1rem;padding:2rem;box-shadow:0 0 25px rgba(34,197,94,.25)}.login-title{font-size:1.875rem;font-weight:700;letter-spacing:.1em;text-align:center}.login-subtitle{font-size:.75rem;opacity:.7;text-align:center;margin-top:.5rem}.login-error{margin:1rem 0;border:1px solid #991b1b;background:rgba(153,27,27,.2);color:#f87171;padding:.75rem;border-radius:.375rem;font-size:.875rem}.login-label{display:block;font-size:.75rem;margin-bottom:.5rem}.login-input{width:100%;background:black;border:1px solid #15803d;border-radius:.375rem;padding:.75rem;color:#4ade80;outline:none;font-family:Consolas,monospace;font-size:.875rem;margin-bottom:1rem}.login-input:focus{border-color:#4ade80;box-shadow:0 0 10px rgba(74,222,128,.2)}.login-btn{width:100%;padding:.75rem;background:#14532d;border:1px solid #22c55e;border-radius:.375rem;color:#4ade80;font-family:Consolas,monospace;font-size:.875rem;cursor:pointer;transition:background .15s}.login-btn:hover{background:#15803d}.dashboard-body{background:var(--bg-void);color:var(--text);font-family:Share Tech Mono,Consolas,monospace;min-height:100vh}.dashboard-body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(0,255,157,.035) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,157,.035) 1px,transparent 0);background-size:34px 34px;pointer-events:none;z-index:0}.page{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:24px 20px 64px}.topbar{flex-wrap:wrap;gap:16px;justify-content:space-between;padding:6px 0 26px;border-bottom:1px solid var(--green-dim);margin-bottom:30px}.topbar,.topbar-brand{display:flex;align-items:center}.topbar-brand{gap:14px}.brand-mark{width:46px;height:46px;border:1px solid var(--green);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--green);box-shadow:0 0 16px var(--green-soft) inset,0 0 12px rgba(0,255,157,.25)}.brand-title{font-family:Orbitron,sans-serif;font-weight:800;font-size:1.6rem;letter-spacing:.04em;margin:0;color:var(--text);text-shadow:0 0 18px rgba(0,255,157,.45)}.brand-accent{color:var(--green)}.brand-sub{font-size:.72rem;color:var(--text-dim);letter-spacing:.06em;margin-top:3px}.topbar-status{gap:16px;flex-wrap:wrap}.status-pill,.topbar-status{display:flex;align-items:center}.status-pill{gap:8px;font-size:.72rem;letter-spacing:.05em;color:var(--green);border:1px solid var(--green-dim);padding:6px 12px;border-radius:20px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse-dot 1.8s ease-in-out infinite}.status-clock{color:var(--cyan);font-size:.82rem;letter-spacing:.05em}.btn-nav{font-size:.72rem;letter-spacing:.05em;color:#ff7a7a;border:1px solid #7a2222;padding:6px 14px;border-radius:4px;text-decoration:none;transition:.15s;background:transparent;cursor:pointer;font-family:Share Tech Mono,Consolas,monospace}.btn-nav:hover{background:rgba(255,80,80,.1)}.hud-frame{position:relative}.hud-corner{position:absolute;width:14px;height:14px;pointer-events:none}.hud-corner.tl{left:-1px;border-left:2px solid var(--green)}.hud-corner.tl,.hud-corner.tr{top:-1px;border-top:2px solid var(--green)}.hud-corner.tr{right:-1px;border-right:2px solid var(--green)}.hud-corner.bl{left:-1px;border-left:2px solid var(--green)}.hud-corner.bl,.hud-corner.br{bottom:-1px;border-bottom:2px solid var(--green)}.hud-corner.br{right:-1px;border-right:2px solid var(--green)}.record{background:rgba(7,15,31,.82);backdrop-filter:blur(10px);border:1px solid rgba(0,255,157,.16);border-radius:6px;padding:22px;margin-bottom:24px}.record-head{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding-bottom:14px;margin-bottom:18px;border-bottom:1px dashed rgba(0,255,157,.18)}.coord-row .label,.record-id .label,.record-time .label{display:block;font-size:.62rem;letter-spacing:.12em;color:var(--text-dim);margin-bottom:3px}.record-id .value{font-family:Orbitron,sans-serif;font-size:1.1rem;color:var(--green)}.record-time .value{font-size:.92rem;color:var(--text)}.record-photos{display:grid;gap:14px;margin-bottom:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.photo-frame{overflow:hidden;border:1px solid rgba(0,255,157,.25);border-radius:4px;background:#000;height:260px;display:flex;align-items:center;justify-content:center}.photo-frame img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:saturate(1.05) contrast(1.03)}.scan-line{position:absolute;left:0;right:0;height:2px;top:0;background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:.7;animation:scan 3.6s linear infinite}@keyframes scan{0%{top:0}to{top:100%}}.record-location{display:grid;gap:18px;grid-template-columns:1.1fr 1fr}.map-frame{height:230px;border:1px solid rgba(0,255,157,.25);border-radius:4px;overflow:hidden;background:#000}.map-frame iframe{width:100%;height:100%;border:0;filter:grayscale(1) invert(1) sepia(1) hue-rotate(90deg) saturate(4.5) brightness(.82) contrast(1.15)}.map-crosshair{position:absolute;top:50%;left:50%;width:34px;height:34px;transform:translate(-50%,-50%);pointer-events:none}.map-crosshair:after,.map-crosshair:before{content:"";position:absolute;background:var(--green);box-shadow:0 0 6px var(--green)}.map-crosshair:before{left:50%;top:0;width:1px;height:100%;transform:translateX(-50%)}.map-crosshair:after{top:50%;left:0;height:1px;width:100%;transform:translateY(-50%)}.coord-readout{background:var(--bg-panel-soft);border:1px solid rgba(0,255,157,.15);border-radius:4px;padding:16px;display:flex;flex-direction:column;gap:10px}.coord-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.coord-row .value{font-family:Orbitron,sans-serif;font-size:1rem;color:var(--green)}.btn-maps{align-self:flex-start;font-size:.7rem;letter-spacing:.05em;color:var(--cyan);border:1px solid rgba(0,217,255,.4);padding:6px 12px;border-radius:4px;text-decoration:none;margin-top:2px}.btn-maps:hover{background:rgba(0,217,255,.08)}.raw-toggle{margin-top:4px;font-size:.7rem;color:var(--text-dim)}.raw-toggle summary{cursor:pointer}.raw-toggle pre{white-space:pre-wrap;color:var(--text-dim);margin:8px 0 0;font-size:.7rem;font-family:inherit}.alert-missing{color:var(--amber);border:1px solid rgba(255,176,32,.4);background:rgba(255,176,32,.08);padding:12px 16px;border-radius:4px;font-size:.85rem}.empty-state{border:1px solid rgba(255,90,90,.4);background:rgba(255,90,90,.08);color:#ff8a8a;padding:18px;border-radius:6px}@media (max-width:760px){.record-location{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.edit-body{background:#020617;font-family:Consolas,monospace;min-height:100vh}.edit-body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(0,255,136,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,136,.03) 1px,transparent 0);background-size:24px 24px;pointer-events:none}.edit-container{position:relative;z-index:1;min-height:100vh;padding:1rem}.edit-inner{max-width:48rem;margin:0 auto}.edit-header{margin-bottom:2rem}.helix-title{font-size:2.25rem;font-weight:700;background:linear-gradient(90deg,#00ff88,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-back{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;border-radius:.75rem;background:#22c55e;color:black;font-weight:700;text-decoration:none;font-size:.875rem;transition:transform .2s;border:none;cursor:pointer}.btn-back:hover{transform:scale(1.05)}.edit-panel{background:rgba(15,23,42,.8);border:1px solid rgba(34,197,94,.2);border-radius:1.5rem;padding:1.5rem;box-shadow:0 0 10px rgba(0,255,136,.2),0 0 30px rgba(0,255,136,.1)}.section-title{color:#00d9ff;font-weight:700;letter-spacing:1px;font-size:.875rem;border-bottom:1px solid rgba(0,217,255,.25);padding-bottom:.5rem;margin-bottom:1rem}.edit-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}@media (min-width:768px){.edit-grid{grid-template-columns:1fr 1fr}.edit-grid .full-width{grid-column:1/-1}}.edit-label{color:#00ff88;margin-bottom:6px;display:block;font-size:13px}.edit-input{width:100%;background:#000;border:1px solid rgba(0,255,136,.25);color:#00ff88;border-radius:12px;padding:12px 14px;outline:none;font-family:Consolas,monospace;font-size:.875rem}.edit-input:focus{border-color:#00ff88;box-shadow:0 0 15px rgba(0,255,136,.3)}.edit-input::file-selector-button{background:#00ff88;color:#000;border:none;border-radius:8px;padding:6px 12px;font-weight:700;cursor:pointer;margin-right:10px}.edit-select{width:100%;background:#000;border:1px solid rgba(0,255,136,.25);color:#00ff88;border-radius:12px;padding:12px 14px;outline:none;font-family:Consolas,monospace;font-size:.875rem;appearance:none}.edit-select:focus{border-color:#00ff88;box-shadow:0 0 15px rgba(0,255,136,.3)}textarea.edit-input{resize:vertical;min-height:80px}.edit-btn{width:100%;background:#00ff88;color:#000;padding:14px;border-radius:12px;font-weight:700;transition:.3s;cursor:pointer;border:none;font-family:Consolas,monospace;font-size:1rem}.edit-btn:hover{transform:translateY(-2px)}.edit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.msg-success{color:#4ade80}.msg-error,.msg-success{margin-bottom:1rem;font-size:.875rem}.msg-error{color:#f87171}.file-current{color:rgba(0,255,136,.6);font-size:.75rem;margin-top:.25rem}.delete-check{display:inline-flex;align-items:center;gap:.25rem;margin-left:.75rem;color:#f87171;cursor:pointer}.delete-check input{accent-color:#ef4444}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(0,255,157,.3);border-top:2px solid var(--green);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}