@font-face{font-family:GothaPro;src:url(/fonts/GothaProReg.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:GothaPro;src:url(/fonts/GothaProMed.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:GothaPro;src:url(/fonts/GothaProBol.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:GothaPro;src:url(/fonts/GothaProBla.otf) format("opentype");font-weight:900;font-style:normal}:root{--gold: #C9A84C;--gold-light: #F5D78E;--bg: #0a0a0a;--bg2: #111111;--bg3: #1a1a1a;--bg4: #222222;--border: #2a2a2a;--text: #ffffff;--text2: #aaaaaa;--text3: #666666;--green: #2a7a3b;--red: #c0392b;--pill-bg: rgba(17, 17, 17, .9);--pill-border: rgba(255, 255, 255, .07)}[data-theme=light]{--gold: #C47B2B;--gold-light: #D4943E;--bg: #EAD9B4;--bg2: #DFD0A8;--bg3: #D4C49E;--bg4: #C9B893;--border: #B8A47A;--text: #150A02;--text2: #3D2010;--text3: #7A5C30;--green: #2a7a3b;--red: #c0392b;--pill-bg: rgba(212, 196, 157, .88);--pill-border: rgba(196, 123, 43, .18)}*{margin:0;padding:0;box-sizing:border-box;max-width:100%}html,body{height:100%;width:100%;overflow:hidden;overscroll-behavior:none;touch-action:pan-y;-webkit-overflow-scrolling:auto;position:fixed;left:0;top:0}body{font-family:GothaPro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}#root{height:100%;width:100%;overflow:hidden;position:relative}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit}.gold{color:var(--gold)}.gold-gradient{background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#000;font-weight:700;padding:12px 24px;border-radius:12px;font-size:15px;transition:opacity .2s;width:100%}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg3);color:var(--text);font-weight:600;padding:10px 20px;border-radius:12px;font-size:14px;border:1px solid var(--border);transition:background .2s}.btn-secondary:hover{background:var(--bg4)}.input{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:12px 16px;border-radius:12px;font-size:15px;width:100%;outline:none;transition:border-color .2s}.input:focus{border-color:var(--gold)}.input::placeholder{color:var(--text3)}.card{background:var(--bg3);border:1px solid var(--border);border-radius:16px;overflow:hidden}.avatar{border-radius:50%;background:var(--bg4);display:flex;align-items:center;justify-content:center;font-size:1.5em;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.badge{background:var(--gold);color:#000;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px}.badge-green{background:var(--green);color:#fff}.tag{background:var(--bg4);border:1px solid var(--border);border-radius:20px;padding:4px 10px;font-size:11px;color:var(--text2)}.tag-gold{border-color:var(--gold);color:var(--gold);background:#c9a84c1a}.progress-bar{background:var(--bg4);border-radius:10px;height:6px;overflow:hidden}.progress-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--gold),var(--gold-light));transition:width .5s ease}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:24px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.spinner{width:32px;height:32px;border:3px solid var(--bg4);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}