@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#12121e;--bg-tertiary:#1a1a2e;--accent-cyan:#00f0ff;--accent-purple:#9d4edd;--accent-pink:#ff007f;--accent-emerald:#10b981;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-color:#ffffff14;--glass-bg:#12121eb3;--glass-border:#ffffff0f;--glass-shadow:0 8px 32px 0 #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Outfit,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}button,input,textarea,select,a{transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.btn-primary{background:linear-gradient(135deg, var(--accent-purple), var(--accent-pink));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #9d4edd66}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #9d4edd99}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:inline-flex}.btn-secondary:hover:not(:disabled){border-color:var(--text-secondary);background:#ffffff0d}.form-input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#ffffff08;border-radius:8px;outline:none;padding:12px 16px;font-size:.95rem}.form-input:focus{border-color:var(--accent-cyan);background:#ffffff0d;box-shadow:0 0 10px #00f0ff26}.levels-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;padding:8px;display:flex}.level-tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:flex;position:relative}.level-tab.active{color:var(--accent-cyan);background:linear-gradient(135deg,#9d4edd33,#00f0ff1a);border:1px solid #00f0ff4d}.level-tab.locked{opacity:.4;cursor:not-allowed}.level-tab.approved{color:var(--accent-emerald)}.level-tab.pending_approval{color:#fbbf24}.map-canvas-container{background:radial-gradient(circle at 50% 50%, var(--bg-tertiary) 0%, var(--bg-primary) 100%);border:1px solid var(--border-color);border-radius:16px;width:100%;height:520px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000c}.map-svg-background{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.map-node{cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-top:-30px;margin-left:-30px;font-size:1.1rem;font-weight:700;display:flex;position:absolute;box-shadow:0 0 20px #000c}.map-node:after{content:"";border:2px solid #0000;border-radius:50%;width:100%;height:100%;transition:all .3s;position:absolute}.map-node.completed{background:radial-gradient(circle, #0f172a 30%, var(--accent-emerald) 100%);border:2px solid var(--accent-emerald);color:var(--accent-emerald);box-shadow:0 0 15px #10b98166}.map-node.completed:hover{transform:scale(1.1);box-shadow:0 0 25px #10b981b3}.map-node.active{background:radial-gradient(circle, #1e1b4b 30%, var(--accent-cyan) 100%);border:2px solid var(--accent-cyan);color:#fff;animation:2s infinite alternate node-pulse;box-shadow:0 0 15px #00f0ff66}.map-node.active:hover{transform:scale(1.15);box-shadow:0 0 30px #00f0ffe6}.map-node.locked{color:#4b5563;cursor:not-allowed;box-shadow:none;background:#111827;border:2px solid #374151}.map-node.special.active{background:radial-gradient(circle, #311042 30%, var(--accent-pink) 100%);border:2px solid var(--accent-pink);animation:1.5s infinite alternate special-node-pulse}.map-node.special.active:hover{box-shadow:0 0 35px #ff007fe6}.node-tooltip{pointer-events:none;opacity:0;z-index:20;text-align:center;background:#0a0a0ff2;border:1px solid #ffffff1a;border-radius:8px;width:220px;padding:10px 14px;transition:all .25s;position:absolute;bottom:80px;left:50%;transform:translateY(10px)translate(-50%);box-shadow:0 10px 25px #00000080}.map-node-wrapper{z-index:10;position:absolute}.map-node-wrapper:hover .node-tooltip{opacity:1;transform:translateY(0)translate(-50%)}@keyframes node-pulse{0%{box-shadow:0 0 10px #00f0ff4d}to{box-shadow:0 0 25px #00f0ffb3}}@keyframes special-node-pulse{0%{transform:scale(1);box-shadow:0 0 10px #ff007f66}to{transform:scale(1.08);box-shadow:0 0 30px #ff007fcc}}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:500px;animation:.3s cubic-bezier(.34,1.56,.64,1) modal-enter}@keyframes modal-enter{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.ambient-glow{filter:blur(100px);z-index:1;pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute}.glow-cyan{background:#00f0ff14;top:-100px;right:-100px}.glow-purple{background:#9d4edd14;bottom:-100px;left:-100px}.map-view-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=992px){.map-view-grid{grid-template-columns:2fr 1fr}}.item-detail-panel{flex-direction:column;justify-content:space-between;height:100%;padding:24px;display:flex}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-card{z-index:10;width:100%;max-width:440px;padding:40px}