@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-primary-light: #60A5FA;--color-primary-bg: #EFF6FF;--color-accent: #FCD358;--color-accent-hover: #FBBF24;--color-accent-light: #FDE68A;--color-accent-bg: #FFFBEB;--color-achievement: #F97316;--color-achievement-hover: #EA580C;--color-achievement-light: #FB923C;--color-achievement-bg: #FFF7ED;--color-admin: #EF4444;--color-admin-hover: #DC2626;--color-admin-light: #F87171;--color-admin-bg: #FEF2F2;--color-black: #000000;--color-near-black: #0A0A0A;--color-white: #FFFFFF;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #E5E5E5;--color-gray-300: #D4D4D4;--color-gray-400: #A3A3A3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-success: #22C55E;--color-success-bg: #F0FDF4;--color-warning: #F59E0B;--color-warning-bg: #FFFBEB;--color-error: #EF4444;--color-error-bg: #FEF2F2;--color-info: #3B82F6;--color-info-bg: #EFF6FF;--bg: var(--color-white);--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--fg: var(--color-black);--fg-secondary: var(--color-gray-700);--fg-tertiary: var(--color-gray-500);--card-bg: var(--color-white);--card-border: var(--color-black);--card-border-width: 2px;--card-shadow: 8px 8px 0px var(--color-black);--card-shadow-sm: 4px 4px 0px var(--color-black);--card-shadow-lg: 12px 12px 0px var(--color-black);--card-shadow-hover: 6px 6px 0px var(--color-black);--btn-shadow: 4px 4px 0px var(--color-black);--btn-shadow-hover: 2px 2px 0px var(--color-black);--btn-shadow-active: 0px 0px 0px var(--color-black);--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--letter-spacing-tight: -.05em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--grid-size: 40px;--scrollbar-track: var(--color-gray-100);--scrollbar-thumb: var(--color-primary);--scrollbar-thumb-hover: var(--color-primary-hover)}[data-theme=dark],.dark-mode{--bg: var(--color-gray-900);--bg-secondary: var(--color-gray-800);--bg-tertiary: var(--color-gray-700);--fg: var(--color-white);--fg-secondary: var(--color-gray-300);--fg-tertiary: var(--color-gray-400);--card-bg: var(--color-gray-800);--card-border: var(--color-gray-600);--card-shadow: 8px 8px 0px var(--color-gray-950, #0D0D0D);--card-shadow-sm: 4px 4px 0px var(--color-gray-950, #0D0D0D);--card-shadow-lg: 12px 12px 0px var(--color-gray-950, #0D0D0D);--card-shadow-hover: 6px 6px 0px var(--color-gray-950, #0D0D0D);--btn-shadow: 4px 4px 0px var(--color-gray-950, #0D0D0D);--btn-shadow-hover: 2px 2px 0px var(--color-gray-950, #0D0D0D);--scrollbar-track: var(--color-gray-800);--scrollbar-thumb: var(--color-primary-light);--scrollbar-thumb-hover: var(--color-primary)}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;margin:0;background-color:var(--bg);color:var(--fg)}body{font-family:var(--font-sans);line-height:1.6}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.text-tight{letter-spacing:var(--letter-spacing-tight)}.text-normal{letter-spacing:var(--letter-spacing-normal)}.text-wide{letter-spacing:var(--letter-spacing-wide)}.headline{font-family:var(--font-sans);font-weight:800;letter-spacing:var(--letter-spacing-tight);line-height:1.1}.headline-xl{font-size:3rem}.headline-lg{font-size:2.25rem}.headline-md{font-size:1.5rem}.headline-sm{font-size:1.25rem}.system-text{font-family:var(--font-mono);font-size:.875rem;letter-spacing:0}.neo-card{background:var(--card-bg);border:var(--card-border-width) solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--card-shadow);transition:transform .2s ease,box-shadow .2s ease}.neo-card:hover{transform:translate(-2px,-2px);box-shadow:var(--card-shadow-lg)}.neo-card-sm{box-shadow:var(--card-shadow-sm);border-radius:var(--radius-lg)}.neo-card-flat{background:var(--card-bg);border:var(--card-border-width) solid var(--card-border);border-radius:var(--radius-xl);box-shadow:none}.neo-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:600;border:2px solid var(--color-black);border-radius:var(--radius-md);box-shadow:var(--btn-shadow);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;text-decoration:none}.neo-btn:hover{transform:translate(2px,2px);box-shadow:var(--btn-shadow-hover)}.neo-btn:active{transform:translate(4px,4px);box-shadow:var(--btn-shadow-active)}.neo-btn-primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-black)}.neo-btn-primary:hover{background:var(--color-primary-hover)}.neo-btn-accent{background:var(--color-accent);color:var(--color-black);border-color:var(--color-black)}.neo-btn-achievement{background:var(--color-achievement);color:var(--color-white);border-color:var(--color-black)}.neo-btn-danger{background:var(--color-admin);color:var(--color-white);border-color:var(--color-black)}.neo-btn-ghost{background:transparent;color:var(--fg);border-color:var(--color-black)}.neo-btn-ghost:hover{background:var(--bg-secondary)}.neo-input{font-family:var(--font-sans);background:var(--bg);border:2px solid var(--color-black);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:1rem;transition:box-shadow .2s ease,border-color .2s ease}.neo-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--btn-shadow)}.neo-input::placeholder{color:var(--fg-tertiary)}.fingerprint-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5c13.807 0 25 11.193 25 25S43.807 55 30 55 5 43.807 5 30 16.193 5 30 5zm0 4c-11.598 0-21 9.402-21 21s9.402 21 21 21 21-9.402 21-21-9.402-21-21-21zm0 4c9.389 0 17 7.611 17 17s-7.611 17-17 17-17-7.611-17-17 7.611-17 17-17zm0 4c-7.18 0-13 5.82-13 13s5.82 13 13 13 13-5.82 13-13-5.82-13-13-13zm0 4c4.971 0 9 4.029 9 9s-4.029 9-9 9-9-4.029-9-9 4.029-9 9-9zm0 4c-2.761 0-5 2.239-5 5s2.239 5 5 5 5-2.239 5-5-2.239-5-5-5z' fill='%233B82F6' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E")}.fingerprint-pattern-dark{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5c13.807 0 25 11.193 25 25S43.807 55 30 55 5 43.807 5 30 16.193 5 30 5zm0 4c-11.598 0-21 9.402-21 21s9.402 21 21 21 21-9.402 21-21-9.402-21-21-21zm0 4c9.389 0 17 7.611 17 17s-7.611 17-17 17-17-7.611-17-17 7.611-17 17-17zm0 4c-7.18 0-13 5.82-13 13s5.82 13 13 13 13-5.82 13-13-5.82-13-13-13zm0 4c4.971 0 9 4.029 9 9s-4.029 9-9 9-9-4.029-9-9 4.029-9 9-9zm0 4c-2.761 0-5 2.239-5 5s2.239 5 5 5 5-2.239 5-5-2.239-5-5-5z' fill='%233B82F6' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E")}.grid-background{background-image:linear-gradient(to right,var(--color-gray-200) 1px,transparent 1px),linear-gradient(to bottom,var(--color-gray-200) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size)}.grid-background-dark{background-image:linear-gradient(to right,var(--color-gray-700) 1px,transparent 1px),linear-gradient(to bottom,var(--color-gray-700) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size)}.neo-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border:2px solid var(--color-black);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.neo-badge-primary{background:var(--color-primary);color:var(--color-white)}.neo-badge-accent{background:var(--color-accent);color:var(--color-black)}.neo-badge-achievement{background:var(--color-achievement);color:var(--color-white)}.neo-badge-admin{background:var(--color-admin);color:var(--color-white)}.neo-badge-success{background:var(--color-success);color:var(--color-white)}.status-excellent{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff}.status-great{background:linear-gradient(135deg,var(--color-achievement),#F59E0B);color:#fff}.status-sufficient{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.status-lacking{background:linear-gradient(135deg,var(--color-achievement),var(--color-admin));color:#fff}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:float 4s ease-in-out infinite}.animate-float-slow{animation:float 6s ease-in-out infinite}.animate-float-fast{animation:float 2.5s ease-in-out infinite}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.animate-marquee{animation:marquee 20s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .4s ease-out forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}.animate-shake{animation:shake .5s ease-in-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slideDown .3s ease-out forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-float,.animate-marquee,.animate-pulse{animation:none!important}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;border:2px solid var(--scrollbar-track)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.quest-scroll::-webkit-scrollbar{width:8px}.quest-scroll::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:4px}.quest-scroll::-webkit-scrollbar-thumb{background:var(--color-achievement);border-radius:4px;border:2px solid var(--color-gray-100)}.quest-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-achievement-hover)}.bg-brand-primary{background-color:var(--color-primary)}.bg-brand-accent{background-color:var(--color-accent)}.bg-brand-achievement{background-color:var(--color-achievement)}.bg-brand-admin{background-color:var(--color-admin)}.text-brand-primary{color:var(--color-primary)}.text-brand-accent{color:var(--color-accent)}.text-brand-achievement{color:var(--color-achievement)}.text-brand-admin{color:var(--color-admin)}.border-brand-primary{border-color:var(--color-primary)}.border-brand-accent{border-color:var(--color-accent)}.border-brand-achievement{border-color:var(--color-achievement)}.border-brand-admin{border-color:var(--color-admin)}.shadow-neo{box-shadow:var(--card-shadow)}.shadow-neo-sm{box-shadow:var(--card-shadow-sm)}.shadow-neo-lg{box-shadow:var(--card-shadow-lg)}.shadow-neo-btn{box-shadow:var(--btn-shadow)}.rounded-neo{border-radius:var(--radius-xl)}.rounded-neo-sm{border-radius:var(--radius-lg)}.transition-neo,.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translate(-2px,-2px)}.gradient-text-brand{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-achievement{background:linear-gradient(135deg,var(--color-achievement) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-neo:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary),var(--btn-shadow)}.tier-gold{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#b45309;box-shadow:0 0 20px #f59e0b66,var(--card-shadow-sm)}.tier-silver{background:linear-gradient(135deg,#9ca3af,#6b7280);border-color:#4b5563;box-shadow:0 0 15px #9ca3af4d,var(--card-shadow-sm)}.tier-bronze{background:linear-gradient(135deg,#d97706,#92400e);border-color:#78350f;box-shadow:0 0 15px #d977064d,var(--card-shadow-sm)}.neo-progress{background:var(--color-gray-200);border:2px solid var(--color-black);border-radius:var(--radius-full);overflow:hidden}.neo-progress-bar{background:var(--color-primary);height:100%;transition:width .5s ease}.neo-progress-bar-achievement{background:linear-gradient(90deg,var(--color-achievement),var(--color-accent))}.accent-bar{height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent),var(--color-achievement));border-radius:2px}.accent-bar-vertical{width:4px;background:linear-gradient(180deg,var(--color-primary),var(--color-accent));border-radius:2px}.neo-divider{border:none;border-top:2px solid var(--color-black);margin:1.5rem 0}.neo-divider-accent{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);margin:1.5rem 0}