
    * { box-sizing: border-box; }
    [hidden] { display: none !important; }
    html, body { margin: 0; padding: 0; background-color: #020306; width: 100%; min-height: 100%; color: #e2e8f0; }
    body {
        font-family: 'Rajdhani', sans-serif;
        background: radial-gradient(ellipse at 50% 0%, rgba(15, 23, 38, 0.5) 0%, transparent 65%), #020306;
        background-attachment: fixed;
        -webkit-font-smoothing: antialiased;
    }
    button, input { font: inherit; color: inherit; }

    :root {
        --core-bg-v2: #020306; 
        --panel-bg-v2: rgba(7, 10, 16, 0.95); 
        --panel-border-v2: rgba(26, 40, 64, 0.65);
        --cyan-v2: #00d4eb; 
        --gold-v2: #f59e0b; 
        --alert-v2: #ef4444; 
        --purp-v2: #818cf8;
        --package-v2: #10b981;
        --text-pri-v2: #e2e8f0; 
        --text-mut-v2: #64748b;
        --hover-v2: rgba(0, 212, 235, 0.05); 
        --select-v2: rgba(239, 68, 68, 0.1);

        /* Category Color Tokens (Deep Space Tactical) */
        --cat-ships: #3b82f6;
        --cat-gear: #84cc16;
        --cat-paints: #a855f7;
        --cat-packages: #f59e0b;
        --cat-upgrades: #00f0ff;
        --cat-addons: #f43f5e;
    }

    .wrap {
        width: 100%;
        max-width: 1720px;
        margin: 0 auto;
        padding: 20px 24px 40px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

