@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-main:#0a0d14;--bg-card:#121824;--bg-card-hover:#192131;--bg-input:#0e121b;--bg-admin-header:#1e1b10;--color-gold-light:#f3d492;--color-gold:#c5a059;--color-gold-dark:#8c6e32;--color-gold-glow:#c5a05940;--color-text-title:#f8fafc;--color-text-main:#d1d5db;--color-text-muted:#9ca3af;--color-success:#10b981;--color-success-bg:#10b9811a;--color-error:#ef4444;--color-error-bg:#ef44441a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--font-title:"Cinzel", serif;--font-body:"Outfit", sans-serif;font-family:var(--font-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-text-main);background-color:var(--bg-main);background-image:radial-gradient(circle at 50% 20%,#151f3380 0%,#0a0d1400 60%),radial-gradient(circle at 10% 80%,#0f172a4d 0%,#0a0d1400 50%);background-attachment:fixed;min-height:100vh;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--color-gold-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--color-text-title);letter-spacing:.05em;margin:0}button,input,select,textarea{font-family:var(--font-body)}a{color:var(--color-gold);text-decoration:none;transition:color .2s}a:hover{color:var(--color-gold-light)}.app-container{box-sizing:border-box;flex-direction:column;max-width:1280px;min-height:100vh;margin:0 auto;padding:2rem 1.5rem;display:flex}.app-header{text-align:center;margin-bottom:2.5rem;padding-bottom:1.5rem;position:relative}.app-header:after{content:"";background:linear-gradient(90deg, transparent, var(--color-gold) 50%, transparent);height:1px;position:absolute;bottom:0;left:20%;right:20%}.app-header:before{content:"✦";color:var(--color-gold);background:var(--bg-main);z-index:1;padding:0 10px;font-size:12px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.app-title-container{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.app-title{text-transform:uppercase;background:linear-gradient(180deg, #fff 30%, var(--color-gold-light) 70%, var(--color-gold) 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 15px #c5a05933;filter:drop-shadow(0 2px 4px #00000080);-webkit-background-clip:text;font-size:2.5rem;font-weight:700}.app-subtitle{color:var(--color-text-muted);letter-spacing:.15em;text-transform:uppercase;font-size:.95rem;font-weight:500}.tab-navigation{justify-content:center;gap:1rem;margin-bottom:2.5rem;display:flex}.tab-btn{border:1px solid var(--color-gold-dark);color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#12182499;border-radius:4px;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.tab-btn:hover{color:var(--color-text-title);border-color:var(--color-gold);box-shadow:0 0 10px var(--color-gold-glow);background:#192131cc}.tab-btn.active{color:var(--color-gold-light);border-color:var(--color-gold);box-shadow:0 0 15px var(--color-gold-glow), inset 0 0 8px #c5a05926;background:linear-gradient(135deg,#1d263b 0%,#151b27 100%)}.tab-btn.active:before{content:"";background:var(--color-gold);width:100%;height:2px;position:absolute;top:0;left:0}.ff-card{background:var(--bg-card);border:1px solid #c5a05926;border-radius:6px;padding:1.5rem;transition:all .3s;position:relative;box-shadow:0 10px 20px #0000004d}.ff-card:hover{border-color:#c5a05966;box-shadow:0 12px 24px #0006,0 0 10px #c5a0590d}.ff-card-framed{background:var(--bg-card);border:1px solid var(--color-gold-dark);border-radius:4px;padding:1.75rem;position:relative;box-shadow:0 8px 16px #0006}.ff-card-framed:before{content:"";pointer-events:none;border:1px solid #c5a05926;border-radius:2px;position:absolute;inset:3px}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #10b9814d}.badge-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid #ef44444d}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid #f59e0b4d}.gil-price{font-family:var(--font-title);color:var(--color-gold-light);align-items:center;gap:.25rem;font-weight:700;display:flex}.gil-coin{color:#fff;text-shadow:0 1px 1px #00000080;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:1px solid #78350f;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:900;line-height:1;display:inline-flex}.ff-btn{background:linear-gradient(180deg, var(--color-gold) 0%, var(--color-gold-dark) 100%);color:#121824;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:1px solid #5a441a;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.ff-btn:hover{background:linear-gradient(180deg, var(--color-gold-light) 0%, var(--color-gold) 100%);transform:translateY(-1px);box-shadow:0 0 12px #c5a05966}.ff-btn:active{transform:translateY(0)}.ff-btn-secondary{color:var(--color-text-title);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#12182499;border:1px solid #c5a05966;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.ff-btn-secondary:hover{border-color:var(--color-gold);background:#192131cc}.ff-btn-danger{color:#fff;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:linear-gradient(#ef4444 0%,#b91c1c 100%);border:1px solid #7f1d1d;border-radius:4px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s}.ff-btn-danger:hover{background:linear-gradient(#f87171 0%,#ef4444 100%);transform:translateY(-1px);box-shadow:0 0 12px #ef444466}.ff-btn:disabled,.ff-btn-secondary:disabled,.ff-btn-danger:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.toggle-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.toggle-switch{background:#1e293b;border:1px solid #c5a05933;border-radius:9999px;width:44px;height:22px;margin-right:.5rem;transition:background .3s;position:relative}.toggle-switch:after{content:"";background:var(--color-text-muted);border-radius:50%;width:16px;height:16px;transition:transform .3s,background-color .3s;position:absolute;top:2px;left:2px}input[type=checkbox]:checked+.toggle-switch{border-color:var(--color-gold);background:#c5a05926}input[type=checkbox]:checked+.toggle-switch:after{background:var(--color-gold);transform:translate(22px)}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.form-label{font-family:var(--font-title);color:var(--color-gold-light);letter-spacing:.05em;text-transform:uppercase;font-size:.85rem}.form-input{background:var(--bg-input);color:var(--color-text-title);border:1px solid #c5a05940;border-radius:4px;padding:.6rem .8rem;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:var(--color-gold);outline:none;box-shadow:0 0 8px #c5a05940}.form-select{background:var(--bg-input);color:var(--color-text-title);cursor:pointer;border:1px solid #c5a05940;border-radius:4px;padding:.6rem .8rem;font-size:.95rem;transition:all .2s}.form-select:focus{border-color:var(--color-gold);outline:none;box-shadow:0 0 8px #c5a05940}.ff-alert{border-radius:4px;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;display:flex}.ff-alert-warning{background:var(--color-warning-bg);color:#f59e0b;border:1px solid #f59e0b33}.ff-alert-info{color:var(--color-text-main);background:#1e293b66;border:1px solid #c5a05926}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes pulseGlow{0%{box-shadow:0 0 5px #c5a0591a}50%{box-shadow:0 0 15px #c5a05959}to{box-shadow:0 0 5px #c5a0591a}}.glow-active{animation:2s ease-in-out infinite pulseGlow}