@font-face{font-family:Folk Pro B;src:url(/fonts/A-OTF-Folk-Pro-B.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--color-navy: #0d1929;--color-gold: #ffc700;--color-white: #f5f5f5;--color-slate: #3d4f5c;--color-charcoal: #1a2332;--color-gold-50: #fff9e6;--color-gold-100: #ffebb3;--color-gold-200: #ffe080;--color-gold-300: #ffd54d;--color-gold-400: #ffcc1a;--color-gold-500: #ffc700;--color-gold-600: #e6b300;--color-gold-700: #b38900;--color-gold-800: #806200;--color-bg-primary: #0d1929;--color-bg-secondary: #1a2332;--color-bg-tertiary: #3d4f5c;--color-bg-elevated: #283544;--color-bg-overlay: #0a1118;--color-text-primary: #f5f5f5;--color-text-secondary: #b8c5d0;--color-text-tertiary: #8896a4;--color-text-disabled: #5a6872;--color-text-inverse: #0d1929;--color-accent: #ffc700;--color-accent-hover: #e6b300;--color-accent-active: #b38900;--color-border-primary: #3d4f5c;--color-border-secondary: #2a3a47;--color-border-focus: #ffc700;--color-success: #4ade80;--color-success-hover: #22c55e;--color-success-bg: rgba(74, 222, 128, .15);--color-success-text: #86efac;--color-error: #ef4444;--color-error-hover: #dc2626;--color-error-bg: rgba(239, 68, 68, .15);--color-error-text: #fca5a5;--color-warning: #fbbf24;--color-warning-hover: #f59e0b;--color-warning-bg: rgba(251, 191, 36, .15);--color-warning-text: #fde047;--overlay-dark-10: rgba(13, 25, 41, .1);--overlay-dark-20: rgba(13, 25, 41, .2);--overlay-dark-30: rgba(13, 25, 41, .3);--overlay-dark-50: rgba(13, 25, 41, .5);--overlay-dark-80: rgba(13, 25, 41, .8);--overlay-dark-90: rgba(13, 25, 41, .9);--overlay-light-05: rgba(245, 245, 245, .05);--overlay-light-10: rgba(245, 245, 245, .1);--overlay-light-15: rgba(245, 245, 245, .15);--overlay-light-20: rgba(245, 245, 245, .2);--overlay-gold-10: rgba(255, 199, 0, .1);--overlay-gold-20: rgba(255, 199, 0, .2);--overlay-gold-30: rgba(255, 199, 0, .3);--overlay-gold-40: rgba(255, 199, 0, .4);--gradient-gold: linear-gradient(135deg, #ffc700 0%, #e6b300 50%, #b38900 100%);--gradient-gold-subtle: linear-gradient(135deg, #ffcc1a 0%, #ffc700 100%);--gradient-navy-charcoal: linear-gradient(135deg, #0d1929 0%, #1a2332 100%);--gradient-overlay: linear-gradient(180deg, transparent 0%, rgba(13, 25, 41, .8) 100%);--color-cyan: #7dd3e8;--color-cyan-hover: #5bc0d8;--color-cyan-light: #a5e4f3;--glow-cyan: 0 0 20px rgba(125, 211, 232, .3);--glow-cyan-sm: 0 0 12px rgba(125, 211, 232, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .6);--shadow-gold: 0 4px 12px rgba(255, 199, 0, .4);--shadow-gold-lg: 0 8px 24px rgba(255, 199, 0, .5);--font-display: "Folk Pro B", "Exo 2", "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);overflow-x:hidden}#root{width:100%;max-width:100%}html{width:100%;max-width:100%;overflow-x:hidden}::selection{background:var(--color-cyan);color:#0d1929}::-moz-selection{background:var(--color-cyan);color:#0d1929}a{color:inherit;text-decoration:none}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}button:disabled{opacity:.6;cursor:not-allowed}h1,h2,h3,button,.btn{font-family:var(--font-display)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(125,211,232,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,212,170,.02) 0%,transparent 50%);pointer-events:none;z-index:0}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-cyan)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan)}@media (max-width: 968px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}}.header{background:linear-gradient(180deg,var(--color-bg-elevated) 0%,var(--color-bg-secondary) 100%);border-bottom:1px solid var(--color-border-primary);box-shadow:0 4px 24px #0000004d;position:sticky;top:0;z-index:100;width:100%;max-width:100%}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-cyan) 50%,transparent 100%);opacity:.6}.header-container{width:100%;max-width:1400px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:32px;min-width:0}.brand{text-decoration:none;color:inherit;flex-shrink:0;display:flex;align-items:center;gap:12px;min-width:0}.header-logo{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(125,211,232,.5))}.brand-title{font-size:24px;font-weight:800;margin:0;color:var(--color-text-primary);font-family:var(--font-display);transition:color .2s ease}.nucleus-text{color:var(--color-cyan)}.brand:hover .brand-title{color:var(--color-text-primary)}.brand:hover .nucleus-text{color:var(--color-cyan-light)}.nav{display:flex;gap:8px;flex:1;min-width:0;flex-wrap:wrap}.nav-link{padding:10px 20px;font-size:16px;font-weight:600;font-family:var(--font-display);color:var(--color-text-secondary);text-decoration:none;border-radius:8px;transition:all .2s ease}.nav-link:hover{background:var(--overlay-light-05);color:var(--color-text-primary)}.nav-link.active{background:var(--color-cyan);color:#0d1929}.nav-link-admin{color:var(--color-error)}.nav-link-admin:hover{background:var(--color-error-bg);color:var(--color-error-hover)}.nav-link-admin.active{background:var(--color-error);color:var(--color-text-primary)}.auth-section{flex-shrink:0;min-width:0}.user-menu,.auth-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.header-btn{padding:10px 20px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.header-btn-primary{background:var(--color-accent);color:var(--color-text-inverse)}.header-btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-gold)}.header-btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.header-btn-secondary:hover{background:var(--color-bg-tertiary);transform:translateY(-1px)}.user-dropdown{position:relative}.user-dropdown-trigger{cursor:pointer}.user-dropdown-menu{position:absolute;top:100%;right:0;padding-top:8px;z-index:1000;min-width:160px;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:0 4px 16px #0000004d;overflow:hidden;animation:dropdownFadeIn .2s ease}.user-dropdown-item{display:block;width:100%;padding:10px 16px;font-size:14px;font-weight:600;font-family:var(--font-display);color:var(--color-text-primary);background:none;border:none;border-radius:0;text-align:left;cursor:pointer;transition:background .15s ease;text-decoration:none}.user-dropdown-item:hover{background:var(--overlay-light-05)}.header-actions{display:flex;align-items:center;gap:10px;flex:0 1 auto;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;min-width:0}.header-btn-discord{background:linear-gradient(135deg,#5865f2,#4752c4);border:2px solid #7289DA;color:#fff!important;padding:10px 20px;font-size:14px;font-weight:600;font-family:var(--font-display);border-radius:8px;text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.header-btn-discord:hover{background:linear-gradient(135deg,#6872f2,#5865f2);border-color:#99aaf5;transform:translateY(-1px)}.header-btn-nucleus{background:linear-gradient(135deg,#1a3a52,#0d2538);border:2px solid var(--color-cyan);color:#fff!important;padding:10px 20px;font-size:14px;font-weight:600;font-family:var(--font-display);border-radius:8px;text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.header-btn-nucleus:hover{background:linear-gradient(135deg,#1f4562,#143048);border-color:var(--color-cyan-light);transform:translateY(-1px)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 968px){.header{position:relative;top:auto}.header-btn-nucleus,.header-btn-discord{font-size:13px;padding:8px 16px}}@media (max-width: 768px){.header-container{flex-wrap:wrap;gap:16px}.brand-title{font-size:20px}.nav{order:3;width:100%;justify-content:center}.nav-link{flex:1;text-align:center;padding:8px 12px;font-size:14px}.header-actions{gap:8px}.header-btn-nucleus,.header-btn-discord{font-size:12px;padding:8px 12px}.auth-section{margin-left:auto}}*{box-sizing:border-box}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary)}#root{max-width:100%;margin:0;padding:0}.route-loading{display:grid;flex:1;min-height:40vh;place-items:center;padding:2rem;color:var(--color-text-secondary, #b4bac4)}@media (max-width: 968px){.app{width:100%;max-width:100%;overflow-x:hidden}}