:root {
            --primary: #FF9644;
            --bg: #FFCE99;
            --neon: #56F000;
            --dark: #1a140e;
        }

        * { font-family: 'JetBrains Mono', monospace; box-sizing: border-box; }
        body { background-color: var(--bg); color: var(--dark); margin: 0; overflow-x: hidden; }

        /* Navigation Rail */
        #sideRail {
            width: 300px;
            height: 100vh;
            background: var(--primary);
            position: fixed;
            left: 0;
            top: 0;
            z-index: 50;
            border-right: 4px solid var(--dark);
            display: flex;
            flex-direction: column;
            transition: transform 0.3s ease;
        }

        /* Responsive Rail */
        @media (max-width: 1024px) {
            #sideRail { transform: translateX(-100%); }
            #sideRail.open { transform: translateX(0); }
            #mainContent { margin-left: 0 !important; width: 100% !important; }
            .mobile-toggle { display: block !important; }
        }

        #mainContent { margin-left: 300px; width: calc(100% - 300px); min-height: 100vh; }

        /* Component Styling */
        .system-card {
            background: var(--bg);
            border: 3px solid var(--dark);
            padding: 2rem;
            transition: all 0.2s steps(4);
            position: relative;
        }
        .system-card:hover { transform: translate(-8px, -8px); box-shadow: 8px 8px 0px var(--dark); }

        .btn-action {
            background: var(--dark);
            color: var(--neon);
            padding: 1rem 1.5rem;
            border: none;
            font-weight: 800;
            text-transform: uppercase;
            display: inline-flex;
            align-items: center;
            gap: 12px;
            width: 100%;
            justify-content: center;
        }
        .btn-action:hover { background: var(--primary); color: var(--dark); }

        .terminal-window {
            background: var(--dark);
            color: var(--neon);
            border: 3px solid var(--primary);
            padding: 2rem;
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 90%;
            max-width: 800px;
            z-index: 1000;
            max-height: 80vh;
            overflow-y: auto;
        }

        .overlay {
            position: fixed;
            inset: 0;
            background: rgba(26, 20, 14, 0.9);
            z-index: 999;
            display: none;
        }

        .status-bar { height: 4px; background: var(--neon); width: 0%; }
        
        /* Cart Badge */
        .cart-count { background: var(--neon); color: var(--dark); padding: 2px 8px; font-size: 10px; border-radius: 99px; }

        /* Search Bar */
        #searchBox { background: rgba(0,0,0,0.1); border: none; padding: 0.5rem; width: 100%; outline: none; }