@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;700&display=swap";:root{--color-bg: #0A0A0A;--color-surface: #141414;--color-surface-hover: #1A1A1A;--color-surface-active: #222222;--color-gold: #C9A84C;--color-gold-dim: rgba(201, 168, 76, .15);--color-text: #FFFFFF;--color-text-muted: #888888;--color-border: #222222;--color-danger: #ef4444;--color-success: #22c55e;--font-display: "Bebas Neue", sans-serif;--font-body: "DM Sans", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;letter-spacing:1px}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:500;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-gold);color:#000}.btn-primary:hover:not(:disabled){opacity:.9}.btn-outline{border:1px solid var(--color-border);background-color:transparent}.btn-outline:hover:not(:disabled){background-color:var(--color-surface)}.input-field{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);outline:none}.input-field:focus{border-color:var(--color-gold)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.w-full{width:100%}.h-full{height:100%}.text-gold{color:var(--color-gold)}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-display{font-family:var(--font-display)}.progress-bg{width:100%;height:4px;background-color:var(--color-border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background-color:var(--color-gold);transition:width .3s ease}.shell-container{display:flex;height:100vh;width:100vw;overflow:hidden}.shell-sidebar{width:250px;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column}.shell-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.shell-topbar{height:60px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--spacing-lg);justify-content:space-between}.shell-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all .2s ease}.sidebar-nav-item:hover,.sidebar-nav-item.active{background-color:var(--color-surface-hover);color:var(--color-text)}.sidebar-nav-item.active{color:var(--color-gold)}.sidebar-nav-item.locked{opacity:.5;cursor:not-allowed}.spinner{animation:spin 1s linear infinite;border:2px solid var(--color-border);border-top-color:var(--color-gold);border-radius:50%;width:20px;height:20px}@keyframes spin{to{transform:rotate(360deg)}}